/*** Reset ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0 0 0 0;
	padding: 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/*** Fonts ***/

body{
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#menu, .loginSidePanel{
	font-family: "Gill Sans MT", "Gill Sans", sans-serif;
	font-size:1.1em;
	font-weight:bold;
}

#footer{
	font-size:0.8em;
}

h1{
	font-size:xx-large;
	font-weight:700;
	margin-bottom:0.7em;
}

#contactDiv h1, #disabledPage h1, #TaxiFirmDisabilityPage h1
{
	font-size:large;
	margin-bottom:30px;
	font-weight:normal;
}

h2{
	font-size:x-large;
	margin-bottom:0.5em;
}

.step{
	font-size:large;
	font-weight:bold;
}

strong{
	font-weight:bold;
}

.shortcodenormal{
	font-weight:700;
}

#lookafterdiv{
	font-size:large;
	font-weight:bold;
}

.registernow{
	font-size:medium;
	font-weight:700;
}

.countryselector{
	font-weight:bold;
}

.label{
	font-weight:normal;
}

.regheading{
	font-size:medium;
	font-weight:700;
}

.detailsheading
{
	font-weight:700;
}

.account h2{
	font-size:14px;
	font-weight:700;
	font-family: Helvetica, Arial, sans-serif;
}

.loginHeader
{
	font-size:14px;
	font-weight:700;
	font-family: Helvetica, Arial, sans-serif;
}

#taxiHowToPageContent h2, #taxiFirmWhyPage h2, #LookupKeywordPage h1, #OrderReviewPage h1. #OrderPage h1
{
	font-size:medium;
	font-weight:bold;
}


.regform h1
{
	font-size:x-large;
}


/*** Colors ***/

body{
	background-color: #f2f2f2;
}

#main{
	background-color: white
}

.highlight{
	color: #FF6600;
}

.highlight a
{
	color: #FF6600;
}

#footer{
	color:silver;
}

.submenu a {
	color:#FF6600;
}

.loginSidePanel a {
	color:#FF6600;
}

.toplevelmenu a{
	color:black;
	margin-right:5px;
}

#banner{
	border-color:#e0e0e0;
}

.submenu a:hover{
	background-color:#DDDDDD;
	color:Black;
}

#menu .highlighted{
	background-color:#DDDDDD;
	color:Black;
}

#menu a{
	border-right-color: #e0e0e0;
}

.submenu ul{
	border-top-color:#FF6600;
}

.flagselected{
	border-color:#FF6600;
}

/*** Border ***/

#top{
	background-image:url('Images/top.gif');
	background-repeat:no-repeat;
	height:14px;
	line-height:14px; /* That's for IE6 */
}

#bottom{
	background-image:url('Images/bottom.gif');
	height:14px;
	background-repeat:no-repeat;
	line-height:14px; /* That's for IE6 */
}

#border{
	background-image:url('Images/borders.gif');
	background-repeat:repeat-y;
}

#content{
	width:896px;
	margin-left:auto;
	margin-right:auto;
}

/*** Banner ***/

#banner{
	position:relative;
	height: 110px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom:1em;
	position:relative; /* So that we can place the side panels relative to banner */
}

.logo{
	position:absolute; /* Relative to #main */
	top:10px;
	right:10px;
}

/*** Menu ***/

#menu {
	position: absolute;
	bottom: 0;
	left: 1em;
}
#menu ul{
	list-style:none;
	float:left;
	clear:left;
}

.topmenuselected {
	background-image:url('Images/GradientCaptionHighlight.gif');
	background-repeat:repeat-x;
}

.toplevelmenu a:hover{
	background-image:url('Images/GradientCaptionHighlight.gif');
	background-repeat:repeat-x;
}

.toplevelmenu a{
	height:20px;
	vertical-align:middle;
}

.toplevelmenu li
{
	width:150px;
	text-align:center;
}

.submenu ul{
	border-top-width:1px;
	border-top-style:solid;
}

#menu li{
	float:left;
}

#menu a{
	text-decoration:none;
	padding: 0px 0.5em 0px 0.5em;
	display:block;
}

.submenu a{
	border-right-width:1px;
	border-right-style: solid;
}

#menu .menulast{
	border-right:0;
}


/*** Footer ***/

#footer{
	width:896px;
	position:absolute; /* Relative to #main */
	bottom:5px;
	left: 2px;
	text-align:center;
}

#spacer{
	/* Prevent the content from overlapping on the absolute positioned footer */
	height: 1em;
	clear: both;
}

