/* Use banner classes to swap background images */
.banner1 { background-image: url(images/banner1t.jpg); }
.banner2 { background-image: url(images/banner2t.jpg); }
.banner3 { background-image: url(images/banner3t.jpg); }
.banner4 { background-image: url(images/banner4t.jpg); }
.banner5 { background-image: url(images/banner5t.jpg); }


img#logo
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

img.logo { border: solid 1px #fff; }

img#tags
{
	position: absolute;
	bottom: 15px;
	right: 0px;
}

/* NAVIGATION */
ul#nav
{
	position: relative;
	background: url(images/nav.gif) top left repeat-x;
	width: auto;
	height: 27px;
	list-style-type: none;	
	border-left: solid 4px #fff;
	border-right: solid 4px #fff;
	border-bottom: solid 1px #fff;
	
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	z-index: 100;
}

ul#nav li
{
	position: relative;
	float: left;
	height: 100%;
	margin: 0 8px;
	text-align: center;
}

ul#nav li a
{
	display: block;
	height: 100%;
	color: #fff;
	text-decoration: none;
	padding: 0 6px;
	padding-top: 6px;
}

ul#nav li a:hover
{
	background: url(images/navOver.gif) top left repeat-x;
}

ul#nav li ul {
	display: none;
	position: absolute; 
	top: 34px;
	left: 0;
	background: #b31f17;
	list-style-type: none;
	width: 140px;
  	margin-top: -6px;
	padding: 2px 0 10px 0;
	font-weight: normal;
	border: solid 1px #fff;
}

#subnav {
	display: none;
	position: absolute !important; 
	top: 3px !important;
	left: 130px !important;
	background: #b31f17;
	list-style-type: none;
	width: 140px;
  	margin-top: -6px;
	padding: 2px 0 10px 0;
	font-weight: normal;
	border: solid 1px #fff;
    white-space:nowrap;
}

ul#nav li > ul 
{
	top: auto;
	left: auto;
}

ul#nav li ul a:hover { 
	color: #ffe04f; 
	font-weight: bold;
	background: transparent;
}

ul#nav li:hover ul, ul#nav li.hover ul { display: block; }

ul#nav li#search 
{
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	width: 295px;
	background: url(images/search.gif) top left no-repeat;
	padding-top: 3px;
	padding-right: 9px;
	text-align: right;	
	font-size: 0.93em;
}

li#search p
{
	display: inline;
}

li#search input.text
{
	width: 116px;
	height: 15px;	
	border: solid 1px #d9d9d9;
	border-right: solid 0px #fff;
	font-weight: normal;
}

li#search input.go
{
	border: solid 1px #d9d9d9;
	margin: 0 0 -5px -3px;
}
/* END NAVIGATION */

.col
{
	float: left;
	margin-bottom: 20px;
}

/* Left Column */
#col1
{
	width: 266px;
	background: #fff;
	margin: 0 10px 30px 4px;
}

/* Middle Column */
#col2
{
	width: 522px;
	background: #fff;
	margin-right: 10px;
	margin-top: 8px;
}

/* Right Column */
#col3
{
	width: 160px;
	background: #fff;
	margin-right: 10px;
	margin-top: 8px;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
}

