/*	----------------------------------------
	BFirst Travel
	Design By Luca Balboni
	----------------------------------------
	Description:	Base styles
	Filename:		screen.css
	Version:		1.0
	Date:			10 April 2006
	----------------------------------------	*/

/********* GENERAL *********/
body
{
	margin: 0;
	padding: 0;
	color: #444;
	background: #fff;
	font: 85%/1.3 arial, helvetica, sans-serif;
}

p {
	margin: 0 0 5px 0;
}

h1 {
	color: #003366;
	font-size: 200%;
	margin: 0 0 .5em 0;
	clear: both;
}

h2 {
	font-size: 160%;
	margin: 0 0 .5em 0;
	clear: both;
}

h3 {
	color: #003366;
	font-size: 140%;
	margin: 0 0 5px 0;
	clear: both;
}

h4 {
	color: #003366;
	font-size: 120%;
	margin: 0 0 .5em 0;
	clear: both;
}

h5
{
	font-size: 100%;
	color: #FF9900;
	border-bottom: 1px solid #999999;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

h6
{
	font-size: 85%;
	color: #003366;
	margin: 0;
	text-transform: uppercase;
}

.right {
  float: right;
  }

.smallprint {
	font-size: 80%;
}

.navtitle {
	margin: 0 0 5px 0;
}

.quote {
	font-size: 120%;
	font-style: italic;
	color: #999999;
}

.highlight {
	color: #FF9900;
}

.date {
	font-size: 85%;
	color: #FFFFFF;
	padding-right: 8px;
	text-transform: uppercase;
	width: auto;
	text-align: right;
	line-height: 30px;
	background-image: url(http://www.bfirsttravel.com/images/front/date.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.feature {
	font-size: 120%;
	color: #990000;
	font-variant: small-caps;
	border-bottom: 1px solid #999999;
}

.headline {
	margin: 10px 0 0 0;
}

.step {
	color: #990000;
	border-bottom: 1px solid #999999;
	margin: 30px 0 20px 0;
	text-transform: uppercase;
}

img {
	border: none;
}

.imagespaced {
	margin-top: 5px;
	margin-bottom: 10px;
}

.imageleft {
	vertical-align: middle;
	margin-right: 6px;
}

img.leftside {float: left}

.imageright {
	float: right;
}

table {
	padding: 0px;
	width: 100%;
	font-size: 85%;
	margin-bottom: 10px;
	border-collapse: collapse;
}

td {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	padding: 2px;
	margin: 0px;
}

th {
	background-color: #003366;
	border: 1px solid #003366;
	padding: 2px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF9900;
}

/********* HEADER *********/
div.header
{
	min-width: 500px;
	max-width: 1000px;
	height: 100px;
	margin: 0 3%;
	position: relative;
	background-image: url(../media/BFirstLogo.gif);
	background-repeat: no-repeat;
	border-top: 4px solid #003366;
}

div.header h1
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

div.header ul
{
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 2px 0 0 0;
	list-style-type: none;
	text-align: right;
	font-size: 85%;
	text-transform: uppercase;
}

div.header li
{
	display: inline;
	margin-right: 1em;
}

div.header li a {	
	text-decoration: none;
	color: #003366;
}

div.header li a:hover, div.header li.active a {
	color: #FF9900;
}

.logo {
	position: absolute;
	top: 0;
	left: 0px;
}

/********* MEDIA HOLDER *********/

div.banner {
	min-width: 500px;
	max-width: 1000px;
	height: 200px;
	margin: 0 3%;
	background: url(../media/banners/main.jpg) no-repeat 66%;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #003366;
}

/********* CONTAINER *********/
div.container {
	min-width: 500px;
	max-width: 1000px;
	margin: 0 3%;
	padding-top: 20px;
}

/********* CONTENT *********/
div.content {
	float: left;
	width: 66%;
	margin: 0;
	display: inline;
	padding-bottom: 1em;
}

/********* SIDEBAR *********/
div.sidebar {
	float: right;
	width: 30%;
	margin: 0;
	display: inline;
	padding-bottom: 1em;
}

div.sidebar label {
	font-weight: bold;
	color: #000;
	font-size: 16px;
}

div.sidebar form {
	margin: 0 0 1em 0;
	padding: 0;
}

div.sidebar input#s { width: 100%; }

/************ SIDEBAR NAVIGATION *********************/
	
div.sidebar ul {
	width: 100%;
	margin: 10px 0 20px 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
	}
	
div.sidebar li a {
	height: auto;
	text-decoration: none;
	margin-bottom: 2px;
	font-size: 85%;
	background-color: #003366;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 10px;
	}	
	
div.sidebar li a:link, div.sidebar li a:visited {
	color: #FFFFFF;
	display: block;
	}
	
div.sidebar li a:hover {
	color: #FFFFFF;
	background-color: #FF9900;
	}
	
div.sidebar li a:active {
	background-color: #FF9900;
	color: #FFFFFF;
	}
	
div.sidebar li.active a{
	background-color: #FF9900;
	color: #FFFFFF;
	}

/********* FOOTER *********/

div.footer {
	margin: 0 3%;
	min-width: 500px;
	max-width: 1000px;
	clear: both;
	padding: 10px 0 2em;
	font-size: 85%;
	border-top: 2px solid #003366;
	background-image: url(http://www.bfirsttravel.com/images/front/BFirstLogoFooter.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}

div.footer p {
	width: 80%;
	margin: 0 0 1em 0;
}

div.footer img {
	vertical-align:middle;
	margin-left:3px;
	padding-bottom:2px;
	}

/********* TOP NAVIGATION *********/

div.navigation
{
	min-width: 500px;
	max-width: 1000px;
	margin: 0px 3%;
	background-color: #003366;
	height: 21px;
}

div.navigation table { width: auto; margin: 0px; }

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation li {
	display: inline;
	float: left;
	line-height: 1.8em;
}

/* IE double margin bug \*/
* html #navigation li {
	display: inline;
}
/* */

#navigation li a {
	height: 1.8em;
	padding: 0px 1em;	
	display: block;
	text-decoration: none;
	color: #FF9900;
}

/* Make menu tabs clickable in IE5 \*/
* html #navigation li a {
	float: left; 	/* Else only the text is clickable in IE */
}
/*  */

#navigation li a:hover {
	color: #FFFFFF;
	background-color: #FF9900;
}