/*** Layout ***/

.pbreathe{
	margin-top:1em;
}

/* Country Selector */
.countryselector{
	margin-left:8px;
	line-height:24px;
}

.selectcountry{
	vertical-align:middle;
}

.flagselected{
	margin: 0 3px 0 3px;
	/* Border width is set programmatically */
	border-style:solid;
	padding:1px;
	vertical-align:top;
}

.flagnotselected{
	margin: 4px 3px 3px 4px;
	vertical-align:top;

}


/* Master Page */
body{
	margin-top:10px;
	margin-bottom:10px;
}

#main{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	position:relative; /* So that we can place the footer relative to main */
}

#pageContent{
	margin-left:1em;
	margin-right:1em;
}

/* Keywork Lookpup side panel */ 

.sidePanel
{
	position:absolute; /* Relative to #banner */
	bottom:2px;
	right:10px;
	
	text-align:center;
	width:240px;
	float:right;
	/*border:solid 1px silver;
	background-color: #DDD;*/
}

.keywordLookupField
{
	width:120px;
}

.sidePanelHeader
{
	font-size: smaller;
	font-weight: normal;
}

/* Passenger Login Side Panel */

.loginSidePanel
{
	position:absolute; /* Relative to #banner */
	bottom:2px;
	right:10px;
	
	text-align:center;
	width:240px;
	float:right;
}

.loginSidePanel a{
	text-decoration:none;
	padding: 0px 0.5em 0px 0.5em;
}

.firstLinkLoginBox
{
	margin-right:30px;
}

/* Splash page */

.imagePassengerSplash
{
	margin-left:50px;
}

/* Login Pages Layout */

.loginPage
{
	margin-top:60px;
	margin-bottom:60px;
}

.loginBox
{
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
	border:solid 1px silver;
}

.loginHeader
{
	background-image:url('Images/GradientCaptionHighlight.gif');
	background-repeat:repeat-x;
	height:20px;
	padding-left:5px;
	vertical-align:middle;
	line-height:20px;
	text-align:center;
}

.loginPageText
{
	text-align:center;
}

.loginFieldDescr
{
	width: 180px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.loginFieldHelp
{
	width:180px;
	margin-left:auto;
	margin-right:auto;
	font-size:0.8em;
	color:Gray;
}

.loginInput
{
	width: 180px;
	margin-left:auto;
	margin-right:auto;
}

.loginButton
{
	margin-top:10px;
	margin-bottom:10px;
	width: 100%;
}

.forgotPassword
{
	margin-bottom:10px;
	margin-left:10px;
}

.wrapperLoginButton
{
	width: 180px;
	margin-left:auto;
	margin-right:auto;
}

.loginInput input
{
	width: 100%;
}

.loginPage .validationBox
{
	width:100%;
	text-align:center;
}

/* Password Reset Page */

.passResetLabel
{
	width:180px;
	float:left;
}

.passResetMobileFormat, .passResetButton
{
	margin-left:180px;
}

.passResetMobileFormat
{
	font-size:0.8em;
	color:Gray;
}

.passResetButton
{
	margin-top:0.5em;
}

.passResetInputField, .passResetButton
{
	width:230px;
}


/* All the DetailsView used throughout the site */

.detailsview td{
	padding-right:5px;
	padding-left:5px;
	border-color:silver;
}

.detailsview
{
	border-color:Silver;
	border-style:solid;
	margin-bottom:5px;
}

/* All the grid views used throughout the site */

.gridview td
{
	padding-left: 10px;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:3px;
}

.gridview th
{
	text-align:center;
}


/* User accounts */

.account h2{
	background-image:url('Images/GradientCaption.gif');
	background-repeat:repeat-x;
	height:20px;
	border-top:1px #999 solid;
	border-bottom:1px #999 solid;
	padding-left:5px;
	margin-bottom:10px;
	margin-top: 20px;
	vertical-align:middle;
	line-height:20px;
}

.accountContent
{
	margin-left:5px; /* To align content with header */
}

.detailsheading
{
	margin-bottom:3px;
}

#contactdetails
{
	margin-bottom:10px;
}

/* Contact Page */

.imageContact
{
	float:right;
	margin-top:100px;
}

.iconsContact
{
	float:left;
}


.iconAlign
{
	margin-top: 10px;
	margin-left: 50px;
}

.contactSection{
	clear:left;
}

.labelContact
{
	float:left;
	width:150px;
	text-align:right;
	clear:left;
	margin-right:15px;
}

.inputContact
{
	width:200px;
}

.messageInputContact
{
	width:200px;
	height:10em;
}

.contactMessageValidator
{
	margin-left:165px;
	width:200px;
	clear:left;
}

.buttonSubmitMessage{
	margin-left:165px;
	width:200px;
	margin-top:1em;
	clear:left;
}

/* How To Page */
.instantdemo{
	float:right;
	width:165px;
	height:120px;
	margin-top:50px;
	margin-right:50px;
}

.phonedemo{
	float: left;
	margin-right: 1em;
	margin-left: 1em;
}


.step{
	margin-top:10px;
}

#lookafterdiv{
	margin: 0 0 20px 180px;
	clear: left;
}

