/*  
Theme Name: Alan Test
Theme URI: http://wordpress.org/
Description: My First Theme
Version: 1.6
Author: Alan Mulhall
*/



/* Begin Typography & Colors */
html{
	/*This is used to stop the page jumping when there is no scrollbar in firefox */
	height: 101%;
}

h1 {
	padding:0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #02539C;	
}
a {
	color: #02539C;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h2 {
	padding:0px;
	margin: 0px;
	font-size: 14px;
	color: #1B62BA;
}
hr {
	border: 0px; 
	color: #dddddd; 
	background-color: #dddddd; 
	height: 1px;
}
#whats-new li {
	padding-bottom: 10px;
}
.entry li {
	padding-bottom: 10px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	/* Specify a min-width for the body as wide as the 'container'
    element itself. This prevents negative (i.e. inaccessible)
    left-margins in narrow browser windows when using 
    Navigator 6+/Mozilla on Win32: */
	min-width: 770px;
	/* Centers the 'Container Div in IE5 */
	text-align: center;
	margin: 0px;
	padding: 0px;	
}

#container {
	width: 770px;
	margin: 0px auto;
	background-color: #fff;
	/* Reset alignment to compensate for 'text-align:center' */
	text-align: left;	
}
#header {
	
}
#logo{
	float:left;
	width: 230px;
	background-color: #fff;
	
}
#loginHolder{
	float:right;
	width: 334px;	
}
#search{
	float:left;
	width: 152px;
	height: 60px;
	margin-right: 5px;
	background-color: #ddd;
}
#login{
	float:right;
	width: 172px;
	height: 60px;
	background-color: #ddd;
}
#headerImage{
	width: 770px;
	margin-top: 5px;
	padding-top: 5px;
	z-index: -3;	
}
#topNavLinks {
	float: right;
	padding-right: 10px;
	text-align: right;
	color: #999;
}
#agentLogin {
	float: right;
}
#navigation {
	font-size: 9px;
	height: 30px;
	

}
.current_page_item {
	background-color: #1B62BA;
	
}
.current_page_parent {
	background-color: #1B62BA;
}
/* this is for the fold pages plugin so the main nav tab can be highlighted 3 levels deep */
.current_page_ancestor{
	background-color: #1B62BA;
}
#nav {	
	background-color: #1B62BA;
	margin: 0px auto;
	text-align: center;
}
#nav_inner {
	color: #fff;

		
}
.loginText {
	padding-left: 15px; 
	padding-right: 5px;
}
.loginForm {

}

#nav2 a {
	
	font-size: 10px;
	color: #999;
	padding: 0;
	margin: 0;
	
}
#nav2 {
	padding: 0;
	margin: 0;
	text-align: right;

 
}
#nav_inner {
	padding: 8px 12px 20px 20px;
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
 
}
#breadcrumbHolder {
	margin-top: 5px;
	
	
}
#breadcrumb {
	float: left;
	width: 570px;
	color: #999;	
	font-size: 10px;	
}
#breadcrumb a {
	font-size: 10px;
	color: #999;
	padding: 3px;
	
}
#siteMap {
	padding-left: 30px;
}
#siteMap .current_page_item{
	
	background-color: transparent;
}
#siteMap ul, #siteMap li, #siteMap a {
	padding-bottom:5px;
	padding-top:5px;
	width: 300px;

}
#quickLinks {
	float: left;
	width: 200px;
	text-align: right;
	color: #999;
	font-size: 10px;
	

}
#quickLinks a {
	font-size: 10px;
	color: #999;
	

}

/*
#navigation {
	width: 770px;
	background-color: #ddd;
	margin-top: 10px;
	text-align: center;	
}

#navigation li {
	list-style: none;
	display: inline;
	background-color: #bbb;
	margin-right: 2px;
}
#navigation ul {	
	padding: 0px;
	margin:0px;		
}
#navigation a{
	padding: 0px;
	margin:0px;
}*/

.commissionTable {
	border: 1px solid #dddddd;;
}
.commissionTableHeader {
	background-color: #dddddd;
	color: #000;
	font-weight: bold;
	vertical-align: bottom;
}

