/* These are the main elements to change for the booking wizard */	
h1 { color: red; font-size: 12pt; font-weight: bold; }	

/* This controls the summary box */
.summaryContainer {	border: solid 1px #FF9900; background-color: #ffffff; width: 356px; margin-bottom: 5px; }
.summaryTitle {	font-weight: bold; color: #FF9900; }

/* Any general text box including dropdown lists */
.textbox { background: #FFF; border: 1px solid #FF9900;	color: #494949;	margin: 0px 0px 6px 6px; }

/* Any tables used within the wizard */
.table { font-size: 12px; }
.table TH { width: 150px; text-align: left; font-weight: normal; vertical-align: middle; }

/* these are mainly used for the login page */
.tableheader { background-color: #FF9900; color: #FFFFFF; font-weight: bold; font-size: larger; margin-bottom: 10px; }
.tableborder { border: solid 1px #FF9900; }

/* This whole section deals with the images for the step numbers throughout the wizard */
/* They need to be 40x40 */
.number { height: 40px; width: 40px; background-repeat: no-repeat; float: left; padding: 2px; }
.num1 { background-image: url('/images/bmp/1.png'); }
.num1_on { background-image: url('/images/bmp/1_on.png'); }
.num1_done { background-image: url('/images/bmp/1_done.png'); }
.num2 { background-image: url('/images/bmp/2.png'); }
.num2_on { background-image: url('/images/bmp/2_on.png'); }
.num2_done { background-image: url('/images/bmp/2_done.png'); }
.num3 { background-image: url('/images/bmp/3.png'); }
.num3_on { background-image: url('/images/bmp/3_on.png'); }
.num3_done { background-image: url('/images/bmp/3_done.png'); }
.num4 { background-image: url('/images/bmp/4.png'); }
.num4_on { background-image: url('/images/bmp/4_on.png'); }
.num4_done { background-image: url('/images/bmp/4_done.png'); }
.num5 { background-image: url('/images/bmp/5.png'); }
.num5_on { background-image: url('/images/bmp/5_on.png'); }
.num5_done { background-image: url('/images/bmp/5_done.png'); }
.num6 { background-image: url('/images/bmp/6.png'); }
.num6_on { background-image: url('/images/bmp/6_on.png'); }
.num6_done { background-image: url('/images/bmp/6_done.png'); }
.num7 { background-image: url('/images/bmp/7.png'); }
.num7_on { background-image: url('/images/bmp/7_on.png'); }
.num7_done { background-image: url('/images/bmp/7_done.png'); }
.num8 { background-image: url('/images/bmp/8.png'); }
.num8_on { background-image: url('/images/bmp/8_on.png'); }
.num8_done { background-image: url('/images/bmp/8_done.png'); }

/* This section deals with the various banner images to show which step you are on */
/* They need to be 356x38 */
.partiesbanner { background-image: url('/images/bmp/partiesbanner.jpg'); height: 80px; width: 356px; background-repeat: no-repeat }
.titles { background-repeat: no-repeat; width: 356px; height: 38px; margin-top: 15px;}
.wiztitle_2 { background-image: url('/images/bmp/wiztitle_2.gif'); }
.wiztitle_3 { background-image: url('/images/bmp/wiztitle_3.gif'); }
.wiztitle_4 { background-image: url('/images/bmp/wiztitle_4.gif'); }
.wiztitle_5 { background-image: url('/images/bmp/wiztitle_5.gif'); }
.wiztitle_6 { background-image: url('/images/bmp/wiztitle_6.gif'); }
.wiztitle_7 { background-image: url('/images/bmp/wiztitle_7.gif'); }
.wiztitle_8 { background-image: url('/images/bmp/wiztitle_8.gif'); }
.wiztitle_9 { background-image: url('/images/bmp/wiztitle_9.gif'); }
.wiztitle_10 { background-image: url('/images/bmp/wiztitle_10.gif'); }

/* This is the section for the buttons - sizes are in comments */
.nextbutton { background-image: url('/images/bmp/nextbutton.gif'); } /* 67x21 */
.backbutton { background-image: url('/images/bmp/backbutton.gif'); } /* 67x21 */
.selectbutton { background-image: url('/images/bmp/selectbutton.gif'); } /* 67x21 */
.detailsbutton { background-image: url('/images/bmp/detailsbutton.gif'); } /* 67x21 */
.retrypaymentbutton { background-image: url('/images/bmp/retrypayment.gif'); } /* 131x21 */

/* These are the other column specifications */

body {
	background: #FF9900;
	border: 0px;
	color: #494949;
	font-family: arial;
	font-size: 0.75em;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width:  100%;
	}

div#header {
	background: transparent;
	border: 0px;
	margin: auto;
	padding: 0px;
	width: 740px;
	}
	
div#header .logo {
	background: transparent;
	border: 0px;
	float: left;
	height: 79px;
	margin: 18px 0px 0px 0px;
	padding: 0px;
	width: 476px;
	}
	
div#header .redtab {
	background: transparent url(/images/BMP/redtab.gif) no-repeat top left;
	border: 0px;
	float: left;
	margin: 28px 0px 0px 13px;
	padding: 8px 0px 5px 0px;
	text-align: center;
	width: 81px;
	}
	
div#header .redtab a, a:visited {
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	}
	
div#header .redtab a:hover, a:active {
	color: #FF9900;
	font-size: 0.9em;
	font-weight: bold;
	}
	
