/*##### Base Template #######*/

.offscreen{
	position:absolute;
	left:-10000px;
}

html{
	font-size: 100%;	
}
body{
	margin: 0px;
}

.superscript{
	vertical-align: super;
	font-size:0.9em;
}



/***************** CSS Page layout ****************/
div{
	/*border:1px solid black;*/
	zoom:1;
}

body{
	margin:0px;	/* need this to make absolute divs the same width as relative divs */
}

.offscreen{
	position:absolute;
	left:-10000px;
}


#outerContainer{
	min-width: 900px;
	width:100%;

}

#yui-main{
	width:100%;
	float: right; 
	margin-left: -25em;			/*space to allow the left nav to site in crrect place */
}

.yui-t2 .yui-b{ 
	float: left; 
/*	width: 13.8456em; */ 			/* width of left nav */
width:15.2em;
min-width:170px;

}

#yui-main .yui-b { 
	float: none; 
	width: auto;  
	} 
.yui-t2 #yui-main .yui-b { 
	/*margin-left: 15.8456em; */ 	/* margin to allow for left col. same units as the left col width */
	
	/*margin:auto;*/
	/*padding-left:17em;*/
	margin-left: 18em;
} 

.yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-g div.first, .yui-gc div.first, .yui-gc div.first div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first{ 
	float: left; 
}
.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u { 
	width: 77%; 	/* width of main content area only */
} 

.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u { 
	float: right; 
}
.yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first{
	width: 21%; 	/* width of right col */
	min-width:172px;
	/*width: 16em;  */
	overflow:hidden;
} 

#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1; }
.yui-gb .yui-u{float:left;}

#bd{
	margin-top:5em;	/* space for header and top nav */
}

#aboveContent
{
	
	background-color:#5482FA;
	}

#headNav{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	height:5em;
	
}
	
#rightCol{

padding-top:10px;

}
	
#footNav{
	width:100%;
	clear:both;
}











/* ######## Country Select ############*/
.allCountriesList
{
	margin-left: 20px !important
}

/* Country Selector Syles */
.allCountriesList, .allCountriesList li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.CountryContainer h2
{
	margin-top: 10px;
	margin-bottom: 10px;
}
.CountryContainer img
{
	vertical-align: -1px;
	margin-top: 2px;
	margin-right: 5px;
}