.commissionTable td{

	vertical-align: top;
}
.commissionTableHeader td{

	vertical-align: bottom;
}
.commissionTable td {
	border-bottom: 1px solid #dddddd;;
}
#intro{
	padding-top: 10px;
	border-bottom: 1px dotted #ccc;		
}
#introContent {
	Float: left;
	width: 523px;	
	margin-right: 10px;	
	margin-bottom: 10px;
	padding-right: 15px;
	border-right: 1px dotted #ccc;	
}
#buttonHolder{
	float: left;
	width: 220px;	
}
#phoneNumber {
		
		
}
#joinUsNow {
		
	margin-top: 5px;
		
}
#demo {
	
	margin-top: 5px;
		
}
#benefitsSub {
	margin-top: 10px;
	
}
#mainBenefitsHolder {
	padding-top: 10px;
}
#homeBasedTravelAgent {
	width: 185px;
	margin-right: 10px;
	height: 285px;
	background: #BEF97C url(images/home_based_agents_bottom.gif) no-repeat left bottom;
	float: left;
}
#homeBasedTravelAgentHeader {
	background: url(images/home_based_agents_top.gif) no-repeat left top;
	height: 21px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding-top: 6px;
	font-size: 13px;
}
#homeBasedAgentContent {
	padding: 5px;
	padding-top: 0px;
}
#homeBasedAgentContent ul{
	padding-left: 0px;
	margin-left: 22px;
}
#homeBasedAgentContent p {
	padding: 10px 6px 0 6px;
}

#technologyBenefits {
	width: 185px;
	margin-right: 10px;
	height: 285px;
	background: #FBE009 url(images/technology_bottom.gif) no-repeat left bottom;
	float: left;
}
#technologyBenefitsHeader {
	background: url(images/technology_top.gif) no-repeat left top;
	height: 21px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding-top: 6px;
	font-size: 13px;
}
#technologyBenefitsContent {
	padding: 5px;
	padding-top: 0px;
}
#technologyBenefitsContent ul{
	padding-left: 0px;
	margin-left: 22px;
}
#technologyBenefitsContent p {
	padding: 10px 6px 0 6px;	
}

#trainingBenefits {
	width: 185px;
	margin-right: 10px;
	height: 285px;
	float: left;
	background: #ABE1EE url(images/training_bottom.gif) no-repeat left bottom;
}
#trainingBenefitsHeader {
	background: url(images/training_top.gif) no-repeat left top;
	height: 21px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 0px;
	font-size: 13px;
}
#trainingBenefitsContent {
	padding: 5px;
	padding-top: 0px;
}
#trainingBenefitsContent ul{
	margin-left: 22px;
	padding-left: 0px;
}
#trainingBenefitsContent p {
	padding: 10px 6px 0 6px;	
}

#otherHostingPrograms {
	width: 185px;
	height: 285px;
	float: left;
	background: #F6A5F1 url(images/other_hosting_bottom.gif) no-repeat left bottom;
	
}
#otherHostingProgramsHeader {
	background: url(images/other_hosting_top.gif) no-repeat left top;
	height: 21px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding-top: 6px;
	font-size: 13px;
}
#otherhostingProgramsContent{
	padding: 5px;
	padding-top: 0px;
}
#otherhostingProgramsContent ul{
	margin-left: 22px;
	padding-left: 0px;
}
#otherhostingProgramsContent p{
	padding: 10px 6px 0 6px;	
}
#faqHolder {
	/* when i used margin-top here the margins "collapsing margins" happened in firefox 1.0 */
	padding-top: 10px;
}
#faqs {
	width: 340px;
	margin-right: 10px;
	height: 200px;
	float: left;
}
#howToStartAhomeBasedTravelBusiness {
	width: 420px;
	height: 200px;
	float: left;
}
#newsHolder {
	/* when i used margin-top here the margins "collapsing margins" happened in firefox 1.0 */
	padding-top: 10px;
}
#homeBasedAgentsNews {
	width: 450px;
	height: 150px;
	background-color: #ddd;
	float: left;
	margin-right: 10px;
}
#awards {
	width: 310px;
	height: 150px;
	background-color: #ddd;
	float: left;
}
#affiliationsHolder {
	/* when i used margin-top here the margins "collapsing margins" happened in firefox 1.0 */
	padding-top: 10px;
	/* added this since padding-top did not work on #footerLinks */
	padding-bottom: 10px;
}
#affiliations {	
	
}
#travelAssociations {
	width: 400px;
	height: 50px;
	text-align: right;
	float: right;
}
#footer {
	background-image: url(http://join.mtravel.com/wp-content/themes/new_mtravel/images/footer_bk.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
}