div#header .bluetab {
	background: transparent url(/images/BMP/bluetab.gif) no-repeat top left;
	border: 0px;
	float: left;
	margin: 28px 0px 0px 4px;
	padding: 8px 0px 5px 0px;
	text-align: center;
	width: 81px;
	}
	
div#header .bluetab a, a:visited {
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	}
	
div#header .bluetab a:hover, a:active {
	color: #FF9900;
	font-size: 0.9em;
	font-weight: bold;
	}
	
div#header .greentab {
	background: transparent url(/images/BMP/greentab.gif) no-repeat top left;
	border: 0px;
	float: left;
	margin: 28px 0px 0px 4px;
	padding: 8px 0px 5px 0px;
	text-align: center;
	width: 81px;
	}
	
div#header .greentab a, a:visited {
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	}
	
div#header .greentab a:hover, a:active {
	color: #FF9900;
	font-size: 0.9em;
	font-weight: bold;
	}
	
div#header .tellafriend {
	background: #FFF;
	border: 0px;
	float: right;
	padding: 9px 0px 0px 150px;
	width: 114px;
	height: 33px;
	}
	
div#header .tellafriend .tellafriendicon {
	border: 0px;
	float: left;
	padding: 0px 0px 3px 0px;
	height: 30px;
	width: 30px;
	}
	
div#header .tellafriend .tellafriendlink {
	float: left;
	padding: 6px 0px 0px 6px;
	width: 78px;
	}
	
div#header .tellafriend .tellafriendlink a, a:visited {
	color: #494949;
	font-weight: bold;
	}
	
div#header .tellafriend .tellafriendlink a:hover, a:active {
	color: #FF9900;
	font-weight: bold;
	}

div#maincontent {
	background: #FFD99F url(/images/BMP/mainback.gif) repeat-x top left;
	border: 0px;
	border-left: 3px solid #FFF;
	border-right: 3px solid #FFF;
	margin: auto;
	padding: 5px 0px 0px 0px;
	width: 734px;
	}
	
div#maincontent .leftcolumn {
	background: transparent;
	border: 0px;
	float: left;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	width: 172px;
	}
	
div#maincontent .maincolumn {
	background: #FFF url(/images/BMP/mainbottom.gif) no-repeat bottom left;
	border: 0px;
	float: left;
	margin: 0px 2px 15px 2px;
	padding: 0px 12px 8px 12px;
	width: 358px;
	}

	
div#maincontent .maincolumn .smallstoryitem {
	border: 0px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	width: 358px;
	}
	
div#maincontent .maincolumn .smallstoryitem .photo {
	border: 0px solid #FF9900;
	margin: 0px;
	padding: 0px;
	width: 60px;
	height: 60px;
	}
	
div#maincontent .maincolumn .smallstoryitem .title {
	border: 0px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 2px 12px;
	width: 275px;
	}
	
div#maincontent .maincolumn .subtitle {
	border: 0px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 6px 0px 6px 6px;
	}
	
div#maincontent .maincolumn .text {
	border: 0px;
	margin: 0px;
	padding: 6px 0px 6px 6px;
	}
	
	
div#maincontent .maincolumn .smallstoryitem .title2 {
	border: 0px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	width: 346px;
	}
	
div#maincontent .maincolumn .smallstoryitem .story {
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	width: 275px;
	}
	
div#maincontent .maincolumn .smallstoryitem .story .morebutton {
	padding: 2px 0px 0px 0px;
	}
	
div#maincontent .maincolumn .smallstoryitem .story2 {
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 346px;
	}
	
div#maincontent .maincolumn .smallstoryitem .story2 .morebutton {
	padding: 2px 0px 0px 0px;
	}
	
div#maincontent .maincolumn .numbers {
	border: 0px;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	text-align: center;
	width: 358px;
	}

div#maincontent .twocolsmaincolumn {
	background: #FFF url(/images/BMP/mainbottom.gif) no-repeat bottom left;
	border: 0px;
	float: left;
	margin: 0px 2px 15px 2px;
	padding: 0px 12px 8px 12px;
	width: 530px;
	}
	
div#maincontent .rightcolumn {
	background: transparent;
	border: 0px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	width: 172px;
	}
	
div#maincontent form {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
div#maincontent fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
div#maincontent legend {
	display: none;
	}

div#maincontent .leftcolumn label {
	border: 0px;
	float: left;
	font-weight: bold;
	margin: 4px 0px 2px 6px;
	padding: 0px;
	}

