body {margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif;}

@font-face {
	font-family: 'DejaWebRegular';
	src: url('/library/fonts/dejaweb-webfont.eot');
	src: local('☺'), url('/library/fonts/dejaweb-webfont.woff') format('woff'), url('/library/fonts/dejaweb-webfont.ttf') format('truetype'), url('/library/fonts/dejaweb-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* this style is used to fix the & in DejaWeb */
.fixCharacter { font-family: Arial,Helvetica,Verdana,sans-serif; }

img {border: none;}
h1 {padding:0px; margin: 0px;}
h2 {margin: 0px; padding: 20px 0px 10px 0px; font-weight: normal; color: #004fb6; font-family: DejaWebRegular, arial, verdana, helvetica, sans-serif;}
h3 {margin: 0px; padding: 0px 0px 20px 0px; font-weight: bold; font-size: 0.8em;}
h3.newsh3 {padding: 0px 0px 5px 0px;}
h2.newh2 {margin: 0px; padding: 0px 0px 10px 0px; font-weight: normal; color: #ffffff; font-family: DejaWebRegular, arial, verdana, helvetica, sans-serif;}


#signPetitionForm: {padding: 0px; margin: 0px;}

fieldset {margin: 0px; padding: 0px; border: none; width: 100%;}
.input {float: left; width: 180px;}
.formLabel{float: left; width: 160px; color: #ffd902; font-size: 0.85em;}
.button80, fieldset .button80  { width: 5em; }
#id_Step1_signPetition-s2sFirstName{width: 175px; border: 1px solid #fff;}
#id_Step1_signPetition-s2sLastName{width: 175px; border: 1px solid #fff;}
#id_Step1_signPetition-s2sHouseNumber{width: 175px; border: 1px solid #fff;}
#id_Step1_signPetition-s2sStreetName{width: 175px; border: 1px solid #fff;}
#id_Step1_signPetition-s2sCity{width: 175px; border: 1px solid #fff;}
#id_Step1_signPetition-s2sPostcode{width: 175px; border: 1px solid #fff;}
#id_Step1_signPetition-s2sEmail{width: 175px; border: 1px solid #fff;}
#id_Step1_signPetition-s2sTick{padding: 0px; margin: 0px;}

.fieldContainer{float: left; width: 100%; margin-bottom: 10px; display: inline;}

ul.errorlist {list-style: none;}
li.errorlist {list-style: none;}

.formSeperator{height: 10px; float: left; width: 100%;}

.fBut{
	cursor: pointer;
	margin: -3px 0 0;
	position: relative;
	text-align: left;
}

.fBut img{
	height: 2.6em;
	z-index: 45;
}

.fBut input{
	background: none;
	border: 0;
	color: #004fb6;
	cursor: pointer;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	left: 0;
	margin: 0;
	padding: 0px;
	position: absolute;
	text-align: left;
	top: 0;
	z-index: 50;
	width: 129px;
	height: 44px;	
}


#leftContainer h2.homeh2{font-size: 4em; font-weight: normal; line-height: 1.75em; padding-left: 100px;}

p {margin: 0px; padding: 0px 0px 16px 0px; font-size: 0.8em; line-height: 1.4em;}
a {color: #004fb6;}
a:hover {text-decoration: none;}
ul {font-size: 0.8em; margin: 0px; padding: 0px;}
.b1 {background: url(/library/images/s2s/homepage-header.jpg) center 130px no-repeat #ffd902;}
.b2 {background: url(/library/images/s2s/about-s2s-header.jpg) center 130px no-repeat #ffd902;}
.b3 {background: url(/library/images/s2s/news-header.jpg) center 130px no-repeat #ffd902;}
.b4 {background: url(/library/images/s2s/petition-header.jpg) center 130px no-repeat #ffd902;}
.b5 {background: url(/library/images/s2s/what-header.jpg) center 130px no-repeat #ffd902;}

.container{width: 960px; margin: 0px auto;}
.container2{width: 988px; margin: 0px auto;}

#containerFullWidth{float: left; width: 945px; padding: 0px 0px 0px 15px;}
#containerFullWidth h2 {font-size: 1.9em; padding: 0px 0px 20px 0px;}

#whatDoImgDiv{float: left; width: 988px; display: inline; top: -20px; position: relative;}
#signPetImgDiv{float: left; width: 465px; display: inline; top: -20px; position: relative;}

#leftContainer{float: left; width: 500px; padding: 0px 20px 0px 15px;}
#leftContainer h2 {font-size: 1.9em; padding: 0px 0px 20px 0px;}

ul.lcList {padding-left: 30px;}
.lcList li{padding-bottom: 10px;}

#breadcrumb{float: left; width: 498px; margin-bottom: 20px; display: inline; font-size: 0.9em; font-weight: bold;}
#breadcrumb ul {list-style: none; padding: 0px; margin: 0px;}
#breadcrumb li {float: left; padding: 0px 3px;}
#breadcrumb li a{color: #000;}
.homeLeft{margin-top: 160px;}
.mainLeft{margin-top: 270px;}
#rightContainer{float: left; width: 425px; display: inline;}
.homeRight{margin-top: 72px;}
.mainRight{margin-top: 270px;}
.formRightFix{margin-bottom: -20px;}
#header{float: left; width: 940px; height: 100px; padding: 0px 10px;}
#logo{float: left; width: 596px;}
#railwayChildrenLogo{float: left; width: 344px; text-align: right;}

#navbar{float: left; width: 100%; height: 30px; background: #121212; margin: 0px auto;}
#nav{letter-spacing:0.01em; word-spacing:0.1em;float: left; width: 960px; font-family: DejaWebRegular, arial, verdana, helvetica, sans-serif; font-size: 18px;}
#nav ul{list-style: none;}
#nav li{float: left; padding: 6px 18px 0px 12px; color: #ffd902;}
#nav li a{color: #ffd902; text-decoration: none;}
#nav li a:hover{color: #fff;}
#nav li.navon{color: #fff;}

#signPetitionBG{float: left; width: 425px; display: inline; background: url(/library/images/s2s/petition-pod-top.gif) no-repeat; top: 0px; left: 5px; position: relative;}
#signPetition{float: left; width: 360px; padding: 15px 30px 5px 35px; top: 0px; left: 5px; position: relative;}
#signPetitionBottom{float: left; width: 425px; height: 45px; background: url(/library/images/s2s/petition-pod-bottom.gif) no-repeat; top: 0px; left: 5px; position: relative;}

.signUp {float: left; width: 112px; height: 44px; overflow: hidden; position: relative; top: -50px; left: 10px; display: inline; margin: 0px 0px 0px 30px;}
.signUp a img {background: url(/library/images/s2s/sign-up-button.gif) no-repeat; float: left; width: 112px; height: 44px;}
.signUp a:hover img {background: url(/library/images/s2s/sign-up-button.gif) no-repeat 0px -44px; float: left; width: 112px; height: 44px;}

.signNow {background: url(/library/images/s2s/sign-now-button.gif) no-repeat; float: left; width: 129px; height: 44px; overflow: hidden; position: relative; top: -23px; left: 10px; display: inline; margin: 0px 0px 0px 30px;}
.signNow a img {background: url(/library/images/s2s/sign-now-button.gif) no-repeat; float: left; width: 129px; height: 44px;}
.signNow a:hover img {background: url(/library/images/s2s/sign-now-button.gif) no-repeat 0px -44px; float: left; width: 129px; height: 44px;}


.pen {float: left; position: relative; width: 174px; height: 156px; top: -190px; right: -170px; display: inline; margin-bottom: -156px;}

#rcBG{float: left; width: 425px; margin-top: 10px; display: inline; background: url(/library/images/s2s/rc-pod-top.gif) no-repeat center top; top: 0px; left: 5px; position: relative;}
#rc{float: left; width: 345px; padding: 0px 40px 10px 40px; display: inline; color: #fff;}
#rc ul{padding: 0px 40px 0px 30px; list-style-image:url(/library/images/s2s/rc-pod-list-item.gif)}
#rc li{padding: 0px 0px 15px 0px}
#rcBottom{float: left; width: 425px; height: 25px; background: url(/library/images/s2s/rc-pod-bottom.gif) no-repeat bottom; top: 0px; left: 5px; position: relative;}

.moreS2S {float: left; width: 284px; height: 44px; overflow: hidden; display: inline; margin-top: 10px;}
.moreS2S a img {background: url(/library/images/s2s/more-about-s2s-button.gif) no-repeat; float: left; width: 284px; height: 44px;}
.moreS2S a:hover img {background: url(/library/images/s2s/more-about-s2s-button.gif) no-repeat 0px -44px; float: left; width: 284px; height: 44px;}

.moreRC {float: left; width: 300px; height: 44px; overflow: hidden; position: relative; top: -23px; left: 10px; display: inline; margin: 0px 0px 0px 30px;}
.moreRC a img {background: url(/library/images/s2s/more-about-rc-button.gif) no-repeat; float: left; width: 300px; height: 44px; overflow: hidden; position: relative; display: block;}
.moreRC a:hover img {background: url(/library/images/s2s/more-about-rc-button.gif) no-repeat 0px -44px; float: left; width: 300px; height: 44px; overflow: hidden; position: relative; display: block;}

.moreNews {float: left; width: 300px; height: 44px; overflow: hidden; position: relative; top: -23px; left: 10px; display: inline; margin: 0px 0px 0px 30px;}
.moreNews a img {background: url(/library/images/s2s/more-news-button.gif) no-repeat; float: left; width: 149px; height: 44px; overflow: hidden; position: relative; display: block;}
.moreNews a:hover img {background: url(/library/images/s2s/more-news-button.gif) no-repeat 0px -44px; float: left; width: 149px; height: 44px; overflow: hidden; position: relative; display: block;}

.railwayChildrenIMG{z-index: 2000; float: left; position: relative; width: 130px; height: 100px; top: 45px; right: -301px; display: inline;}

.white{color: #fff;}
p.newsTitle{color:#ffd902; font-size: 1em; margin:0px; padding: 0px;}
p.newsTitle a{color:#ffd902; text-decoration: none;}
p.newsTitle a:hover{text-decoration: underline;}
p.newsDate{font-size: 0.8em; padding: 0px; margin: 0px 0px 10px 0px;}
.clear{clear: both;}

#newsPodBG{float: left; width: 425px; margin-top: 0px; display: inline; background: url(/library/images/s2s/side-pod-top.gif) no-repeat center top; top: 0px; left: 5px; position: relative;}
#newsPod{float: left; width: 345px; padding: 0px 40px 5px 40px; display: inline; color: #fff;}
#newsPodBottom{float: left; width: 425px; height: 25px; background: url(/library/images/s2s/side-pod-bottom.gif) no-repeat bottom; top: 0px; left: 5px; position: relative;}


.moreNews.newsPagePod{top: -24px;}

p.caveat{font-size: 0.55em;}

#footerLeft{float: left; width: 490px; font-size: 0.7em; padding: 15px;}
#footerLeft a{color: #000; text-decoration: none;}
#footerLeft a:hover{text-decoration: underline;}
#footerRight{float: left; width: 410px; text-align: right; font-size: 0.7em; padding: 15px;}