#footer a {
	color: #999;
	font-size: 11px;
}
#footerLinks {

	text-align: left;
}
#footerLinks .current_page_item{
	
	background-color: transparent;
}
#footerLinks .current_page_parent{
	
	background-color: transparent;
}
#footerLinks li {
	list-style: none;
	display: inline;
	
	margin-right: 2px;
}
#footerLinks ul {	
	padding: 0px;
	margin:0px;		
}
#footerLinks a{
	padding: 0px;
	margin:0px;
}
#copyright {
	
	text-align: left;
	color: #999;
	font-size: 10px;	
}
#validation {
	text-align: left;
	font-size: 9px;
	padding-bottom: 20px;
	background-color: #fff;
	
}
.clear{
	clear: both;
}
/* start of styles for inside pages */
#mainContentHolder {
	margin-top: 10px;	
}
#mainContent {
	float: left;
	width: 530px;	
}
#mainContent li {
	padding-bottom: 10px;	
}
#mainContent strong {
	color: #1B62BA;	
}
#mainContent p {
	line-height:1.5em;	
}
#contentHeader{
	
}
#headerImageInside{
	width: 770px;

	margin-top: 5px;
		
}
#rightNavigationHolder {
	float: right;
	width: 220px;
	margin: 0px;	
}
#rightNavigationContent {
	background-color: #D0E2F3;
	background-image: url(http://join.mtravel.com/wp-content/themes/new_mtravel/images/sidebar_bk.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 0px;
	margin: 0px;
	
	
	
		
}
#rightNavigationContent h2 {
	color: white;
	padding-left: 10px;
	font-size: 14px;
		
}
#rightNavigationLinks li  {
	background-color: #D0E2F3;
	font-size: 11px;
	font-weight: bold;
	color: #FAAE07;
	
}
#rightNavigationLinks ul{
	padding: 3px 0 3px 12px;
	margin: 0px;
}
#rightNavigationLinks  {
	padding-left: 25px;		
}
#rightNavigationLinks a  {
	color: #305D86;
	font-weight: bold;

	
}
#rightNavigationLinks a:visited  {
	color: #305D86;
	font-weight: bold;
	
}
#rightNavigationLinks a:hover  {
	color: #FAAE07;
	font-weight: bold;
	
}
#rightNavigationLinks a:hover  {
	color: #FAAE07;
	font-weight: bold;
	
}

#viewDemoR {
	
	margin-top: 10px;
}
#joinNowR {
	
	margin-top: 10px;
}
#phoneNumberR {
	
	margin-top: 10px;
}
#aboutUsSidebar {
	
	background-color: #ddd;
	padding: 6px;
	border-top: 1px solid #999;
	margin-top: 12px;
}
#aboutUsSidebar p{
	padding-top: 0px;
	margin-top: 0px;
}
#marketingSupportHolder {
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
}
#marketingSupportImage {	
	height: 70px;
	float: left;	
}
#marketingSupport {
	width: 375px;
	float: right;
	border-left: 1px dotted #bbb;
	padding-left: 10px;	
}
.tempImage {
	width: 120px;
	height: 75px;
	background-color: #ddd;
	text-align: center;
	margin: 10px;
}
#trainingHolder {
	border-bottom: 1px dotted #bbb;
}
#trainingImage {	
	height: 70px;
	float: left;	
}
#trainingContent {
	width: 375px;
	float: right;
	border-left: 1px dotted #bbb;
	padding-left: 10px;	
}
#webBookingHolder {
	border-bottom: 1px dotted #bbb;
}
#webBookingImage {	
	height: 70px;
	float: left;	
}
#webBookingContent {
	width: 375px;
	float: right;
	border-left: 1px dotted #bbb;
	padding-left: 10px;	
}
#dynamicPackagingHolder {
	border-bottom: 1px dotted #bbb;
}
#dynamicPackagingImage {
	width: 140px;
	height: 70px;
	float: left;	
}
#dynamicPackagingContent {
	width: 375px;
	float: right;
	border-left: 1px dotted #bbb;
	padding-left: 10px;	
}
/* THESE STYLES ARE FOR THE 2 COL IMAGE AND TEXT DISPLAY */
.imageHolder {
	/*height: 70px;*/
	float: left;
							
}
.contentHolder {
	border-top: 1px dotted #bbb;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.contentText {
	width: 375px;
	float: right;
	border-left: 1px dotted #bbb;
	padding-left: 10px;
}
/* these are for the wider images */
.imageHolder2 {
	float: left;
	width: 200px;
	border-right: 1px dotted #bbb;	
	text-align: center;						
}
.contentHolder2 {
	border-top: 1px dotted #bbb;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.contentText2 {
	width: 310px;
	float: right;
	padding-left: 10px;
}

