body {
margin: 0px ;
font-family: verdana;
font-size: 11px;
/*color: #031341;*/
color: black;
background-image: url('/img/backgrounds/bg1.gif');
background-repeat: repeat;
background-color: black;

}
legend {
display:none;	
}
fieldset {
width: 50%;
}

a {
	color:#316ac5
}

a:visited {
color: #316ac5;
}

ul {
margin-top: 5px;
}

.highlightButton {
border: 1px solid #f00;
}

.input {
width: 100%;
margin-bottom: 4px;
clear:both;
}

.error-message {
color: #f00;
clear: both;

}

.form-error {
border: 1px solid #f00;
background-color: #faab99;

}
form {

}

.formTable td {
font-size: 10px;

}
input {
font-size: 10px;
}

input[type=submit] {
font-size: 11px;
background-color: #316ac5;
font-weight: bolder;
color:white;
}


select {
font-size: 10px;
}

img {
border: 0px;
}
.small-step {
font-size: 15px;
font-weight: bolder;

}


.step {
font-size: 30px;
font-weight: bolder;
}

.hidden {
display: none;
}


.provider {
width: 200px;
}
.provider .name {
font-weight: bolder;
}
.provider .logo {
/*margin-right:10px;*/
}

.packageTabs {
margin-top: 10px;
height: 25px;
}

.packageTab {
padding: 4px 4px 2px 4px;
height: 17px;
border: solid 1px #ccc;
float:left;
color: black;
text-decoration: none;
background-color: white;
}



.packageTab:hover {
/*background-color: #316ac5;*/
	background-image: url('../img/backgrounds/tab-bg2.gif');
	background-repeat: repeat-x;
	color:white;
	border: 1px solid #ccc;
}


.selectedPackageTab {
padding: 4px 4px 2px 4px;
height: 17px;
border: solid 1px #ccc;
float:left;
color: white;
text-decoration: none;
background-color: #316ac5;
}

.selected {
background-color: #316ac5;
}
.nothing {
}

.modifyButton {
float: right;
font-size: 10px;
height:13px;
background-color: #316ac5;
padding: 2px;
margin-right: 1px;
margin-bottom: 2px;
border: 1px solid #031341;
color:white;
}

.modifyButton a {
color: white;
font-weight: bolder;
text-decoration: none;
}

.modifyButton a:visited {
color: white;
font-weight: bolder;
text-decoration: none;
}


.modifyButton:hover {
background-color: #031341;
border: 1px solid white;
}

.modifyButton:hover a {
color: black;
text-decoration: underline;
}

.modifyLink {
margin-left: 5px;
font-size: 10px;
}

.label {
font-weight: bolder;
color:black;
margin-right:5px;
}

#packageFlavour {
padding: 10px;
/*border: 1px solid #ddd;*/
}

.packageFlavour {
padding: 10px;
border: 1px solid #ddd;
}


#packageFlavour div {
margin-bottom: 5px;
height: 20px;
vertical-align: middle;
}

.header {
font-weight: bolder;
padding: 0 8px 4px 0;
color:black;
}


.tripListing .listcell {
padding: 4px 10px 4px 0;
cursor: pointer;
}
.tripListing:hover  {
background-color: #eee;
}

.tripListingOver .listcell {
padding: 4px 10px 4px 0;
cursor: pointer;
background-color: #aaa;
}



#dhtmltooltip {
position: absolute;
background-color: #fff;
border: 1px solid gray;
padding: 10px;;
visibility: hidden;
z-index: 100;
color:black;
}

/*
h1 {
font-size:16px;
margin: 0px 0px 0px 0px;
padding: 5px;
color: #fff;
background-color: #0f367b;
font-weight: bolder;
	background-image: url(../img/backgrounds/h1-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}
*/

h1 {
/*width:100%;*/
	height:20px;
	background-image: url('../img/backgrounds/title-bg2.gif');
	background-repeat: repeat;
	border: 1px solid #384047;
/*	border-right: 1px solid #6b6b6b;*/
	color:white;
	font-size: 14px;
	padding-left:10px;
	padding-top:4px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px

}



h2 {
font-size:14px;
margin: 5px 0 5px 0;
}

h3 {
font-size:13px;
margin: 10px 0 5px 0;
}
h4 {
font-size:12px;
margin-top: 0px;
height: 20px;

}
h5 {
font-size:16px;
margin: 5px 0 5px 0;

}

