﻿body 
{
    background:#FFFFFF url(../Images/main-bg.jpg) repeat-x left bottom;
    margin:0;
    padding:0;
    text-align:center;
}
#page-wrapper
{
    width:950px;
    margin:10px auto;
    text-align:left;
}
#search
{
    text-align:right;
    padding-bottom:5px;
}
#header
{
    background:url(../Images/header-bg.jpg) no-repeat left top;
    height:198px;
}
#header h1
{
	background:url(../Images/logo-web.jpg) no-repeat left top;
	height:165px;
	width:330px;
	padding:0;
	margin:8px 0 0 40px;
	text-indent:-100em; 
	overflow:hidden;
	float:left;
}
#header h1 a 
{ 
	display:block; 
	height:165px 
}
#header h5
{
    padding:8px 0 0 15px;
}
#cwrapper
{
    background:url(../Images/content-bg.jpg) repeat-y left top;
}
#cwrapper h1
{
    font-size:140%;
    padding-top:15px;
    color:#5F5F5F;
}
.small
{
    font-size:80%;
    color:#5F5F5F;
    line-height:1.3em;
}
.small strong
{
    color:#3F3F3F;
}
#cbody
{
    background:url(../Images/content-header-bg.jpg) no-repeat left top;
}
#cfooter
{
    height:50px;
    background:url(../Images/content-footer-bg.jpg) no-repeat left bottom;
}
#menu ul
{
    padding:0 50px;
    margin:0;
}
#menu ul li
{
    display:inline;
    list-style-type:none;
}
.content1
{
    padding:2px 60px 0 60px;
}
.content2
{
    padding:10px 45px 20px 45px;
    background:#fff;
    color:#5F5F5F;
    font-size:80%;
    line-height:1.4em;
}
#footer
{
    height:90px;
    background:url(../Images/footer-bg.jpg) no-repeat left bottom;
    font-size:80%;
    font-weight:bold;
}
#footer a:link, #footer a:visited
{
    color:#000;
    text-decoration:none;
}
#footer a:hover, #footer a:active, #footer a:focus
{
    text-decoration:underline;
}
#footer .copyright
{
    float:left;
    width:390px;
    margin:0 25px;
    padding-top:32px;
}
#footer .footermenu
{
    float:right;
    text-align:right;
    width:390px;
    margin:0 25px;
    padding-top:32px;
}
#footer .footermenu ul
{
    padding:0;
    margin:0;
}
#footer .footermenu ul li
{
    display:inline;
    list-style-type:none;
    padding-left:7px;
    margin-left:7px;
    border-left:solid 1px #000;
}
#footer .footermenu ul li.first
{
    padding-left:0;
    margin-left:0;
    border-left:0;
}

