/*------------------------------------------------------------------
[Camelot Theme Park - Online Tickets Stylesheet]

Project:		Camelot Theme Park
Version:		1.0
Primary use:	Web site
-------------------------------------------------------------------*/
/* Structure */

.main-content-tickets {
	height: 412px;
	padding:0 0 0 25px;
	margin:0;
}
.footer-tickets {
	height: 47px;
	padding:20px 0 0 25px;
}
/* Backgrounds */

.container-tickets {
	background:url(../media/background-tickets1.jpg) no-repeat center;
}
.container-tickets2 {
	background:url(../media/background-tickets2.jpg) no-repeat center;
}
.container-tickets3 {
	background:url(../media/background-tickets3.jpg) no-repeat center;
}
.container-tickets4 {
	background:url(../media/background-tickets4.jpg) no-repeat center;
}
.container-tickets5 {
	background:url(../media/background-tickets5.jpg) no-repeat center;
}
.container-tickets6 {
	background:url(../media/background-tickets6.jpg) no-repeat center;
}
/* Structure */
/* Used on tickets page */
.main-2columns-noscroll-ticket {
	width:607px;
	padding:0;
	margin:0 8px 0 0; /*margin:0 15px 0 0;*/
	color:#000000;
	padding: 0 10px 0 0;
	height:370px;
}

.main-2columns-noscroll-ticket-temp {
	width:607px;
	padding:0;
	margin:0 8px 0 0;
	color:#000000;
	padding: 0 10px 0 0;
	height:370px;
}

.main-2columns-noscroll-ticket-footer {
	width:607px;
	padding:0;
	margin:0 8px 0 0; /*margin:0 15px 0 0;*/
	color:#000000;
	padding: 0 10px 0 0;
	height:30px;
}
/* Ticket pages - navigation */

/* Tickets */

#navigation-tickets {
	margin: 0;
	padding: 55px 0 0 260px;
	color:#FFFFFF;
}
#navigation-tickets li {
	float:left;
	padding:0 46px 0 0;
	margin:0;
	list-style: none;
}
#navigation-tickets li a {
	display: block;
	width: 60px;
	text-align: center;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
	margin:0;
	padding:0;
}
#navigation-tickets li a:hover {
	text-decoration:underline;
}
.navigation-ticket-text {
	font-weight:normal;
	font-size:10px;
	width: 60px;
	text-align: center;
}
/* Ticket tables */

#tickettable {
	width: 550px;
}
#tickettable .headertable {
	display: table-row;
	font-weight: bold;
	background-color: #CCCCCC;
	height:30px;
	font-size: 120%;
	padding: 2px 0 0 5px;
	width: 545px;
}
#tickettable .maintable {
	display: table-row;
	height:35px;
	background-color:#DEDEDE;
	padding: 2px 0 0 5px;
	width: 545px;
}
#tickettable .footertable {
	font-weight: bold;
	background-color: #CCCCCC;
	font-size: 120%;
	height: 25px;
	padding: 2px 0 0 5px;
	width: 545px;
}
#tickettable .cellname {
	display: table-cell;
	width: 170px;
	float:left;
}
#tickettable .celldescription {
	display: table-cell;
	width: 200px;
	float:left;
}
#tickettable .cellprice {
	display: table-cell;
	width: 70px;
	float:left;
}
#tickettable .cellnumber {
	display: table-cell;
	width: 105px;
	float:left;
}
/* Ticket tables */

#tickettable_home {
	width: 410px;
}
#tickettable_home .headertable {
	display: table-row;
	font-weight: bold;
	background-color: #BA9D7E;
	height:20px;
	font-size: 120%;
	padding: 2px 0 0 5px;
	width: 405px;
}
#tickettable_home .maintable {
	display: table-row;
	height:25px;
	background-color:#CFB697;
	padding: 2px 0 0 5px;
	width: 405px;
	margin:2px 0 0 0;
}
#tickettable_home .footertable {
	font-weight: bold;
	background-color: #CCCCCC;
	font-size: 120%;
	height: 25px;
	padding: 2px 0 0 5px;
	width: 405px;
}
#tickettable_home .cellname {
	display: table-cell;
	width: 170px;
	float:left;
}
#tickettable_home .celldescription {
	display: table-cell;
	width: 250px;
	float:left;
}
#tickettable_home .cellprice {
	display: table-cell;
	width: 70px;
	float:left;
}
#tickettable_home .cellnumber {
	display: table-cell;
	width: 85px;
	float:left;
}
/* Order tables */

#orderstable {
	width: 1190px;
}
#orderstable .headertable {
	display: table-row;
	font-weight: bold;
	background-color: #CCCCCC;
	height:55px;
	font-size: 120%;
	padding: 2px 0 0 5px;
	width: 1195px;
}
#orderstable .maintable {
	display: table-row;
	height:100%;
	background-color:#DEDEDE;
	padding: 2px 0 30px 5px;
	width: 1195px;
}
#orderstable .footertable {
	font-weight: bold;
	background-color: #CCCCCC;
	font-size: 120%;
	height: 25px;
	padding: 2px 0 0 5px;
	width: 1045px;
}
#orderstable .cellid {
	display: table-cell;
	width: 30px;
	text-align:center;
	float:left;
}
#orderstable .cellcustomername {
	display: table-cell;
	width: 100px;
	float:left;
}
#orderstable .celladdress {
	display: table-cell;
	width: 280px;
	float:left;
}
#orderstable .cellemail {
	display: table-cell;
	width: 170px;
	float:left;
}
#orderstable .cellpaid {
	display: table-cell;
	width: 60px;
	text-align:center;
	float:left;
}
#orderstable .cellcollected {
	display: table-cell;
	width: 60px;
	text-align:center;
	float:left;
}
#orderstable .cellbookingdate {
	display: table-cell;
	width: 100px;
	text-align:center;
	float:left;
}
#orderstable .cellcustomercollected {
	display: table-cell;
	width: 110px;
	text-align:center;
	float:left;
}
#orderstable .ticketinfo {
	display: table-cell;
	width: 220px;
	text-align:left;
	float:left;
}
/* T & C box */
#tandcbox {
	width: 270px;
	background: #CFB697;
	padding: 5px;
	margin-top: 10px;
}
/* Cart page - layout */