label.field {
padding-left: 10px;
width: 140px;
display: block;
float: left;
font-weight: bolder;
height: 22px;
}

label.checkbx {
padding-left: 10px;
font-weight: bolder;
}


#mainDiv {
	width: 980px;
	text-align: left;
/*margin-left: 10px;*/
}

#coreDiv {
}

#header {
height: 70px;
background-color: #031341;
margin-bottom: 10px;
color: #fff;
}

#logo {
width: 240px;
float:left;
}

#title {
margin-top: 15px;
margin-left:20px;
float: left;
}

#help {
margin: 10px 10px 0 0;
float:right;
}

#contact {
float:left;
font-size: 20px;
}

#email {
font-size: 10px;
display: block;
color: #fff;
}

#leftBox {
/*	width: 155px;*/
	border: 1px solid #252525;
/*	color: #000;*/
	float: left;
	background-image: url('../img/backgrounds/box-large-bg-400-2.jpg');
	background-repeat: repeat-x;
	background-position-y:50%
}

#leftMenu {
margin-left: 10px;
font-weight: bold;
color: #e3e3e3;
}

#leftMenu a {
 color:white;
}

#leftMenu #menu {
margin-top: 10px;
}

#leftMenu #menu a {
font-size: 11px;
text-decoration: none;
display: block;
color: #316ac5;

}
#leftMenu #menu a:hover {
text-decoration: underline;
}

#leftMenu #menu .sub {
font-size: 9px;
margin-left: 15px;
}

#leftMenu #menu .mdate {
font-size: 9px;
margin-left: 20px;
margin-bottom: 4px;

}

#appDiv {
width: 740px;
float: left;
}

#topMenu{
	clear:both;
	height:25px;
	margin-bottom:5px;
	margin-top:0px;
}

#topMenu a {
text-decoration: none;
font-weight:  bolder;
}

#topMenu .topButton {
border-right: 1px solid #252525;
height:20px;
background-image: url('../img/backgrounds/title-bg.gif');
color: #d7d9da;
float: left; margin-left:0; margin-right:4px; margin-top:0; margin-bottom:0; padding-left:4px; padding-right:4px; padding-top:5px; padding-bottom:0px
}

#topMenu .topButton:hover {
border-right: 1px solid #252525;
height:20px;
background-image: url('../img/backgrounds/title-bg-over.gif');
background-color: #6b6b6b;
color: #d7d9da;
float: left; margin-left:0; margin-right:4px; margin-top:0; margin-bottom:0; padding-left:4px; padding-right:4px; padding-top:5px; padding-bottom:0px
}

#topMenu .topButton .icon {
padding: 1px 3px 1px 3px;
color: #fff;
font-weight: bolder;
float: left;
margin-right: 4px;
margin-top:-3px;
font-size: 14px;
}

#topMenu .topButtonDisable {
border-right: 1px solid #252525;
height:20px;
color: #d7d9da;
float: left;
background-color: #8189a0;
background-image: url('../img/backgrounds/title-bg-disabled.gif');margin-left:0; margin-right:4px; margin-top:0; margin-bottom:0; padding-left:4px; padding-right:4px; padding-top:5px; padding-bottom:0px
}
#topMenu .topButtonDisable .icon {
padding: 1px 3px 1px 3px;
color: #d7d9da;
font-weight: bolder;
float: left;
margin-right: 4px;
margin-top:-3px;
font-size: 13px;
}

#topMenu .hiButton {
border: 1px #f00 solid;
padding: 1px 3px 1px 1px;
margin: 0 4px 0 0;
background-color: #fff;
color: #f00;
float: left;
}




#interface {
clear: both;
padding: 5px;
background-image: url('/img/backgrounds/gray1.gif');
background-repeat: repeat;
}

#summary {
height: 155px;
color: #000;
margin-bottom: 10px;
margin-top: 15px;
}

#trip_summary {
background-color: #fff;
float: left;
width: 375px;
height: 100%;
border: 1px #384047 solid;
}

#trip_summary .label{
/*font-weight:bolder;*/
color:black;
}

#price_summary {
background-color: #fff;
float: right;
margin-left: 10px;
height: 100%;
width: 340px;
border: 1px #384047 solid;
}

.pricing {
padding-left:10px;
padding-right:10px;
margin-top: 5px;
}

.pricing .price {
padding: 2px;
width: 140px;
float: left;
margin: 0px 10px 0 0;
}
.pricing .priceBox {
float: right;
background-color: #eee;
font-size: 20px;
font-weight: bolder;
padding: 4px;

}
.pricing .priceB {
width: 100px;
background-color: #eee;
font-size: 12px;
font-weight: normal;
padding: 2px;
margin-bottom:10px;
}