/* Middle Column */
#col4
{
	width: 706px;
	background: #fff;
	margin-right: 0px;
	line-height: 11pt;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

/* Right Column */
#col5
{
	width: 286px;
	background: #fff;
	margin-right: 0px;
	background: url(images/col5.gif) top left repeat-x;
	padding: 0 10px;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
}

/* FLIGHT SEARCH */
#flightSearch
{
	position: relative;
	height: 324px;
	width: 252px;
	font-size:14px;
	font-weight: bold;
	background: url(images/flightSearch.gif) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding: 35px 0 0 15px;
	line-height: 1.2em;	
}

#flightSearch p { font-size: 0.7em; }
#flightSearch p.help { font-size: 0.65em; }
#flightSearch p.marginTop { margin-top: 11px; }

#flightSearch .announce
{
	margin-bottom: 13px;
}

#flightSearch ul 
{
	font-size: 0.7em;
	list-style-image: url(images/flightSearchArrow.gif);
	margin-left: 17px;
}

#flightSearch #direction
{
	font-size: 0.7em;
	margin-top: 10px;
	margin-bottom: 10px;
}


#flightSearch input, #flightSearch select
{
	border: solid 1px #ffd204;
	font-weight: normal;
	font-size: 1.1em;
}

#flightSearch li#adv { margin-top: 12px; }

#flightSearch a { color: #315b8e; text-decoration: none; }
#flightSearch a:hover { text-decoration: underline; }

p#searchFlights
{
	position: absolute;
	bottom: 18px;
	right: 19px;
}

p#searchFlights input
{
	display: block;
	width: 110px;
	height: 25px;
	border: solid 0px #fff;
	text-indent: -9000px;
}

/* END FLIGHT SEARCH */

p.red
{
	font-size: 0.7em;
	font-weight: bold;
	color: #FF0000;
}

#travelInsurance
{
	position: relative;
	width: auto;
	height: 36px;
	background: url(images/travelInsurance.gif) top left no-repeat;
	margin-top: 5px;
	text-align: right;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px 45px 0 0;
	color: #666;
	line-height: 9pt; 
}

#travelInsurance p strong { color: #000; font-size: 1.1em; }

#travelInsurance img.go
{
	position: absolute;
	top: 12px;
	right: 10px;
	border: solid 1px #fff;
}

#toursexito
{
	position: relative;
	width: auto;
	height: 36px;
	background: url(http://exitotravel.com/image/exitotours.gif) top left no-repeat;
	margin-top: 5px;
	text-align: right;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px 45px 0 0;
	color: #666;
	line-height: 8pt;
}

#toursexito p strong { color: #fff; font-size: 1.2em; }
#toursexito p { color: #fff; font-size: 1.1em; text-align: left; }

#toursexito img.go
{
	position: absolute;
	top: 15px;
	right: 228px;
	border: solid 1px #fff;
}

#exitoInfo
{
	width: auto;
	margin-top: 8px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 14pt;
}

#exitoInfo ul
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .9em;
	color: #000;
	list-style-image: url(images/li.gif);
	border-top: dashed 1px #b2b2b2;
	padding-top: 7px;
}

#exitoInfo ul li
{
	font-size: 0.95em;
	color: #666666;
	margin-left: 16px;
	margin-top: 6px;
}

#quad
{
	height: 274px;
}

#quad div
{
	float: left;
	text-indent: -9000px;
	width: 261px;
	height: 137px;
}

/* 4-piece images */
a #quad1 { background-image: url(images/quad1.gif); }
a #quad2 { background-image: url(images/quad2.gif); }
a #quad3 { background-image: url(images/quad3.gif); }
a #quad4 { background-image: url(images/quad4.gif); }

a:hover #quad1 { background-image: url(images/quad1_over.gif); }
a:hover #quad2 { background-image: url(images/quad2_over.gif); }
a:hover #quad3 { background-image: url(images/quad3_over.gif); }
a:hover #quad4 { background-image: url(images/quad4_over.gif); }

#bookingAgent
{
	height: 48px;
	background: url(images/bookingAgent.gif) top left no-repeat;
	margin-top: 10px;
	padding: 20px 260px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #fff;
	text-align: center;
}


#whyExito
{
	height: 62px;
	background: url(images/whyExito.gif) top left no-repeat;
	padding: 10px 15px 0 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
}


h3.xBlog
{
	height: 28px;
	background: url(images/xBlogHeader.gif) top left no-repeat;
	margin-top: 10px;
	color: #fff;
	padding: 10px 113px 0 181px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #fff;
}

p.xBlog
{
	line-height: 1.6;
	height: 160px;
	background: url(images/xBlog.gif) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding: 5px 60px 0 15px;
}

p.xBlog a
{
	display: block;
	float: left;
	width: 365px;
	text-decoration: none;
	color: #315b8e;
	padding-left: 30px;
	background: url(images/xBlogArrow.gif) top left no-repeat;
	line-height: 1.3
}

p.xBlog a:hover { text-decoration: underline; }

h3#specials
{
	width: 169px;
	height: 17px;
	background: url(images/multiCitySpecials.gif) top left no-repeat;
	text-indent: -9000px;
	border-bottom: dashed 1px #b2b2b2;
	padding-bottom: 7px;
	margin-bottom: 10px;
}

#col3 h4 { 
	font-weight: bold; 
	font-size: 1.1em;
	padding: 5px 0;
}
#col3 p { color: #666666; line-height: 1.2em; }
#col3 p.hr { width: auto; height: 1px; border-top: dashed 1px #666; margin: 10px 0 7px 0; }

