
/* Front-end background and main table */

body {
	line-height:130%;
	font-size: 9pt;
	margin: 0px;
	background-color: #616a76;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.adminBar {
   background-color: #ffffff;
}

/* sets the width of the whole site */
#container {
	width: 900px;
	background-color: #ffffff;
	margin:auto;
}

#leftcol{
	width:670px;
	float:left;
}

#rightcol{
	width:230px;	
	float:right;
	background-image: url(/extras/styles/webideas/topmenu_bg.gif);
	background-repeat: repeat-x;	

}

#banner{
	background-image: url(/extras/styles/webideas/banner_bg.jpg);
	background-repeat: repeat-x;
	height:80px;
}



#banner img{
	display:block;
	float:left;
}

#homeMenu{
	width:320px;
	float:right;
	text-align:right;
	padding-top:6px;
	padding-right: 10px;
}

#homeMenu a {
	display:inline;
	color: #004962;
	text-decoration: none;
}

#homeMenu a:visited {
	color:#004962;
}

#homeMenu a:hover {
	color:#ff6600;
}

#topmenu{

	background-image: url(/extras/styles/webideas/topmenu_bg.gif);
	background-repeat: repeat-x;
padding-left:20px;
}





/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding-top:5px;
		color: #ffffff;
		font-weight:  normal;
		letter-spacing: 1px;
		background-image: url(/extras/styles/webideas/tab.gif);
		background-repeat: no-repeat;
		width:100px;
		height:30px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	

	
}

.mlddm li a:hover, .mlddm li a#buttonhover {	
		background-image: url(/extras/styles/webideas/tab_active.gif);
		background-repeat: no-repeat;	
	
}

/* drop down list */

		.mlddm ul {	
			background: #ff6600; 
		}
		.mlddm ul li a {	
			padding: 4px 16px 4px 6px;
			border:1px solid #ffffff;
			border-top: 0;
			border-right: 0;
			text-transform: none;
			text-align: left;
			background-image: none;
			height: auto;

		}
		.mlddm ul li a:hover {	
			color: #000000;
			background-color:#cccccc;
			background-image: none;
		}

		
#bookingPPanel{
	background-image: url(/extras/styles/webideas/booking_panel.jpg);
	background-repeat: no-repeat;
	width:180px;
	height:332px;
	padding-left:20px;
	color:#fff;
	visibility:visible;
	position:relative;
	display: block;
	
}





#bookingPPanel form{		
	padding:0;
	margin:0;
}
#bookingPPanel p{		
	padding:0;
	margin-top:10px;
}

#bookingPPanel input.location{		
	height:20px;
	background-color:#fff;
}



#bookingHeader{
	height:33px;
	position:relative;
	top:5px;
	left:-10px;
	
}


#bookingHeader a{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	display:inline;
		
}

#bookingHeader a.book{
	color:#fff;
	padding-right:27px;
}

#bookingHeader a.quote{
	color:#616a76;
}
	

#quotePPanel{
		background-image: url(/extras/styles/webideas/quote_panel.jpg);
	background-repeat: no-repeat;
	width:180px;
	height:332px;
	padding-left:20px;
	color:#fff;
	position:relative;
	display: none;
}
#quotePPanel form{		
	padding:0;
	margin:0;
}
#quotePPanel p{		
	padding:0;
	margin-top:10px;
}

#quotePPanel input.location{		
	height:20px;
	background-color:#fff;
}
#quoteHeader{
	height:33px;
	position:relative;
	top:5px;
	left:-10px;

}
#quoteHeader a{
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	display:inline;
		
}
#quoteHeader a.book{
	color:#fff;
	padding-right:27px;
}

#quoteHeader a.quote{
	color:#616a76;
}

#homeCont{
	
}

#HCleft{
	width:350px;
	float:left;	
	border:1px solid #ccc;
	padding:10px;	
}

#HCright{
	float:right;
	width:250px;
}

.greyBox{
	border:1px solid #ccc;
		padding:10px;	
}


		
#crumb{
	padding: 10px 15px 20px 15px;

}
/* Where the content goes */
#middle{
	min-height:400px;
	padding: 10px 15px 20px 15px;
}