div#maincontent .leftcolumn .rememberMe
{
	float: left;
}

div#maincontent .leftcolumn .rememberMe label 
{
	float: none;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
}
	
div#maincontent .maincolumn label {
	border: 0px;
	/*float: left;*/
	/*font-weight: bold;*/
	margin: 4px 0px 2px 6px;
	padding: 0px;
	/*width: 154px;*/
	}
	
div#maincontent .text-input {
	background: #FFF;
	border: 1px solid #FF9900;
	color: #494949;
	float: left;
	margin: 2px 0px 0px 6px;
	padding: 2px;
	width: 150px;
	}

div#maincontent .text-input-nofloat {
	background: #FFF;
	border: 1px solid #FF9900;
	color: #494949;
	margin: 2px 0px 0px 6px;
	padding: 2px;
	width: 150px;
	}
	
div#maincontent textarea {
	background: #FFF;
	border: 1px solid #FF9900;
	color: #494949;
	margin: 0px 0px 6px 6px;
	width: 150px;
	}
	
div#maincontent .dropdown {
	background: #FFF;
	border: 1px solid #FF9900;
	float: left;
	color: #494949;
	margin: 0px 0px 6px 6px;
	padding: 2px;
	width: 160px;
	}
	
div#maincontent .dropdown2 {
	background: #FFF;
	border: 1px solid #FF9900;
	color: #494949;
	margin: 2px 0px 6px 6px;
	padding: 2px;
	}
	
div#maincontent .dropdown3 {
	background: #FFF;
	border: 1px solid #FF9900;
	float: left;
	color: #494949;
	margin: 2px 0px 0px 6px;
	padding: 0px;
	width: 156px;
	}
	
div#maincontent .dropdown4 {
	background: #FFF;
	border: 1px solid #FF9900;
	float: left;
	color: #494949;
	margin: 2px 0px 0px 6px;
	padding: 0px;
	width: 54px;
	}
	
div#maincontent .dropdown5 {
	background: #FFF;
	border: 1px solid #FF9900;
	float: left;
	color: #494949;
	margin: 2px 0px 0px 2px;
	padding: 0px;
	width: 100px;
	}
	
div#maincontent .text-input3 {
	margin: 0px 0px 0px 2px;
	}
	
div#maincontent .form-button {
	float: right;
	margin: 6px 8px 6px 0px;
	}
	
div#maincontent .form-button2 {
	margin: 6px 0px 6px 6px;
	}
	
div#maincontent .options {
	float: right;
	margin: 6px 8px 6px 0px;
	text-align: right;
	}
	
div#maincontent a, a:visited {
	color: #494949;
	}
	
div#maincontent a:hover, a:active {
	color: #FF9900;
	}
	
div#maincontent .boxtop {
	border: 0px;
	height: 4px;
	margin: 4px 0px 0px 12px;
	padding: 0px;
	width: 148px;
	}
	
div#maincontent .box {
	background: #FFF;
	border: 0px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
	padding: 10px;
	text-align: center;
	width: 128px;
	}
	
div#maincontent .box2 {
	background: #FFF;
	border: 0px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
	padding: 0px 4px 0px 4px;
	text-align: center;
	width: 140px;
	}
	
div#maincontent .box2 .square {
	float: left;
	width: 24px;
	}
	
div#maincontent .box2 .boxtext {
	float: left;
	font-weight: bold;
	margin: 0px 11px 0px 11px;
	padding: 4px 0px 0px 0px;
	text-align: left;
	}
	
div#maincontent .boxbottom {
	border: 0px;
	height: 4px;
	margin: 0px 0px 4px 12px;
	padding: 0px;
	width: 148px;
	}
		
div#footer {
	border: 0px;
	font-weight: bold;
	margin: auto;
	padding: 0px;
	width: 740px;
	}
	
div#footer .credit {
	color: #FFF;
	float: left;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	text-align: left;
	width: 140px;
	}
	


	
.hidden {display: none;}
.justhidden { visibility: hidden; }
.small, .small label {font-weight: normal; font-size: 0.85em; margin: 0px 0px 2px 0px;}




/*
div#footer .footerlinks {
	color: #FFF;
	float: left;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	text-align: right;
	width: 600px;
	}

*/	
div#footer a, a:visited {
	color: #FFF;
	}
	
div#footer a:hover, a:active {
	color: #494949;
	}

    
    
div#footer .footerlinks ul {
	list-style-type: none;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	}
	
div#footer .footerlinks li {
	display: inline;
	border: 0px;
	margin: 0px;
	color: #ffffff; 
	font-family: arial;
	font-weight: bold;
	font-size: 9pt;
	padding-left: 10px;
	}
	
div#footer .footerlinks li a 
    {
	color: #ffffff;
	text-decoration: none;
	}
	
div#footer .footerlinks li a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
div#footer .footerlinks li a:hover {
	color: #494949;
	text-decoration: none;
	}