#cart {
	width: 600px;
	float:left;
}
#cartleft {
	width: 340px;
	float:left;
	height:270px;
}
#cartright {
	width:260px;
	float:left;
}
/* Cart tables */

#carttable {
	width: 260px;
}
#carttable .headertable {
	display: table-row;
	font-weight: bold;
	background-color: #BA9D7E;
	height:30px;
	font-size: 120%;
	padding: 0; /*padding: 2px 0 0 5px;*/
	width: 260px;
}
#carttable .maintable {
	display: table-row;
	height:35px;
	background-color:#CFB697;
	padding: 0; /*padding: 2px 0 0 5px;*/
	width: 260px;
}
#carttable .footertable {
	font-weight: bold;
	background-color: #BA9D7E;
	font-size: 120%;
	height: 25px;
	padding: 0;
	/*padding: 2px 0 0 5px;*/
	width: 260px;
}
#carttable .cellname {
	/*display: table-cell;*/
	width: 80px;
	float:left;
}
#carttable .cellprice {
	/*display: table-cell;*/
	width: 50px;
	text-align:center;
	float:left;
}
#carttable .cellnumber {
	/*display: table-cell;*/
	width: 50px;
	text-align:center;
	float:left;
}
#carttable .cellsubtotal {
	/*display: table-cell;*/
	width: 80px;
	text-align:center;
	float:left;
}
/* Cart - customer details */
#customerdetails {
	background-color: #CFB697;
	padding: 10px;
	width: 300px;
	height:250px;
}
/* Booking date */

#bookingdate {
	/*display: table-row;*/
	font-weight: bold;
	background-color: #CFB697;
	height:25px;
	font-size: 120%;
	padding: 0; /* 2px 0 0 5px */
	width: 260px; /*width: 280px;*/
	margin-top: 10px;
}
/* Form */
.input {
	background-color: #eeeeee;
	font-size: 11px;
	color: #666666;
	margin: 2px;
	padding: 3px;
	border: 1px solid #333333;
	width: 200px;
}
div.row {
	clear: both;
	width: 300px; 
}

div.row-summary {
	clear: both;
	width: 260px; 
}
.col1 {
	width: 120px;
	height: 31px;
	margin: 0;
	padding:0;
	float: left;
	font-weight: bold;
	font-size:11px;
	
}
.col2 {
	width: 110px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	padding:0;
}
/* Columns for the Date selection page */

div.row-date {
	clear: both;
	width: 280px;
}
.col1-date {
	width: 160px;
	height: 31px;
	margin: 0;
	float: left;
	font-weight: bold;
	font-size:11px;
}
.col2-date {
	width: 120px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}
/* Summary page */

.col1-summary {
	width: 80px;
	height: 31px;
	margin: 0;
	float: left;
	font-weight: bold;
	font-size:11px;
}
.col2-summary {
	width: 170px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}



/* Checkout page - layout */

#checkout {
	width: 570px;
	float:left;
}

#checkoutleft {
	width: 315px;
	float:left;
	background-color: #CFB697;
	margin-right:5px;
	padding: 10px;
}

#checkoutleft-summary {
	width: 265px;
	float:left;
	background-color: #CFB697;
	margin-right:5px;
	padding: 10px;
}
#checkoutright {
	width:230px; /*width:220px */
	float:left;
}
/* Confirm page - layout */

#confirm {
	width: 800px;
	float:left;
}
#confirmleft {
	width: 445px;
	float:left;
	background-color: #DAC3EC;
	margin-right:5px;
	padding: 10px;
}
#confirmright {
	width:320px;
	float:left;
}
/* Backoffice */

.paid {
	color: #006633;
	font-weight: bold;
}
.notpaid {
	color: #CC0000;
	font-weight: bold;
}
.collected {
	color: #006633;
	font-weight: bold;
}
.notcollected {
	color: #CC0000;
	font-weight: bold;
}
/* Backoffice */
/*

div.cellname {
	display: table-cell;
	width: 170px;
	float:left;
	
}

div.celldescription {
	display: table-cell;
	width: 200px;
	float:left;
}

div.cellprice {
	display: table-cell;
	width: 70px;
	float:left;
}

div.cellstartdate {
	display: table-cell;
	width: 100px;
	float:left;
}

div.cellenddate {
	display: table-cell;
	width: 100px;
	float:left;
}

div.celladd {
	display: table-cell;
	width: 200px;
	float:left;
}

div.cellupdate{
	display: table-cell;
	width: 100px;
	text-align:center;
	float:left;
}


div.cellticketorder {
	display: table-cell;
	width: 80px;
	float:left;
}

div.cellnumber {
	display: table-cell;
	width: 70px;
	float:left;
}

div.cellticket {
	display: table-cell;
	width: 100px;
	float:left;
}

div.cellquantity {
	display: table-cell;
	width: 100px;
	float:left;
}
*/

/* Classes - highlight */

.highlight {
	color:#FF0000;
	text-decoration:underline;
	font-size:12px;
}
/* "Next link" - this is for the continue or submit links */

.ticket-nextbutton {
	width: 280px;
	text-align:right;
	margin-top:20px;
}