.price { color: #FF0000; font-weight: bold; }
.taxes { color: #666666; font-size: 0.9em; }
.cities { color: #000000; font-weight: bold; }
a.info { color: #315b8e; font-size: 0.9em; text-decoration: none; }


#col4 h3
{
	height: 25px;
	background: url(images/destinations.gif) top left no-repeat;
	padding: 20px 0 0 175px;
	color: #666;

}
#col4 h3 a { font-weight: bold; }
#col4 a
{
	text-decoration: none;
}

#col4 a:hover { text-decoration: underline; }

#col4 h4, #col4 p
{
	margin: 12px;
	font-size: 14px;

}


#col4 h4
{
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#col5 h4
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 8px 0px;
}

a.col5link
{
	display: block;
	text-decoration: none;
	color: #315b8e;
	margin: 2px 0px;
}

a.col5link:hover { text-decoration: underline; }

/* FOOTER */
#footerNav
{
	clear: left;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px 0;
}

#footerNav a
{
	color: #666666;
	text-decoration: none;
}

#footerNav a:hover
{
	text-decoration: underline;
}

#footer
{
	height: 106px;
	background: url(images/footer.gif);
	padding: 10px 20px;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	line-height: 9pt;
}

.footerCol
{	
	float: left;	
	margin: 0px 0px 0px 13px;
	width: auto;
}

.footerCol a
{
	display: block;
	text-decoration: none;
	color: #8c8c8c;
}

.footerCol a:hover
{
	text-decoration: underline;
}
/* END FOOTER */

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
#button 
{
background-image: url(images/bookflightbutton.gif);
background-repeat: no-repeat;
background-position:center bottom;
height:35px;
width:216px;
padding-bottom: 3px;
padding-left: 34px;
padding-right: 45px;
padding-top:7px;
vertical-align:top;
}
#booknow {
position:absolute;
color:#FFFFFF;
}

.Country {
font-weight:bold;
font-size:15px;
float: left;
display: block;
width: 300px;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 16px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
line-height: 17px
}

.SubCountry {
	color:#333333;
	float: left;
	list-display: none;
	font-size: 13px;
	list-display: block;
	list-style-type: none;
	height: auto;
	padding-bottom: 3px;
	padding-left: 34px;
	padding-right: 45px;
	padding-top:7px;
	width: 350px;
}
.SubCountry a
{
color: #505B8E;
}
h3#flights
{
	height: 25px;
	background: url(images/flights.gif);
	background-repeat:no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	padding-top: 20px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 175px;
	color: #666666;
}
h3#resources
{
	height: 25px;
	background: url(images/resources.gif);
	background-repeat:no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	padding-top: 20px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 175px;
	color: #666666;
}
#col4 h1 {
	height: 35px;
	background: url(images/tours.gif);
	background-repeat:no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	padding-top: 20px;
	padding-right: 0pt;
	padding-bottom: 3px;
	padding-left: 185px;
	color: #666666;
	font-size: 25px;
}
#tours a {
height: 25px;
padding-left: 25px;
}
#col4 h2 {
margin: 20px;
}
#col4 a {
line-height: 40px;
font-size: 16px;
padding-left: 15px;
}
#relative{
position:relative;
}
#tourspic {
position: absolute; 
top: 30px;
left: 740px;
}
#col4 p {
line-height: 14pt;
}
#tourbox{
background-color: #BE573A;
padding: 3px;
padding-bottom: 7px;
padding-left: 10px;
line-height: 14pt;
width: 690px;
height: 15px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
}
.boxleft {
color: #ffffff;
float: left;
padding-left: 0px;
z-index: 120;
}
.boxright {
color: #ffffff;
float: right;
z-index: 120;
padding-right: 57px;
}
.bigpic {
padding-left: 20px;
padding-top: 7px;

}
#pricebox {
color: #000000;
font-size: 12px;
float: right;
height: 120px;
width: 190px;
line-height: 14pt;
margin-right: 10px;
margin-top: 5px;
padding-left: 42px;
padding-right: 35px;
padding-top: 7px;
background-image: url('/images/pricebox.gif');
background-repeat: no-repeat;
}
.single{
font-size: 11px;
line-height: .5;
}
.inputt {
border: 1px solid #000000;
height: 18px;
font-size:12pt;
background-color:#F6F7F8;
padding-left: 3px;
margin-right: 200px;
}
#col4 input{	
margin: 5px 5px;
}
#submit {
	border: 0px;
	cursor: pointer;
	border: 0 px;
	width: 187px;
	height: 68px;
	float: none;
	background: url(/images/submitform.jpg) top left no-repeat;	
	margin: 8px 0px 0px 120px;
}
.inputjs {
color: #8C8C8C;
}
#tform{
float: left;
width: 155px;
text-align: right;
line-height: 23pt;
font-size: 14px;
}
#tformin {
float: right;
text-align: left;
width: 300px;
line-height: 23pt;
padding-right: 250px;
margin-right: -60px;
}
#green {
display:block;
background-color: #CCFFCC;
padding: 3px;
line-height: 7pt;
padding-bottom: 10px;
}
#blue {
display:block;
background-color: #99CCFF;
padding: 3px;
line-height: 7pt;
padding-bottom: 10px;
}
#indent {
padding-left: 25px;
margin-bottom: 8px;
}
#relativethumbs{
position:relative;
height: 130px;
}
#thumbs {
float: left;
padding-right: 30px;
padding-left: 10px;
}
#bigthumbs {
float: left;
padding-right: 30px;
padding-left: 10px;
height: 275px;
width: 400px;
}
#advtours{
padding-left: 60px;
padding-right: 150px;
list-style-image:url(/images/li.gif);
line-height: 15pt;
font-size: 10.5pt;
}
#spanbg {
background-color: #737373;

}
.bgblack {
background-color: #252525;
}
#sform{
float: left;
width: 155px;
text-align: right;
line-height: 22pt;
font-size: 14px;
}
#sformin {
float: left;
text-align: left;
width: 300px;
line-height: 17pt;
padding-right: 200px;
}
.datebox {
padding-left: 5px;
}
.inputm {
border: 1px solid #000000;
height: 18px;
font-size:12pt;
background-color:#F6F7F8;
padding-left: 3px;
margin-right: 250px;
}
#sforminflex {
float: right;
text-align: left;
width: 350px;
line-height: 17pt;
padding-right: 320px;
}
hr {
width: 640px;
}
#formbox{
background-color: #BE573A;
padding: 3px;
font-weight: bold;
padding-bottom: 4px;
padding-left: 10px;
line-height: 14pt;
width: 370px;
height: 15px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
}
h1#special
{
	height: 25px;
	background-image: url(/images/specials.gif);
	background-repeat:no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	padding-top: 20px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 175px;
	color: #666666;
	font-size: 14pt;
}
.paddit {
float: right;
padding-top: 0px;
padding-right: 90px;
display: block;
}
.paddits {
float: right;
padding-right: 15px;
}
.specialpic {
float: right;
padding-right: 7px;
}
#tourboxadv {
background-image: url(/images/toursbar.jpg);
background-repeat:no-repeat;
line-height: 14pt;
width: 618px;
height: 33px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
z-index: 110;
padding-top: 5px;
padding-left: 24px;
}
#priceboxadv {
color: #000000;
font-size: 12pt;
float: right;
height: 120px;
width: 190px;
line-height: 14pt;
margin-right: 10px;
padding-left: 33px;
padding-right: 35px;
padding-top: 19px;
background-image: url('/images/pricebox.jpg');
background-repeat: no-repeat;
}
#priceboxadv span{font-size: 14pt; font-weight: bold;}
#route {
padding-top: 5px;

}

a.button {
    background: transparent url('/image/bg_button_a.gif') no-repeat scroll top right;
    color: #333;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/image/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	font-weight: bold;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
#formbox{
background-color: #BE573A;
padding: 3px;
font-weight: bold;
padding-bottom: 4px;
padding-left: 10px;
line-height: 14pt;
width: 370px;
height: 15px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
display: block;
}
#formboxadv {
padding-left: 20px;
display: block;
background-image: url(/images/formbar.jpg);
background-repeat:no-repeat;
line-height: 14pt;
width: 445px;
height: 33px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
z-index: 110;
padding-top: 5px;
}
#passbox {
padding-left: 20px;
display: block;
background-image: url(/images/passbar.jpg);
background-repeat:no-repeat;
line-height: 14pt;
width: 445px;
height: 33px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
z-index: 110;
padding-top: 5px;
}