.CountryContainer ul
{
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

.CountryContainer li
{
	margin-bottom: 4px;
}

.CountryContainer li:hover
{
	/*font-weight:bold; 	background-color:*/
}

/* Drop down list Style */
a:link, a:hover, a:visited, a:active
{
	text-decoration: none;
}

.CountrySelectDropDownContainer
{
	float: right;
	display: inline;
	padding: 5px 10px;
	background-color: black;
	position: relative;
	font-family: Calibri;
	font-size: 1.21em;
	font-weight: bold;
	z-index: 500;
}

.CountrySelectDropDownContainer a, .CountrySelectDropDownContainer a:link, .CountrySelectDropDownContainer a:visited
{
	text-decoration: underline;
	color: white;
}
.CountrySelectDropDownContainer a:hover
{
	color:Orange !important;
	}


.CountrySelectDropDownContainer
{
	display: inline;
	height: 20px;
	background-color: black;
	color: white;
}

.CountrySelectDropDownContainer .CountrySelectFlag
{
	margin-left: 6px;
	vertical-align: -1px;
	width:16px;
	height:11px;
}

.cflag
{
	width:16px;
	height:11px;
	}

.CountrySelectDropDownContainer .iframeDisplayContainer
{
	/* used to hide show iframe */
	position: absolute;
	top: 27px;
	right: 0px;
	border: 1px solid silver;
	z-index: 2000;
	visibility: hidden;
}

.CountrySelectDropDownContainer .iframeDisplayContainer .iframeDisplay
{
	width: 430px;
	z-index: 2000;
	height: 350px;
}



/* ########### Main Css ############## */
.FlashHeader{
}
html{
/*min-width:980px;  min width of page */
}
body{
	/*font-family:  arial, helvetica, sans-serif;  */
	font-size:70%;
	width:100%;
	
	font-family : Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	color: black;		
	/*text-align: justify;*/
	background-color: #FFFFE1;	
}

div{
	/* border:1px solid black; */
	
	position:static;
}



H1.MainHeader
{
	margin-left:23px;
	margin-top:0px;
}
.MainHeaderLbl
{
	color:	#990000;
	margin-left: 5px;
}




/*Search Controls */
.searchControlHome
{
	margin-left:10%;	
	}
.SearchBox	/*Input box*/
{
	width:250px;
	}
.inputPanel
{
	margin-left:25px;
	margin-right:25px;
	margin-bottom:5px;
	
}


/* Advertising  */
.ffinder728
{
	width:728px;
	margin:auto;
	border:0px solid red;
	}
	
	
	
	

.adHeader{
		 	/* Header for g ads */
	border:1px solid black;
	padding:4px 20px;
	color: #e6e6fa;
	text-align: left;
	background-color: #3D81EE;
	margin-bottom:20px;
	
	padding-left:10px;
	
	overflow: hidden;

}

.adContent{

	text-align: center;
	margin-bottom:20px;
	overflow: hidden;
}



.adHeader .adContent{
	margin-top:15px;
	text-align: center;
}

/*
.leaderBoardAds{

	border:1px solid black;
	
	padding:4px 20px;
	color: #e6e6fa;
	text-align: left;
	background-color: #3D81EE;
	margin-bottom:20px;
	
	padding-left:10px;
	
	overflow: hidden;
}*/


	
	
/* Video Player */
.VideoPlayer{
	text-align:center;
}
	
/* Left Col Lists*/
#leftCol
{
	padding-top:10px;
	padding-left:0px;
}
.leftColMargin{
	/*padding-left:5px;*/
}
.rightColMargin{
	/*padding-right:5px;*/
}
.topCats h2, .listContainer h2
{
	font-family:Calibri;
	font-weight:bold;
	color: navy ; /*#990000  #4e7ff9*/	
	font-size:1.4em;
	
	margin-bottom: 15px;
	margin-top: 0px;


}
.listContainer h2 a
{
	color: navy ;
}
.listContainer h3
{

	font-family:Calibri;
/*	color: #800000;*/

	font-size:1.2em;
	margin-bottom: 3px;
	margin-top:5px;
	margin-left:5px;
	text-align:left;
}

.listContainer hr{
	color:#cdd4f1;
	height:1px;
	border:0;
	border-top:1px solid #cdd4f1;
}

#leftCol .listContainer
{
	
	/*margin-left:15px;
	border: 2px solid #cdd4f1 !important;
	border-left:0 !important;*/
	
}

#rightCol .listContainer
{
	
	/* margin-right:10px; 
	border: 2px solid #cdd4f1 !important;
	border-right:0 !important;*/
	
}

#leftCol .listContainer h2,#leftCol .listContainer h3, #rightCol .listContainer h2, #rightCol .listContainer h3
{
	margin-left:10px;
}
#leftCol .listContainer ul, #rightCol .listContainer ul
{
	margin-bottom:10px;
	
}
#leftCol .listContainer .nonListItem /* space for a list but not li therefore no padding s owe add some here */
{
	margin-left:8px;
}


#leftCol .listContainer .subList, #rightCol .listContainer .subList
{
	border-top: 1px solid #cdd4f1;
	padding-top:10px;
}


/*
#rightCol .listContainer .subList
{
	border-top: 1px solid #cdd4f1;
	padding-right:8px;
	padding-top:10px;
}
*/
.listContainer .subList.child{
	margin-top:15px;
	padding-top:3px;
	
	border-top: 3px solid #cdd4f1;
	
	background-image: url(backgrounds/yellowHeaderFade.jpg);
	background-position: top;
	background-repeat: repeat-x;
}




.accordionHeader, .accordionHeaderActive{
	background-image: url(backgrounds/yellowHeaderFade.jpg);
	background-position: top;
	background-repeat: repeat-x;
	
	/*border:2px solid #cdd4f1;
	border-bottom:0;*/
	
	border-top:2px solid #cdd4f1;
	min-height:35px;
	
	
}

.accordionHeader h2{
	/*background: url(/commonAssets/icons/16-square-blue-add.png);*/
	/*background: url(/commonAssets/icons/downarrow.png);*/
/*	background: url(/commonAssets/icons/16-em-down.png);*/
background: url(/commonAssets/icons/16-square-blue-add.png);
	
	background-position:right 2px;
	background-repeat:no-repeat;
	
	margin-right:2px;	
	min-height:16px;	/* min size of arrow img on header */	
	padding-right:16px;	/* space for arrow/img */
}

.accordionHeader h2:hover
{
	/*background: url(/commonAssets/icons/16-square-green-add.png);	*/
	/*background: url(/commonAssets/icons/downarrow-1.png);*/
	background: url(/commonAssets/icons/16-square-green-add.png);
	background-position:right 2px;
	background-repeat:no-repeat;
		
	/*text-decoration:underline;	
	color: navy;	*/
}
.accordionContent{
	/*border:2px solid #cdd4f1;*/
	border-top:0;
	border-bottom:0;
}












.listContainer ul,.listContainer ol{
	list-style-type: none;
	margin: 0;
	padding:0;
}
/*
.listContainer img{
	vertical-align: bottom;
}*/

#leftCol ul,#leftCol ol
{
	padding-left:6px;
}

#rightCol ul,#rightCol ol
{/*
text-align:right;
padding-left:8px;
*/
}






/* Site Controls*/
.MultipleListContainer{
	
}
.listContainer .iconSpacer
{
	width:23px;
	display:inline;
}
.listContainer .icon
{
	vertical-align:top;
	margin-right:4px;
	border: 1px solid #585858;
}
.listContainer .iconNoBorder
{
	vertical-align:middle;
	margin-right:4px;
}
.listContainer li.hasIcon {
	padding-top:4px;
}
.listContainer li.addThis{
	padding-top:6px;
}

/* Page Contents Lists */



.MultipleListContainer li,.MultipleListContainer ul{
	margin:0;
	padding:0;
	
}

.MultipleListContainer .ExpandPanelTrigger
{
	padding-left:5px;
}

.MultipleListContainer .ExpanderContentPanel
{
	padding-left:5px;
}



.listContainer a:hover{
/*font-weight:bold;*/
}

.listContainer{
	border: 2px solid #cdd4f1; /*#5483f9 #99b6f0 */
}
.listContainer{


	/*float:left;*/
	/*border: 3px solid #cdd4f1;  #5483f9; */ /* #cdd4f1 */
	/*display:inline;
	width:17em;*/
	
	/*height:50px;
	overflow:hidden;*/
	margin-bottom:40px;
	
background-image: url(backgrounds/yellowHeaderFade.jpg);
background-position: top;
background-repeat: repeat-x;



}
.listContainer.noTopFade
{
	
	}



.listContainer .List
{
	
	overflow:hidden;
	}

#pageContent .MultipleListContainer{
	width:98%
}
#pageContent .MultipleListContainer .listContainer li
{
	float:left;		/* Makes the list horizontal*/

	margin-right:10px;
	
	display:inline;
	
	/*width:180px;*/
	min-width:12em;
	

	/*border:1px solid black;*/
}