.imageHolder3 {
	float: left;
	width: 200px;	
	text-align: center;						
}
.contentHolder3 {
	border-top: 1px dotted #bbb;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.contentText3 {
	width: 310px;
	float: right;
	border-left: 1px dotted #bbb;
	padding-left: 10px;
}
.marginTop10 {
	margin-top: 10px;
}
.fontGrey {
	color: #999;
}
.paddingBottom10 {
	padding-bottom: 10px;
}
.paddingTop10 {
	padding-top: 10px;
}
.paddingBottomTop10 {
	padding-bottom: 10px;
	padding-top: 10px;
}

/* slideshow css */
/*preload classes*/ 
#slideShow {
	 
}
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 2px solid #ddd;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #FAAF08; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #0066cc; 
color: #fff; 
} 


/*============== Navigation ==============*/
#navigation ul {list-style-type: none;background: #0984dd url(http://join.mtravel.com/wp-content/themes/new_mtravel/images/nav_bk.gif) no-repeat 0 0;float: left;font-size: 11px;margin:0;padding:0;width:770px;position:relative;}
ul#nav {clear: left;}
/* i took out height 1% from below because it broke on firefox 2 need to check firefox 1 */
#navigation ul li {display: inline;float: left;position: relative;}
#navigation ul li a {background-color: inherit;border-left: 1px solid #49a4e6;color: #fff;display:block;padding: 9px;text-decoration: none;}
#navigation ul li.page-item-4 {margin-left: 5px;}
#navigation ul li.page-item-4 a {border: 0;}
#navigation ul li.page-item-12 {}
#navigation ul li.page-item-12 a {}
#navigation ul ul li.page_item page-item-4 a {padding-left: 9px;}
#navigation ul li.page_item page-item-4 ul li,
#navigation ul li.page_item page-item-12 ul li,
#navigation ul li.page_item page-item-4 ul li a,
#navigation ul li.page_item page-item-12 ul li a {background-image: none;}
#navigation li ul {background-image: none;display: none;position: absolute;padding: 0;width: 200px;z-index: 999;}
#navigation ul li ul {display: block;left: -10000px;  z-index:998;}
#navigation li ul {display: block;left: -10000px;  z-index:998;}


#navigation li:hover ul,
#navigation li.over ul,
#navigation li.sfhover ul {left: auto; }
/* these are for the right menu - note i don't have this alt class which breaks this menu in ie7*/
#navigation li:hover ul.alt,
#navigation li.over ul.alt,
#navigation li.sfhover ul.alt {left: auto;right: 0;}

#navigation ul li ul,
#navigation ul li ul li {display: block;float: none;font-size: 1em;height:auto;}
#navigation ul li ul li a {border: 0;display: block;float: none;padding: 3px 9px;background-color:transparent;}
#navigation ul li ul li a:hover {background-color: #1b62ba;color: #fff;}
#navigation ul li ul li.page_item page-item-4,
#navigation ul li ul li.page_item page-item-12,
#navigation ul li ul li {border-top: 1px solid #48a4e5;border-bottom:1px solid #1b62ba;background:url(http://join.mtravel.com/wp-content/themes/new_mtravel/images/nav_l.gif) repeat-y 0 0;}
#navigation ul li ul {background: #0884dc url(http://join.mtravel.com/wp-content/themes/new_mtravel/images/nav_r.gif) repeat-y 100% 0;}


/*fix menu for IE 7 */
#mainNavigation li:hover, #mainNavigation li.hover {
    position: static;
}
 
#mainTestimonial {
	border: 1px solid #ddd;
	padding: 5px;
	margin-top: 10px;
}
#testimonialTop {
	margin-top: 10px;
	height: 11px;
	
}

#testimonialContent {
	margin: 0px;
	padding: 7px;
	background-color: #D0E2F3;
	color: #0F77D0;

}
#testimonialBottom {
	height: 11px;
	background-color: #D0E2F3;
}