@charset "utf-8";
/* CSS Document for Andover Transport */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 75% Verdana, Arial, Helvetica, sans-serif; color: #000; margin-top: 10px; background: #545454 url(../images/body-bkg.jpg) repeat-x top;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
p.clear {clear: both;}
.nomarg {margin-bottom: 0;}
a img {border: none;}
h1, h2 {font: bold 180% Arial, Helvetica, sans-serif; color: #0D0EA0; margin-bottom: 10px;}
h1 span, h2 span {font: 90% Arial, Helvetica, sans-serif;}
p.sentence {color: #CCC; text-align: center; font: 10px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px;}
h3, h2.smaller {font: bold 140% Arial, Helvetica, sans-serif; color: #0D0EA0; margin-bottom: 10px;}
ul.sentence {text-align: center; padding-bottom: 15px; width: 994px; margin: auto auto;}
ul.sentence li {color: #CCC; text-align: center; font: 10px Verdana, Arial, Helvetica, sans-serif; list-style-type: none; display: inline; margin-right: 10px;}

#wrapper {width: 994px; margin: auto auto; background: #FFF;}

#header {background: url(../images/header-bkg.jpg) repeat-x bottom; height: 119px; border-bottom: 1px solid #666; position: relative;}
#header .logo {height: 119px; width: 454px; float: left;}
#header .logo img {position: relative; top: 14px; left: 14px;}
#header .contacts {float: left; width: 525px; font: bold 12px Arial, Helvetica, sans-serif; color: #000; margin-left: 15px;}
#header .contacts p {margin-top: 48px; margin-bottom: 0; float: left;}
#header .contacts span {font: bold 22px Arial, Helvetica, sans-serif; margin-right: 20px;}
#header .contacts a:link, #header .contacts a:visited {color: #000;}
#header .contacts a:hover {text-decoration: none;}
#header .contacts img {position: relative; top: 6px;}
#header .contacts img.rha {position: relative; top: 15px; left: 48px;}
#header ul.nav {width: 625px; position: absolute; top: 91px; margin-left: 360px; clear: left;}
#header ul.nav li {list-style-type: none; display: inline;}
#header ul.nav li a:link, #header ul.nav li a:visited {background: url(../images/nav-bkg.jpg); font: bold 100% Arial, Helvetica, sans-serif; line-height: 29px; float: left; width: 129px; color: #000; text-decoration: none; text-align: center;}
#header ul.nav li a:hover {background: url(../images/nav-bkg-o.jpg);}
#header ul.nav li.active {background: url(../images/nav-bkg-o.jpg); font: bold 100% Arial, Helvetica, sans-serif; line-height: 29px; float: left; width: 129px; color: #000; text-decoration: none; text-align: center;}
#header ul.nav li a#home:link, #header ul.nav li a#home:visited{background: url(../images/nav-home-bkg.jpg);}
#header ul.nav li.activeHome {background: url(../images/nav-home-bkg-o.jpg); font: bold 100% Arial, Helvetica, sans-serif; line-height: 29px; float: left; width: 129px; color: #000; text-decoration: none; text-align: center;}
#header ul.nav li a#home:hover {background: url(../images/nav-home-bkg-o.jpg);}
#header ul.nav li a#contact:link, #header ul.nav li a#contact:visited {background: url(../images/nav-contact-bkg.jpg); width: 107px; text-align: left; padding-left: 28px;}
#header ul.nav li a#contact:hover {background: url(../images/nav-contact-bkg-o.jpg);}
#header ul.nav li.activeContact {background: url(../images/nav-contact-bkg-o.jpg); font: bold 100% Arial, Helvetica, sans-serif; line-height: 29px; float: left; width: 129px; color: #000; text-decoration: none; text-align: center;}
#header ul.nav li a#uk:link, #header ul.nav li a#uk:visited {background: url(../images/nav-uk-bkg.jpg); width: 219px; text-align: center;}
#header ul.nav li a#uk:hover {background: url(../images/nav-uk-bkg-o.jpg);}
#header ul.nav li.activeUK {background: url(../images/nav-uk-bkg-o.jpg); font: bold 100% Arial, Helvetica, sans-serif; line-height: 29px; float: left; width: 219px; color: #000; text-decoration: none; text-align: center;}

#content {padding: 20px; line-height: 16px;}
#content a:link, #content a:visited {color: #000;}
#content a:hover {text-decoration: none;}
#content .top {height: 213px; padding: 25px; margin-bottom: 15px;}
#content .top#homeTop {background: url(../images/homeTop-bkg.jpg);}
#content .top#contactTop {background: url(../images/contactTop-bkg.jpg);}
#content .top#ukeuropeTop {background: url(../images/ukeuropeTop-bkg.jpg);}
#content .top#historyTop {background: url(../images/historyTop-bkg-a.jpg);}
#content .top ul li {list-style-type: none; background: url(../images/top-list-bkg.gif) no-repeat left; line-height: 21px; color: #333; padding-left: 15px; font-size: 110%;}
#content .top p.hdg {color: #FFF; background: #0D0EA0; width: 100px; padding: 3px; float: left; margin-bottom: 1px; font-size: 110%;}
#content .top p.detail {padding: 3px; margin-left: 110px; margin-bottom: 1px; font-size: 110%;}
#content .firstCol {float: left; width: 520px; padding: 0 25px;}
#content .secondCol {float: left; width: 304px; padding: 0 25px; background: url(../images/divider.jpg) no-repeat left;}
#content .fullCol {padding: 0 25px;}
#content .HistoryCol {padding: 20px 60px; background: url(../images/historyTop-bkg-a.jpg) no-repeat top;}
#content img.right {float: right; margin-left: 15px; margin-bottom: 15px;}
#content img.left {float: left; margin-right: 15px; margin-bottom: 15px;}
#content a.moreButton:link, #content a.moreButton:visited {background: url(../images/moreButton-bkg.jpg) no-repeat; color: #FFF; text-decoration: none; width: 109px; padding: 4px 0 5px 0; display: block; text-align: center;}
#content a.moreButton:hover {background: url(../images/moreButton-bkg-o.jpg) no-repeat;}
#content .historyHolder {float: left; width: 262px; margin-right: 30px;}
#content .historyImg {border: 1px solid #CCC; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: right; padding: 5px 5px 10px 5px; margin-bottom: 15px; background: #F4F4F4;}
#content .historyImg img {margin-bottom: 6px;}
#content .historyImg p {margin-bottom: 0;}
#content p.smallgrey {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}

form {background: #F4F4F4; padding: 15px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
form p {margin-bottom: 5px;}
form p label {width: 150px; position: absolute;}
form p label.nowidth {width: 100%; position: relative;}
form input, form select, form textarea {border: 1px solid #CCC; padding: 2px; font: 11px Verdana, Arial, Helvetica, sans-serif; width: 200px; margin-left: 150px; position: relative;}
form .submit {background: url(../images/moreButton-bkg.jpg) no-repeat; color: #FFF; border: none; width: 109px; padding: 5px; margin-top: 40px;}
form input.checkbox {width: 15px; border: none; position: relative; top: 1px; margin-left: 0;}
form span, p.required span {color: red; margin-left: 2px;}
p.required {margin-top: 15px; text-align: right; margin-bottom: 15px;}
form p.optin label {float: none; width: 850px;}
p.smltext {font: 10px Verdana, Arial, Helvetica, sans-serif;}

#footer {width: 994px; margin: auto auto; padding-top: 10px;}
#footer p {color: #CCC; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 10px;}
#footer p a:link, #footer p a:visited {color: #CCC;}
#footer p a:hover {text-decoration: none;}