#tabs {
clear: both;
margin-bottom: 0px;
width: 100%;

}

#tabs a {
display: block;
float: left;
text-decoration: none;
padding: 4px;
border-top: 1px solid #384047;
border-right: 1px solid #384047;
border-left: 1px solid #384047;
margin-right: 2px;
color: white;
font-weight: bolder;
font-size: 10px;
background-color: black;
background-image: url('../img/backgrounds/tab-bg2.gif');
background-repeat: repeat-x
}

#tabs a:hover {
	background-color: white;
	color: black;
	background-image:url('none');
}
#tabs .current {
	background-image:url('none');
	background-color: white;
	color: black
}

#tabs .disabled {
background-color: #ddd;
color: #222;
	
}

/*
#tabs .trips-tabs-empty{
height: 32px;
width: 51px;
display: block;
float: right;
border-bottom: 1px solid black;
margin:0px;
}
*/


#content {
padding: 10px;
margin-top: 0px;
background-color: white;
color: #000;
border-left: 1px #384047 solid;
border-right: 1px #384047 solid;
border-bottom: 1px #384047 solid;
clear: both;
}

#content strong{
color:#0f367b;
}

#content b{
color:#0f367b;
}


#hotelDesc {
margin-right: 10px; 
padding: 15px 0px 10px 0px; 
text-align: center; 
border:solid 1px #6b6b6b;
}

#hotelDesc .photo {
display: inline;
}
.hotelDesc .photo {
display: inline;
}

.hotelItem {
padding: 4px;
}
.hotelItem .name {
font-weight :bolder;}

.hotelItem:hover {
background-color: #eee;
padding: 4px;
}

#componentSelection li {
margin-left: 10px;	
}

#componentSelection ul {
margin-left: 10px;}


/* --------------- copied from new MNT design --------------- */
#outerdiv {
	width: 100%;
	text-align: center;
}

#topRow1{
	width:980px;
	background-color: black;
	background-image: url('../img/backgrounds/toprow1a.gif');
	background-repeat: no-repeat;
	/*	margin-bottom: 10px;*/
	clear:both; background-position-y:50%
}

#phoneAndEmail {
font-family: arial, helvetica, sans-serif;
text-align: center;
margin-top: 8px;
letter-spacing: 0px;
font-size: 11px;
color: white;
}

#phoneAndEmail a {
color: white;
}

.phone {
color: white;
font-size: 22px;
letter-spacing: 0px;
}

#logoSpace {
float: left;
/*padding: 2px 3px 2px 3px;*/
margin:5px;
margin-left:10px;
}

.box-title{
	height:28px;
	background-image: url('../img/backgrounds/title-bg.gif');
	background-repeat: no-repeat;
	color:white;
	font-size: 14px;
	padding-left:10px;
	padding-top:4px;
	margin-bottom: 15px;
	margin-top: 5px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder
}

.box-bg{
	padding:5px;
	background-image: url('../img/backgrounds/box-large-bg.jpg');
	background-repeat: repeat-x;
	border: 1px solid #252525;
	margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:20px; background-position-y:50%
}

#createTrip {
	padding:10px;
}

#packageFlavourSelection {
	border: solid 1px #eee; 
	padding: 5px;
}

.createyourtrip {
/*	background-color:white; */
	padding:10px;
/*	border: 1px #384047 solid;*/
}

#list {
	background-color: white;
	padding: 10px;
	border: solid 1px gray; 	
}

.box-whitebg{
	background-color: white;
	padding: 10px;
	border: solid 1px gray; 	
	clear:both;
}

.maintableCell{
background-color: black;
border: 1px solid #252525 ;
padding:5px;
vertical-align: top;
text-align: left;
}

#footer{
	width:980px;
	height:52px;
	background-image: url('../img/backgrounds/toprow1.gif');
	border:medium none;
	margin-top:3px;
	clear:both;
	color:gray
}

#footer a{
color:white;
}

.row-hilite{
	background-color: none;
}

.row-hilite:hover {
	background-color: #c1d5f9;
}
.bookingConfirmGreen {
	border: 2px solid #0f0;
	height: 26px;
	font-size: 15px;
}
.bookingConfirmRed {
	border: 2px solid #f00;
	height: 26px;
	font-size: 15px;
}