#pageContent .MultipleListContainer .listContainer
{

/*background-color:#5381f9;*/



}
#pageContent .MultipleListContainer .listContainer .ExpandPanelTrigger a{
	
}


/* admin side nav */
.bulletList li{
list-style: circle;
margin-left:13px;

	
}



/* HOME page layout*/
.homeLayout div{
	border:1px solid red;
}
.passengersHome{
	position:relative;
	width:49%;
	display: block;
	float:left;
}

.driversHome{
	position:relative;
	width:49%;	
	display: block;
	float:right;
}





.topCats
{
	margin-top:50px;
	padding:15px;
	
	/*border: 3px double blue;*/
	
	text-align: justify;
	width:450px;
	margin-left:10%;
}

.topCats h2
{	
	margin-bottom:15px;
	}
.topCats a
{
margin-right:10px;
}

.topCats ul
{
	margin-left:25px;
	}
.topCats ul li
{
	float:left;		/* Makes the list horizontal*/
	display:block;	/* use with width to space out evenly */
	margin-right:25px;
	margin-bottom:8px;	

}



















/**************** Note: Try the + symbol to target adjacent elements *********/

/**************** Text Styles *******************/
a{
	color: #0000cc;
	text-decoration: none;
}		
a:Visited{
	color: #551a8b;
}
a:ACTIVE, a:HOVER, a:FOCUS {
	color: #990000;
}


h1{
	font-size:1.7em;
	color:navy;
	font-family: Calibri;
}

H1.superscript{
	font-size:0.5em;
}

h2{
	font-size:1.3em !important;
}

/*** Can use H3 asa image for adversts on home page. IE. Style the H3 (.promo?) for an image e.g 250*250px foradvert on haome page ******/
h3{
	font-size:1.2em;
}



p{
	
}

img{
	border: 0;
}


/**************** Useful Links *******************/
.usefulLinks{
	font-family : Verdana;
	border: 1px solid Black; 
	margin: 10px;
	margin-top:0px;
	width:200px;
	height:auto;
	background-color: #efefef;
}

.usefulLinks h3{
	background-color : #9EC1C7;
	color: #efefef;
	font-size: 1em;
	text-align:center;
	padding:3px 15px;	
	margin:0px auto;
	font-weight:bold;
}

.usefulLinks ul{
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:3px;
	padding:0;	
	height:auto;
	

}


.usefulLinks a{
	text-align:right;
	height:100%;	/* grows borber */
	display: block;
	text-decoration: none;	
	width: 100%;	
	padding-right:18px;
}