#navigation li.active a {
	color: #FFFFFF;
	background-color: #FF9900;
}

/*  Display the default cursor to give the impression that the current link is not clickable */
#navigation li.active a:hover {
	cursor: default;
}

/********* NORMAL LIST *********/ 

#normal {
	list-style-image: url(../media/icons/bullett.gif);
}

/********* NUMBERED LIST *********/ 

ol {
	list-style-position: inside;
	list-style-type: decimal;
	padding: 0;	
}

/********* FORMS *********/ 

form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  width: 100%;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 10px;
  margin: 0px 0px 0px 0px;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #003366;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
}

label {
	font-size: 85%;
	color: #000000;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 30%;
	margin: 0;
	text-align: right;
	padding: 3px 10px 3px 0;
}

.required label {
	font-size: 85%;
	font-weight: bold;
	color: #990000;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 30%;
	margin: 0;
	text-align: right;
	padding: 3px 10px 3px 0;
}

select { 
	font-family: Tahoma, Arial, sans-serif;
	color: #000000;
	padding: 2px;
	margin: 0;
	background-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.required input, .required textarea, .optional input, .optional textarea {
	width: 400px;
	font-family: Tahoma, Arial, sans-serif;
	color: #000000;
	padding: 2px;
	margin: 0;
	background-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.required input, .required textarea, .required select {
	border: 2px solid #990000;
}

textarea {
  overflow: auto;
}

.optional, .required {
	margin: 10px 0;
}
	
/********* LINKS *********/  

a:link, a:visited {
	color: #003366; 
	text-decoration: none;
	}
	
a:hover {
	color: #FF9900; 
	text-decoration: none;}

a:active {
	color: #003366; 
	text-decoration: none;
	}

/********* LINKS: PDF *********/  

a.pdf:link, a.pdf:visited {
	padding: 0 0 0 14px;
	background: url(../media/icons/IconPdf.png) no-repeat left center;
}

a.pdf:hover {
	padding: 0 0 0 14px;
	background: url(../media/icons/IconPdf.png) no-repeat left center;
}

/********* LINKS: EXTERNAL *********/  

a.external:link, a.external:visited {
	padding: 0 0 0 14px;
	background: url(http://www.bfirsttravel.com/images/front/IconExternal.gif) no-repeat left center;
}

a.external:hover {
	padding: 0 0 0 14px;
	background: url(http://www.bfirsttravel.com/images/front/IconExternalH.gif) no-repeat left center;
}

/********* LINKS: SITEMAP *********/  

a.sitemap:link, a.sitemap:visited, a.sitemap:hover {
	padding: 0 0 0 16px;
	background: url(http://www.bfirsttravel.com/images/front/page.png) no-repeat left center;
}

/********* LINKS: MORE *********/  

a.more:link, a.more:visited {
	padding: 0 0 0 14px;
	background:  url(../media/icons/IconMore.gif) no-repeat left center;
}

a.more:hover {
	padding: 0 0 0 14px;
	background:  url(../media/icons/IconMoreH.gif) no-repeat left center;
}

/********* LINKS: LAND TOUR *********/  

a.land:link, a.land:visited, a.land:hover {
	padding: 0 0 0 18px;
	background:  url(http://www.bfirsttravel.com/images/front/IconLinkLand.gif) no-repeat left center;
}

/********* LINKS: CRUISE TOUR *********/  

a.cruise:link, a.cruise:visited, a.cruise:hover {
	padding: 0 0 0 18px;
	background:  url(http://www.bfirsttravel.com/images/front/IconLinkCruise.gif) no-repeat left center;
}

/********* LINKS: AIR TOUR *********/  

a.air:link, a.air:visited, a.air:hover {
	padding: 0 0 0 18px;
	background:  url(http://www.bfirsttravel.com/images/front/IconLinkAir.gif) no-repeat left center;
}

/********* LINKS: HELICOPTER TOUR *********/  

a.helicopter:link, a.helicopter:visited, a.helicopter:hover {
	padding: 0 0 0 18px;
	background:  url(http://www.bfirsttravel.com/images/front/IconLinkEli.gif) no-repeat left center;
}

/********* TOUR LIST *********/ 

div.content ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.content li, .tour li a {
	list-style-type: none;
}

/********* OTHER DIVS *********/ 



div.payPalIcon {
	float: right;
	position: relative;
	margin: 20px 10px 0px 0px;
}



div.printIcon {
	float: right;
	position: relative;
	margin: 20px 10px 0px 0px;
}

div.tollfree {
	width: 465px;
	padding: 5px;
	margin: 0;
	background-image: url(http://www.bfirsttravel.com/images/front/TollFreeSimone.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	position: absolute;
	bottom: 0;
	right: 0px;
	height: 60px;
}

div.tollfree h3 {
	position: absolute;
	left: -5000px;
	width: 4000px;
}

.legenda {
	margin: 20px 0;
	padding: 5px;
	background-image: url(http://www.bfirsttravel.com/images/front/LegendBackground.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #003366;
	background-color: #CCCCCC;
}

.testimonial {
	background-image: url(http://www.bfirsttravel.com/images/front/testimonial.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #dddab5;
	margin: 20px 0 0 0 ;
	padding: 5px 5px 15px 5px;
}

.featured {
	background-image: url(http://www.bfirsttravel.com/images/front/TopFeature.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #CCCCCC;
	margin: 0 ;
	padding: 18px 5px 5px 5px;
}

#centred {
	width: 100%;
	margin: 10px;
	text-align: center;	
}

/********* Feature Tour Box *********/ 

div.content .featurebox {
	width: 99%;
	margin: 0 0 10px 0;
	background-image: url(http://www.bfirsttravel.com/images/front/LegendBackground.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #CCCCCC;
}

div.content .featurebox a, div.content .featurebox a:visited {
	display: block;
	color: #333;
	padding: 4px 6px 6px 6px;
	border: solid 1px #FFFFFF;
}

div.content .featurebox a:hover {
	display: block;
	background-color: #dddab5;
	padding: 4px 6px 6px 6px;
	border: solid 1px #003366;
}


.tourlist {
	margin: 0;
	padding: 8px;
	background-image: url(../media/components/bar.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #EEE8CD;
}

/********* Boxes *********/ 

div.content .box {
	width: 49%;
	float: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border-width: 6px 6px 0px 0px;
	border-color: #FFFFFF;
	border-style: solid;
	overflow: hidden;
	background-color: #CCCCCC;
}
			
div.content .box a, div.content .box a:visited {
	display: block;
	color: #333;
	padding: 4px 6px 6px 6px;
	height: 110px;
	border: solid 1px #B8B8B8;
	background-image: none;
}
			
div.content .box a:hover {
	display: block;
	color: #003366;
	background-color: #f5f3de;
	padding: 4px 6px 6px 6px;
	height: 110px;
	border: solid 1px #003366;
}
		
div.content .box p {
	display: inline;
}
	
div.content .title {
	background-color: #003366;
	display: block;
	margin: -3px -5px 2px -5px;
	padding: 2px 5px 3px 5px;
	color: #FFFFFF;
}

div.content .ad {
	margin: -3px -5px 2px -5px;
	padding: 2px 5px 3px 5px;
}



div.topMenu { 
	min-width: 500px;
	max-width: 1000px;
	margin: 0 3%;
	height: 1.8em;
	text-transform: uppercase;
	font-size: 85%;
	border: 1px solid red;
}









/* menu styles */
.mhMenuOff { border-collapse: collapse; filter: progid:DXImageTransform.Microsoft.Fade(duration=0.3,Overlap=1.00) progid:DXImageTransform.Microsoft.Fade(duration=0.1,Overlap=1.00) progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#606060,strength=5) progid:DXImageTransform.Microsoft.Alpha(opacity=95); }
.mhMenuOn { border-collapse: collapse; filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#606060,strength=5) progid:DXImageTransform.Microsoft.Alpha(opacity=95); }

.mh1Level1ItemOff { background-color: #003366; height: 21px; padding: 0px 8px; border: 0px none transparent; color: #FF9900; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }
.mh1Level1ItemOn { background-color: #003366; height: 21px; padding: 0px 8px; border: 0px none transparent; color: #FF9900; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }

.mh1Level1DividerOff { background-color: #003366; padding: 0px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: normal; }
.mh1Level1DividerOn { background-color: #003366; padding: 0px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: normal; }

.mh1Level2ItemOff { background-color: #003366; height: 21px; padding: 0px 7px 0px 9px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }
.mh1Level2ItemOn { background-color: #003366; height: 21px; padding: 0px 7px 0px 9px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }

.mh2Level1ItemOff { background-color: #003366; padding: 0px 10px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }
.mh2Level1ItemOn { background-color: #003366; padding: 0px 10px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }

.productMenu1Level1ItemOff { background-color: red; height: 24px; padding: 0px 7px 0px 9px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }
.productMenu1Level1ItemOn { background-color: green; height: 24px; padding: 0px 7px 0px 9px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }

.productMenu1Level1DividerOff { background-color: red; height: 6px; padding: 0px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: normal; }
.productMenu1Level1DividerOn { background-color: green; height: 6px; padding: 0px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: normal; }

.productMenu1Level2ItemOff { background-color: red; height: 21px; padding: 0px 7px 0px 9px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }
.productMenu1Level2ItemOn { background-color: green; height: 21px; padding: 0px 7px 0px 9px; border: 0px none transparent; color: #FFFFFF; border-collapse: collapse; font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; cursor: pointer; cursor: hand; }

.mhLevel1AClass:link { font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FF9900; background-color: transparent; }
.mhLevel1AClass:active { font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FF9900; background-color: transparent; }
.mhLevel1AClass:hover { font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FF9900; background-color: transparent; }
.mhLevel1AClass:visited { font-family: Arial,Verdana,tahoma; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FF9900; background-color: transparent; }


.mhLevel2AClass:link { font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FF9900; background-color: transparent; }
.mhLevel2AClass:active { font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FF9900; background-color: transparent; }
.mhLevel2AClass:hover { font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FF9900; background-color: transparent; }
.mhLevel2AClass:visited { font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FF9900; background-color: transparent; }

.mh2Level1AClass:link { font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: normal; color: #FFFFFF; background-color: transparent; }
.mh2Level1AClass:active { font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: normal; color: #FFFFFF; background-color: transparent; }
.mh2Level1AClass:hover { font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: normal; color: #FFFFFF; background-color: transparent; }
.mh2Level1AClass:visited { font-family: Arial,Verdana,tahoma; font-size: 8pt; text-decoration: none; font-weight: normal; color: #FFFFFF; background-color: transparent; }