table.pickupPoints{
	border-collapse: collapse;
	margin-top:10px;
	width: 630px;
}

table.pickupPoints th{
	text-align: left;
	padding:3px 0 4px 4px;
	background-color: #e7e7e7;
	color:#333;
}

table.pickupPoints td{
	padding:4px;
	padding-right:20px;
	border-bottom:1px dotted #ccc;
}

#preFooter {
clear:both;
		background-image: url(/extras/styles/webideas/prefooter_bg.gif);
	background-repeat: repeat-x;	
	background-position: bottom;
	height: 26px;
}

#footer{
	clear:both;
	padding: 4px 20px 20px 20px;
	font-size:7pt;
	background-color: #616a76;
	color: #ffffff;
	
}
.footerLeft{
	width:300px;
	float: left;
	color: #ffffff;
}
.footerMiddle{
	float:left;
	width:300px;
	text-align: center;
	color: #ffffff;

}
.footerRight{
	width:200px;
	float: right;
	text-align:right;
	color: #ffffff;
}
#footer a {
	font-size: 9px;
	color:#ffffff;
	text-decoration: none;
}
#footer a:hover {
	color:#ff6600
}

#conditions {
	display:block;
	font-size:8pt;
	margin-left:44px;
}

#conditions a {
	color: #7b7b7b;
	text-decoration: none;
}

#conditions a:hover {
	text-decoration: underline;
}



/* general site-wide styles */
a {
   color: #333333;
   text-decoration: underline;
}
a:hover {
   color: #000099;
   text-decoration: underline;
}
h1 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
  margin-top:6px;
}
h2 {
  font-size: 10pt;
  color: #ff6600;
}

/* general form classes */
input{
  color: #003399;
}
textarea{
  color: #003399;
}
select{ 
}
.formDescription {
}
.formSubtext {
  font-size: 8pt;
}

a.readmore {
   color: #ff6600;
   text-decoration: underline;
}
a:hover {
   color: #333;
   text-decoration: underline;
}

li {
	padding-top:3px;
	padding-bottom:3px;
}


/* search function - not sure where though */
.searchText {

	font-size: 10pt;
	color: #1964a8;
    	line-height: 20px;
	font-weight: bold
}
.searchButton {
	background-color: #FFFFFF;
	border: #cccccc .5pt solid;
	font-size: 12pt;
	color: #003399;
	font-weight: bold;
	font-style: normal;
	line-height: 16px;
}
.searchInput {
	background-color: #FFFFFF;
	font-family: Arial;
	border: #cccccc .5pt solid;
	font-size: 12pt;
	color: #003399;
	font-style: normal;
	line-height: 16px;
}

/*============================================================*/

table.bookingForms{
	width: 630px;
	border-collapse: collapse;
}

table.bookingForms td.heading{
	font-size: 11pt;
	font-weight:bold;
	white-space: nowrap;
	background-color: #FFC41B;
	background-color: #fff;
	text-align: center;
	padding:10px;
border:0;

}
table.bookingForms td.heading .date{
	font-weight:normal;
	border:0;
	font-size: 10pt
}

table.bookingForms th{
	background-color: #FFC41B;	
	background-color: #e7e7e7;	
	padding:4px 6px;	
	font-size: 8pt;
	border-right:1px solid #eee;
	border-bottom:1px solid #fff;
	white-space: nowrap;

	
}

table.bookingForms th.last{
	border-right:0;
}


table.bookingForms td{
	background-color: #fff;	
	padding:4px;
	white-space: nowrap;	
	text-align: center;
	font-size: 8pt;
	border-bottom: 1px dotted #eee;
	border-right: 1px dotted #eee;
}

table.bookingForms td.note{
	white-space: normal;
	text-align: left;	
	border-right:0;
}

table.bookingForms td.notAvailable {
	white-space: normal;
	padding:10px 40px;	
}

.bookingFormsSubmit{
	text-align: center;
	padding-top:14px;
}

table.bookingForms td.label{
	white-space: normal;
	text-align: right;	
}
table.bookingForms td.value{
	white-space: normal;
	text-align: left;	
}