#followupdiv p{
	margin-top:10px;
}

/* Why Page */
.instantdemowhy{
	float: right;
	width:261px;
	height:337px;
}

#why ul{
	margin-left:30px;
	list-style:disc;
	list-style-position:inside;
}

.registernow{
	margin-top:50px;
}

/* Disabled page */

.imageDisabled
{
	float:right;
	margin: 0 10px 50px 20px;
}

#disabledPage p
{
	margin-bottom:1em;
}

/* Registration Form */

.label{
	float:left;
	width:250px;
	text-align:right;
	clear:left;
	margin-right:15px;
}

.input{
	width:200px;
}

.regform p{
	margin-top:3px;
}

.regfielddecription
{
	margin-left:265px;
	font-size:0.8em;
	color:Gray;
}

.regform p.regheading{
	margin-top:15px;
}


.validsumary{
	font-weight:700;
}

.regform ul{
	list-style-type:disc;
	list-style-position:inside;
	font-weight:normal;
}

.regheading{
	border-bottom:1px #e0e0e0 dashed;
	margin-bottom:10px;
	clear:left;
	text-align:right;
	width:250px;
}

.buttonsubmit{
	margin-left:265px;
	width:200px;
	margin-top:1em;
	clear:left;
}

/* Password Change Form */

.changePassHeading
{
	margin-bottom:10px;
}

.labelPassChange{
	float:left;
	width:150px;
	text-align:right;
	clear:left;
	margin-right:15px;
}

.inputPassChange{
	width:200px;
}

.passChangeForm p{
	margin-top:3px;
}

.buttonsubmitPassChange{
	margin-left:165px;
	width:200px;
	margin-top:1em;
	clear:left;
}

/* TxtMiles Page */
.txtMilesImage{
	float:right;
}

/* Faq Page */
.faqheading{
	font-weight:bold;
	margin-top:1em;
}

.textexample{
	margin-left:50px;
}

#faq a{
	font-weight:bold;
}

.faqpic{
	float:right;
	margin-top:20px;
	margin-right:20px;
}

/* Taxi Firm How To Page */

.taxiHowToImage1, .taxiHowToImage2
{
	float:left;
	margin-right:20px;
}

.taxiHowToImage2
{
	height:300px;
}

.taxiHowToImage2
{
	clear:left;
}

#taxiHowToPageContent p
{
	margin-bottom:1em;
}

#taxiHowToPageContent h2
{
	margin-bottom:0;
	margin-top:1.5em;
}

/* Taxi Firm Why Page */

.instantDemoImage
{
	float:right;
	width:261px;
	height:337px;
}

#taxiFirmWhyPage h2
{
	margin-bottom:0;
	margin-top:20px;
}

#taxiFirmWhyPage p
{
	margin-bottom:1em;
}

#taxiFirmWhyPage ul
{
	list-style-type:disc;
	list-style-position:inside;
}

/* Taxi Firm FAQ Page */

.taxiFirmFaqImage
{
	float:right;
}

/* Taxi Firm Disability Act Page */

.taxiFirmDisabledImage
{
	float:right;
}

#TaxiFirmDisabilityPage p
{
	margin-bottom:1em;
}

/* Lookup Keyword Page */
#LookupKeywordPage p
{
	margin-bottom:1em;
}

.panelSearchAgain
{
	margin-top:3em;
	padding: 5px;
	background-color:#DDD;	
}



.normalP
{
	margin-bottom:0;
}

/* Order Create Account Page */

#NewCustomerReg
{
	margin-top:3em;
}

/* Order Review Page */

#OrderPaymentDetails
{
	margin-top:3em;
	margin-bottom:1em;
}

/*** IE Bug Fixes ***/

* html #main{
	zoom:1; /* This gives #main a layout in IE which causes IE to display the footer at the right position */
}

* html #banner{
	zoom:1;
}