.hnav
{
	text-align:center;
	font-size:80%;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:1px;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top:8px;
	padding-bottom:6px;
}
.hnav ul, .hnav ul li
{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
.hnav ul li a
{
	margin:0 -1px 0 0;
	padding-left:20px;
	padding-right:20px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	white-space:nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited
{
	text-decoration:none;
	color:#fff;
}
.hnav ul li a:active, .hnav ul li a:hover, .hnav ul li a:focus
{
    background:#002FAF;
}
.hnav ul li span.divider
{
	display:none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width:1%; /* IE/Mac needs this */
	display:inline-block;	/* IE/Mac needs this */
	/* \*/
		width:auto;
		display:inline;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height:0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding:0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/* Selected states - uses a body class and a list class to find the item */
.b1airport .hnav ul li.h1airport a:link, .b1airport .hnav ul li.h1airport a:visited,
.b1contact .hnav ul li.h1contact a:link, .b1contact .hnav ul li.h1contact a:visited,
.b1feedback .hnav ul li.h1feedback a:link, .b1feedback .hnav ul li.h1feedback a:visited,
.b1help .hnav ul li.h1help a:link, .b1help .hnav ul li.h1help a:visited,
.b1taxi .hnav ul li.h1taxi a:link, .b1taxi .hnav ul li.h1taxi a:visited
{
    background:#002FAF;
    cursor:auto;
}

.hnav2
{
	text-align:center;
	font-size:70%;
	text-transform:uppercase;
	font-weight:bold;
	background:#002FAF;
	margin:0 30px;
}
.hnav2, .hnav2 ul li a
{
	/* need to middor veritcal padding on .hnav2 and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav2 to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav2 _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top:5px;
	padding-bottom:4px;
}
.hnav2 ul, .hnav2 ul li
{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
.hnav2 ul li a
{
	margin:0 -1px 0 0;
	padding-left:20px;
	padding-right:20px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	white-space:nowrap;
}
.hnav2 ul li a:link, .hnav2 ul li a:visited
{
	text-decoration:none;
	color:#fff;
}
.hnav2 ul li a:active, .hnav2 ul li a:hover, .hnav2 ul li a:focus
{
    background:#FF8601;
}
.hnav2 ul li span.divider
{
	display:none;
}
* html .hnav2 ul li, * html .hnav2 ul li a
{
	width:1%; /* IE/Mac needs this */
	display:inline-block;	/* IE/Mac needs this */
	/* \*/
		width:auto;
		display:inline;
	/* reset above hack */
}
* html .hnav2, * html .hnav2 ul a
{
	/* \*/ height:0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .hnav2
{
	padding:0;	/* IE5/Win will resize #hnav2 to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
/* Selected states - uses a body class and a list class to find the item */
.b2join .hnav2 ul li.h2join a:link, .b2join .hnav2 ul li.h2join a:visited,
.b2mydetails .hnav2 ul li.h2mydetails a:link, .b2mydetails .hnav2 ul li.h2mydetails a:visited,
.b2link .hnav2 ul li.h2link a:link, .b2link .hnav2 ul li.h2link a:visited,
.b2whyjoin .hnav2 ul li.h2whyjoin a:link, .b2whyjoin .hnav2 ul li.h2whyjoin a:visited,
.b2login .hnav2 ul li.h2login a:link, .b2login .hnav2 ul li.h2login a:visited,
.b2myprices .hnav2 ul li.h2myprices a:link, .b2myprices .hnav2 ul li.h2myprices a:visited,
.b2mydetails .hnav2 ul li.h2mydetails a:link, .b2mydetails .hnav2 ul li.h2mydetails a:visited,
.b2link .hnav2 ul li.h2link a:link, .b2link .hnav2 ul li.h2link a:visited,
.b2pricing .hnav2 ul li.h2pricing a:link, .b2pricing .hnav2 ul li.h2pricing a:visited,
.b2help .hnav2 ul li.h2help a:link, .b2help .hnav2 ul li.h2help a:visited
{
    background:#FF8601;
    cursor:auto;
}

#toairport
{
    padding:20px 0;
}
#toairport h3
{
    background:url(../Images/home-airport-heading.jpg) no-repeat left top;
    color:#3E3E3E;
    padding:13px 0 0 145px;
    margin:0 0 10px 0;
    height:48px;
}
#fromairport
{
    padding:20px 0;
    border-top:solid 1px #E6E6E6;
}
#fromairport h3
{
    background:url(../Images/airport-home-heading.jpg) no-repeat left top;
    color:#3E3E3E;
    padding:13px 0 0 145px;
    margin:0 0 10px 0;
    height:48px;
}
.tip
{
    color:#7182C4;
    text-transform:uppercase;
    font-size:80%;
    padding-top:15px;
}
.leftbox
{
    float:left;
    padding-top:1px;
    padding-right:10px;
}
.to
{
    font-size:80%;
    text-transform:uppercase;
    padding-top:5px;
}
a.goButton {
    background:transparent url('../Images/goButton_right.gif') no-repeat scroll top right;
    color:#000;
    display:block;
    float:left;
    height:50px;
    margin-right:6px;
    padding-right:18px; /* sliding doors padding */
    text-decoration:none;
    text-transform:uppercase;
    font-size:75%;
    font-weight:bold;
}
a.goButton span {
    background:transparent url('../Images/goButton_left.gif') no-repeat left top;
    display:block;
    line-height:14px;
    padding:5px 0 31px 18px;
}
a.goButton:active {
    background-position:bottom right;
    color:#000;
    outline:none; /* hide dotted outline in Firefox */
}
.page
{
    padding-top:20px;
}
.page h3
{
    background:url(../Images/heading-bg.jpg) no-repeat left top;
    color:#3E3E3E;
    padding:13px 0 0 15px;
    margin:0 0 10px 0;
    height:48px;
}
.page h3 span
{
    font-size:85%;
}
.towns
{
    background:url(../Images/icons/uk_24x24.png) no-repeat left -2px;
    padding:0 0 5px 26px;
}
.tariffs
{
    margin-top:15px;
}
.tariffs h4
{
    background:url(../Images/icons/taxi_24x24.png) no-repeat left -2px;
    padding:0 0 5px 26px;
    color:#4F4F4F;
}
.newtariff
{
    margin:5px 0 10px 10px;
}
.newtariff a
{
    background:url(../Images/icons/add_16x16.png) no-repeat left 1px;
    padding:0 0 5px 20px;
}
.edittariff
{
    background:url(../Images/icons/wrench_16x16.png) no-repeat left 1px;
    padding:0 0 5px 20px;
    margin:0 0 3px 10px;
}
.edittariff_selected
{
    background:url(../Images/icons/wrench_selected_16x16.png) no-repeat left 1px;
    padding:0 0 5px 20px;
    margin:0 0 3px 10px;
    font-weight:bold;
}
span.edittariffdesc
{
    font-size:85%;
    font-style:italic;
}
table.quoteResults
{
    width:100%;
}
table.quoteResults tr.qrHeading td
{
    font-weight:bold;
    font-size:80%;
    text-transform:uppercase;
    padding:6px 5px 4px 5px;
}
table.quoteResults td
{
    padding:5px;
    border-bottom:solid 1px #FFC47F;
}
table.quoteResults td.firstCell
{
    padding-left:10px;
}
table.quoteResults tr.qrHeading td.qrHead
{
    background:#FFA100 url(../Images/quote-header-bg.gif) repeat-x left top;
}
table.quoteResults tr.qrHeading td.qrHeadLeft
{
    background:#FFA100 url(../Images/quote-header-bg-left.gif) no-repeat left top;
    padding-left:10px;
}
table.quoteResults tr.qrHeading td.qrHeadRight
{
    background:#FFA100 url(../Images/quote-header-bg-right.gif) no-repeat right top;
}
table.quoteResults tr td.qrPhone
{
    font-weight:bold;
    width:120px;
    color:#4C4F3B;
}
table.quoteResults tr td.qrAddress
{
    font-size:80%;
    font-style:italic;
}
table.quoteResults tr td.qrPrice
{
    font-size:140%;
    font-weight:bold;
    color:#4C4F3B;
}
table.quoteResults tr td.qrEstimate
{
    font-size:150%;
    font-weight:bold;
    color:#7F7F7F;
}
table.quoteResults tr.qrAlt td
{
    background:#FED79A url(../Images/qrAlt-bg.jpg) repeat-x left top;
}
.qrEstimateLabel
{
    padding-top:5px;
    text-align:right;
    font-style:italic;
    font-size:90%;
}
.yourquotes
{
    color:#5F5F5F;
}
.yourquotes label
{
    color:#000;
}
.yourquotes span
{
    font-size:90%;
    color:#7182C4;
}
.smallddl
{
    font-size:75%;
    color:#7182C4;
}