.usefulLinks li{
	width: auto;	
	height: auto;
	display: block;	
	padding-top:1px;
	padding-left:2px;
	padding-right:19px;
	padding-bottom:2px;
	background-position: right;
	background-image: url('/assets/backgrounds/forwardarrow.gif');
	background-repeat: no-repeat;	

}

.usefulLinks li.usefulLinks_NoArrow{
	background-image:none;	
}




ul.langSelector {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float:right;
	margin-right:0px;
	margin-top:3px;
}
ul.langSelector li{
	padding: 0;
	margin: 0;
	float:left;
}
ul.langSelector li img{
	border:1px solid black;
}




/* third party tools */
.yellowPages{
	/*border:1px solid black;*/
	text-align:center;
	}
	
.youTube{
	width:160px;
	margin:auto;
}
































/********* Widths for settings widths on divs. E.g. 'Useful Links' **************/
.width100{
	width:100px;
}
.width150{
	width:150px;
}
.width200{
	width:200px;
}
.width250{
	width:250px;
}
.hidden{
	visibility:hidden;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;	
}



/***************** CSS Page layout ****************/

/***************** CSS Page layout ****************/
div{
	/*border:1px solid black;
	zoom:1;*/
}

body{
	/*margin:0px;	 need this to make absolute divs the same width as relative divs */
}

#outerContainer{
	min-width: 990px;	 /* min width of page */
	/*border:2px solid green;*/
}

#yui-main{
	/* margin-left: -25em	space to allow the left nav to site in crrect place */
	
}

.yui-t2 .yui-b{ 
	/*float: left; 
	width: 13.8456em;  			 width of left nav */
}

#yui-main .yui-b { 
	float: none; 
	width: auto;  
	
	} 
.yui-t2 #yui-main .yui-b { 
	/*margin-left: 14.8456em;  	 margin to allow for left col. same units as the left col width */
} 

.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u { 
	/*width: 74.2%; 	 width of main content area only */
} 

.yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first{
	/*width: 24%; 	 width of right col */
} 

#bd{
	margin-top:85px;	/* space for header and top nav */
}

#headNav{
	min-width: 980px;	 /* min width of page */
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	height:85px;

}
#mastHead {
	background-image: url('/App_Themes/ChauffeurCenter/logos/toplayer.jpg');
	background-repeat: repeat-x;
	background-position: top;	
	/*border:1px solid black;*/
	height:71px;
}

	
#topNav{
	background-image: url('/App_Themes/ChauffeurCenter/logos/middlelayer.jpg');
	height:14px;
	background-repeat:repeat-x;
	background-position: top;
	
	/*border:1px solid green;*/
}

#leftCol 
{
	padding-bottom:20px;
	padding-left:5px;
/*	overflow:hidden;*/
	}
	
#rightCol{
	padding-right:5px;

		
}

#footNav{

		width:100%;
	min-width: 980px;	 /* min width of page */
}
	
	
#footerContent{
	border-bottom:1px solid black;	
	border-top: 1px groove;
	text-align:right;
	padding:3px;
	font-size:0.9em;

}

#mastHead .mastLogo
{
	text-align:center;
	background-image: url('/App_Themes/ChauffeurCenter/logos/chauffeur-center-logo.jpg');
	height:71px;
	width:383px;
	margin:auto;
	background-repeat:no-repeat;
	background-position: top;
	cursor:pointer;
	/*border:1px solid red;*/
	}
	
#mastHead .mastLogo.International
{
	background-image: url('/App_Themes/ChauffeurCenter/logos/chauffeur-center-logo-int.gif');
	width:552px;
}	
	
#mastHead .mastLogo.International .LogoTextLbl
{

	color:black;
	font-size:1.6em;
	font-family:Calibri;
	font-weight:bold;
	font-style: italic;

	position:relative;
	top:41px;	
}
	
.maybachLogo{
	cursor:pointer;
	float:left;
	background-image: url('/App_Themes/ChauffeurCenter/logos/maybach.jpg');
	width:100px;
	height:71px;	
}
.bentleyLogo{
	cursor:pointer;
	float:right;
	background-image: url('/App_Themes/ChauffeurCenter/logos/bentley.jpg');
	width:145px;
	height:71px;	
}
.rollsLogo{
	cursor:pointer;
	float:right;
	background-image: url('/App_Themes/ChauffeurCenter/logos/rollsroyce.jpg');
	width:69px;
	height:105px;	
}
.mercedesLogo{
	cursor:pointer;
	float:left;	
	background-image: url('/App_Themes/ChauffeurCenter/logos/mercedes.jpg');
	width:81px;
	height:83px;
	margin-top:10px;
}


.copyright{
	border-top:1px solid black;
	clear:both;
}



/* Can change image and text size with this. Need to add nore id's to zoom topnav and footer */
#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1; }