/*Start of CSS */

body{
	height: 100%;
	text-align:center;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	color:#000000;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

a:link{	text-decoration:none; color:#000000;}
a:visited{ text-decoration:none; color:#000000;}
a:hover{ text-decoration:underline;	color:#DE1817;}

.more:link{	text-decoration:underline; color:#DE1817;}
.more:visited{ text-decoration:underline; color:#DE1817;}
.more:hover{ text-decoration:underline;	color:#000000;}

img { border:0px;}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul {padding-left:10px; list-style-type:square; margin:5px 0px 15px 15px;}
.tip {padding-left:10px; list-style-type:square; margin:5px 0px 5px 15px;}
.uppercase {text-transform:uppercase;}

.beta {background:url(../images/beta.gif) 99% 0% no-repeat;}

/**********************************************
 Layout Divs                                 
**********************************************/

.page{
	background:url(../images/page-bg.gif) top repeat-x;
}

.topdiv{
	width: 810px;
	margin: 0 auto;
}

.topnav{
	text-align:left;
	border-bottom:#9A0006 1px solid;
	background-color:#D81A21;
}

.mid-bg{
	width: 778px;
	margin: 0 auto;
	background:url(../images/mid-bg.gif) repeat-y;
}
	
.mid-div{
	width: 762px;
	margin: 0 auto;
	text-align:left;
	background:url(../images/mid-top-bg.gif) top repeat-x;
}
	
.footer{
	background-color:#EBEBEB;
	height:45px;
	text-align:center;
}

.copyright{
	width:778px;
	padding-top:2px;
	padding-bottom:10px;
	font-size:9px;
	margin:0 auto;
}

A.footer:hover{
	color:#F5F3E3;
	text-decoration:underline;
}

.tab{
	padding:3px 10px 5px 10px;
	background-color:#EEEEEE;
	font-weight:bold;
}

.tabselected{
	padding:8px 10px 5px 10px;
	background-color:#78D2E6;
	font-weight:bold;
}

/**********************************************
Search Box                             
**********************************************/

.search-head{
	background:url(../images/search-bg.gif) repeat-x;
	border-top:1px solid #F0E57A;
	border-right:1px solid #C6C6C6;
	border-bottom:1px solid #C6C6C6;
	border-left:1px solid #C6C6C6;
	padding: 5px 0px 5px 10px;
	margin: 6px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
}

.search-body{
	background-color:#FFF5DC;
	border-left:1px solid #C6C6C6;
	border-right:1px solid #C6C6C6;
	border-bottom:1px solid #C6C6C6;
	color:#474747;
	padding: 10px 0px 5px 10px;
	font-size:11px;
	font-weight:normal;
}

/**********************************************
Brochure Box                             
**********************************************/

.brochure-head{
	background:url(../images/brochure-head-bg.gif) repeat-x;
	border-top:1px solid #E3E3E3;
	border-right:1px solid #CFCFCF;
	border-bottom:1px solid #B6B6B6;
	border-left:1px solid #CFCFCF;
	padding: 5px 0px 5px 10px;
	margin: 7px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
}

.brochure-body01{
	background:url(../images/brochure-bg.gif) bottom repeat-x;
	border-right:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
}

.brochure-body{
	background:url(../images/brochure-bg.gif) bottom repeat-x;
	border-right:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	color:#474747;
	padding: 5px 0px 5px 5px;
	font-size:11px;
	font-weight:normal;
}

/**********************************************
Become Agent
**********************************************/

.brochure-agent{
	background:url(../images/agent-bg.gif) bottom repeat-x;
	border-top:1px solid #A9EDD4;
	border-right:1px solid #A9EDD4;
	border-left:1px solid #A9EDD4;
	border-bottom:1px solid #B6B6B6;
	padding: 5px 0px 5px 10px;
	margin: 7px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	background-color:#A9EDD4;
}

/**********************************************
top navbar                             
**********************************************/

.navsel {	
	margin: 26px 0px 0px 1px;
	padding: 8px 0px 0px 0px;
	width:70px;
	height:24px;
	text-align:center;
	float:left;
	background-color:#a75d38;
}

a.iti{
	text-decoration:underline;
	color:#000;
}

a.iti:visited{
	text-decoration:underline;
	color:#000;
}

a.iti:hover{
	text-decoration:underline;
	color:#DE1817;
}

/*********************************************
 Textfield, Dropdown
**********************************************/

.textfield {
	background-color:#FFFFFF;
	border-top:1px solid #808080;
	border-right:1px solid #D4D0C8;
	border-bottom:1px solid #D4D0C8;
	border-left:1px solid #808080;
	color:#474747;
	font-size:11px;
	font-weight:normal;
}

.dropdown {
	z-index:-100;
	background-color:#FFFFFF;
	border-top:1px solid #808080;
	border-right:1px solid #D4D0C8;
	border-bottom:1px solid #D4D0C8;
	border-left:1px solid #808080;
	color:#474747;
	font-size:9px;
	font-weight:normal;
	font-family: Arial;
}

.dropdown01 {
	z-index:-100;
	background-color:#FFFFFF;
	border-top:1px solid #808080;
	border-right:1px solid #D4D0C8;
	border-bottom:1px solid #D4D0C8;
	border-left:1px solid #808080;
	color:#474747;
	font-size:10px;
	font-weight:normal;
}

/*********************************************
 Button
**********************************************/

.button {
	background-color:#D4D0C8;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	color:#474747;
	font-size:11px;
	font-weight:normal;
	border-top:1px solid #D4D0C8;
	border-left:1px solid #D4D0C8;
}

/*********************************************
 Itineraries band
**********************************************/

.itiBand{
	border-top:1px solid #D1D1D1;
	border-right:1px solid #D1D1D1;
	border-bottom:1px solid #757575;
	border-left:1px solid #D1D1D1;
	color:#474747;
	height:27px;
	font-size:14px;
	font-weight:bold;
}

.Band{
	border-bottom:1px solid #757575;
	color:#474747;
	font-size:12px;
	font-weight:bold;
	padding: 2px 0 2px 5px;
}

.strike{
	text-decoration:line-through;
	color:#F90B16;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}

.motherEarth{
	border-top:1px solid #D4D0C8;
	border-bottom:1px solid #D4D0C8;
}
	
/**********************************************
 general styles                              
**********************************************/

.tac { text-align:center;}
.tal { text-align:left;}
.tar { text-align:right;}
.tat { vertical-align:top;}
.tam { vertical-align:middle;}
.justify { text-align:justify;}

.arial{ font-family:Arial;}

.hand {cursor:hand;}

.fs09 { font-size:9px;}
.fs10 { font-size:10px;}
.fs11 { font-size:11px;}
.fs12 { font-size:12px;}
.fs13p { font-size:13pt;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}

.tc00 { color:#000000;}
.tc01 { color:#ffffff;}
.tc02 { color:#0B2E96;} /*dark blue*/
.tc03 { color:#474747;} /*dark gray*/
.tc04 { color:#DCDCDC;} /*light gray*/
.tc05 { color:#858585;} /*dark gray*/
.tc06 { color:#ff0000;} /*red*/

.tdnu { text-decoration:none;}

.nb { font-weight:normal;}
.b { font-weight:bold;}
.i { font-style:italic;}

.lh15{line-height:15px;}
.mb { margin-bottom:1px;}

.ml10{ margin-left:10px;}
.m00 { margin: 0 auto;}
.m05 { margin:5px 5px 5px 0px;}
.m005 { margin:5px 0px 0px 0px;}
.mr05 { margin-right:5px;}
.mt02 { margin-top:2px;}
.mt05 { margin-top:5px;}
.mt07 { margin-top:7px;}

.bc0{ background: #000000;}
.bc1{ background: #FFFFFF;}
.bc2{ background: #E3E3E3;} /* medium gray bg*/
.bc3{ background: #A9EDD4;} /* light green bg for customer speek*/

.bc4{ background: #78D2E6;} /* dark blue bg for Itineraries main band*/
.bc5{ background: #EBF7FA;} /* light blue bg for Itinerary*/
.bc6{ background: #EEFBFC;} /* light blue*/
.bc7{ background: #D2F2FA;} /* medium blue*/

.bc8{ background: #F7F7F7;} /* light gray bg*/
.bc9{ background: #BDBDBD;} /* dark gray bg*/

.bo0{ border:0px solid;}
.bo1{ border:1px solid;}
.bom1{ border-bottom:2px solid #DCDCDC;}
.bo2{ border:1px solid #EEEEEE;}

.boc00 { border-color:#E5DDC4;}
.boc01{ border-color:#000000;}

.oh{overflow:hidden;}
.os{overflow:auto;}
.h1px{height:1px;}
.dbl{display:block;}

.flr { float:right;} 
.fll { float:left;}

.p01 { padding:1px;}
.p02 { padding:2px;}
.p03 { padding:3px;}
.p07 { padding:7px;}
.p10 { padding:10px;}

.pt02 { padding-top:2px;}
.pt05 { padding-top:5px;}
.pt07 { padding-top:7px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt42 { padding-top:42px;}

.pr02 { padding-right:2px;}
.pr05 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr85 { padding-right:85px;}

.pl02 { padding-left:2px;}
.pl05 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl50 { padding-left:50px;}

.pb02 { padding-bottom:2px;}
.pb05 { padding-bottom:5px;}
.pb07 { padding-bottom:7px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb25 { padding-bottom:25px;}

.h02 { height:2px;}
.h05 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h26 { height:26px;}
.h45 { height:45px;}

.hp100 { height:100%;}

.w02 { width:2px;}
.w05 { width:5px;} 
.w10 { width:10px;} 
.w15 { width:15px;} 
.w20 { width:20px;}
.w25 { width:25px;}
.w40 { width:40px;}
.w80 { width:80px;}
.w120 { width:125px;} /*textfield width */
.w137 { width:137px;} /*textfield width */
.w160 { width:160px;}
.w165 { width:165px;} /*dropdown width */
.w188 { width:188px;} /*middle right width */
.w193 { width:193px;}
.w239 { width:239px;} /**/
.w245 { width:245px;} /**/
.w260 { width:260px;} /**/
.w273 { width:273px;} /**/
.w308 { width:308px;} /**/
.w360 { width:375px;} /**/
.w450 { width:450px;} /**/
.w562 { width:562px;} /*middle Left width */
.w778 { width:778px;}

.wp2 {width:2%;}
.wp5 {width:5%;}
.wp10{width:10%;}
.wp15{width:15%;}
.wp20{width:20%;}
.wp25{width:25%;}
.wp30{width:30%;}
.wp35{width:35%;}
.wp40{width:40%;}
.wp45{width:45%;}
.wp48{width:48%;}
.wp50{width:50%;}
.wp55{width:55%;}
.wp60{width:60%;}
.wp65{width:65%;}
.wp68{width:68%;}
.wp70{width:70%;}
.wp75{width:75%;}
.wp80{width:80%;}
.wp85{width:85%;}
.wp90{width:90%;}
.wp95{width:95%;}
.wp100{width:100%;}


.showstate{ /*Definition for state toggling image */
	cursor:hand;
	margin-top: 0px;
	margin-right: 0px;
}

.switchcontent{
	padding:10px;
	border: 0px;
}
/*End of CSS */