.footnote{
	padding: 20px 0 10px 0;
	font-size:8pt;
	font-weight:bold;
}

/*============================================================*/

table.bookingRequest{
	width: 630px;
	border-collapse: collapse;
	font-size: 8pt;
	border: 0px solid #cccccc;
}
table.bookingRequest td.heading{
	font-size: 11pt;
	font-weight:bold;
	white-space: nowrap;
	padding:10px;
	border:0;

}
table.bookingRequest td.heading .date{
	font-weight:normal;
	border:0;
	font-size: 10pt;
}

table.bookingRequest td.subheading{
	background-color: #e7e7e7;	
	padding:4px 6px;	
	font-size: 8pt;
	border-right:1px solid #eee;
	white-space: nowrap;
	font-weight:bold;
	vertical-align:middle;
}
table.bookingRequest td.subheadingLast{
	background-color: #e7e7e7;	
	padding:4px 6px;	
	font-size: 8pt;
	white-space: nowrap;	
	border:0;
	vertical-align:middle;
}
table.bookingRequest td.spacer{
	padding: 0;
	border:0;
	height:8px;
}

table.bookingRequest td{
	vertical-align: top;
	padding:8px 4px 6px 4px;
}
table.bookingRequest td.label{
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
table.bookingRequest td.labelMultiline{
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;

}


/*============================================================*/

table.admin{
 	border-spacing:1px;
	margin-top:10px;
}

table.admin td{
	padding:4px;

}

table.admin td.label{
	font-size: 9pt;
	white-space: nowrap;
	background-color: #FFC41B;
	padding:4px;
}

table.admin td.labelCenter{
	font-size: 9pt;
	white-space: nowrap;
	background-color: #FFC41B;
	text-align: center;
	padding:4px;

}

table.admin td.labelBoldCenter{
	font-size: 9pt;
	font-weight: bold;
	white-space: nowrap;
	background-color: #FFC41B;
	text-align: center;
	padding:4px;
}

table.admin td.labelCenterFrom{
	font-size: 9pt;
	white-space: nowrap;
	text-align: center;
	background-color:#f4a460;
	padding:4px;
}

table.admin td.labelBold{
	font-size: 9pt;
	white-space: nowrap;
	font-weight: bold;
	background-color: #FFC41B;
	padding:4px;
}

table.admin td.labelBoldRight{
	font-size: 9pt;
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
	background-color: #FFC41B;
	padding:4px 10px 4px 10px;
}

table.admin td.labelBoldRightFrom{
	font-size: 9pt;
	white-space: nowrap;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	background-color:#f4a460;
	padding:4px 10px 4px 10px;
}

table.admin td.labelBoldCenterFrom{
	font-size: 9pt;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	background-color:#f4a460;
	padding:4px;
}

table.admin td.value{
	font-size: 8pt;
/* 	white-space: nowrap; */
/*	padding:3px; */
	background-color:#e7e7e7; 
}

table.admin td.valueBold{
	font-size: 8pt;
	font-weight: bold;
/* 	white-space: nowrap; */
/*	padding:3px; */
	background-color:#e7e7e7; 
}

table.admin td.valueFrom{
	font-size: 8pt;
/*	white-space: nowrap; */
	padding:3px;
	background-color:#d8d8d8;
}
table.admin td.valueRight{
	font-size: 8pt;
/*	white-space: nowrap; */
	text-align: right;
	padding:3px;
	background-color:#e7e7e7; 
}

table.admin td.valueCenter{
	font-size: 8pt;
/*	white-space: nowrap; */
	text-align: center;
	padding:3px;
	background-color:#e7e7e7; 
}

table.admin td.valueCenterFrom{
	font-size: 8pt;
/*	white-space: nowrap; */
	text-align: center;
	padding:3px;
	background-color:#d8d8d8;
}

.sysErr {
	padding:10px;
	width:611px;
	display:block;
	background-color: maroon;
	color:white;
	font-weight:bold;
}

.paymentStatus {
	color:maroon;
	font-weight:bold;
}





