@charset "utf-8";

/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:#FFFFFF url(../images/bg.jpg) top repeat-x; }

*{ margin:0; padding:0; list-style-type:none; }

img, fieldset { border:0; float:left; outline:none; }

a { outline:none; border:none; }
a{ color:#000; text-decoration:underline; }
a:hover{ color:#000; text-decoration:underline; }

.FloatLeft { float:left; }

.FloatRight { float:right; }

.display { display: none; }

input { outline:none; }

.clearboth { clear:both; }

.PosRel { position:relative; float:left; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; font-style:normal }

/***** WRAPPER CLASSES *****/
#outerWrapper { width:945px; margin:0 auto; height:auto; }
#outerWrapper div.left { float: left; width: 320px; }
#outerWrapper div.right { float: left; width: 625px; }


/***** MISCELLANEOUS *****/

.padding22 { padding-top: 22px !important; }
.rightContPadding { padding: 10px 0; }
.margin20 { margin-right: 10px !important; display: inline; }
.padding13 { padding-bottom: 13px !important; }
.padding15 { padding-top: 15px; }
.nopadding { padding:0px !important; }


/***** FOR HEADER *****/
#header { float: left; width: 945px; height: 386px; background: url(../images/header-bg.jpg) right top no-repeat; }

		.left .Logo { float: left; width: 226px; height: 84px; background:url(../images/logo-chilternRailways.jpg) right bottom no-repeat; }
			.Logo h1 { float: left; text-indent:-5000px; }
		.left .imgRoute { float: left; width: 198px; height: 253px; background: url(../images/img-routes.jpg) left top no-repeat; margin: 25px 0 0 10px; display: inline; }
		.right div.sponsors { position: absolute; right:0px; top: 0px; width: auto; height: auto; }
		.right .btnCont { float: left; margin: 10px 10px 0 0; display: inline; }
		.right .spyglass { float: left; width: 233px; height: 239px; background: url(../images/spyglass.jpg) left top no-repeat; margin: 51px 0 0 63px; display: inline; }
		.right .youfound { float: left; width: 184px; height: 193px; background: url(../images/youFoundIt.jpg) left top no-repeat; margin: 55px 0 0 30px; display: inline; }
		.right .offer { float: right; width: 189px; height: 44px; background: url(../images/logo-offer.jpg) left top no-repeat; margin: 20px 25px 0 0; display: inline; text-indent:-5000px; }


/***** FOR INNER CONTENT *****/
div.contentWrapper { float: left; width: 945px; height: auto; }

/***** LEFT SIDE CONTENT *****/
	.contentWrapper h3 { float: left; width: auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; font-weight: bold; color: #39a9dc; }
	.contentWrapper p { float: left; width: 300px; font-size: 14px; color: #333333; padding: 0 0 20px 0; }
	.contentWrapper .txtHighlight { font-weight: bold; color: #39a9dc; }



/***** RIGHT SIDE CONTENT *****/
	.contentWrapper .greybox {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	background:url(../images/greybod-rpt.jpg) left top repeat-x;
	margin: 10px 0 10px 0;
	display: inline block;
	background-image: url(../images/greybod-rpt.jpg);
}
		.greybox .thumbRest { position: absolute; right: 10px; top: -12px; width: auto; height: auto; }
		.greybox .thumbsTheatre {
	position: absolute;
	right: 14px;
	top: 10px;
	width: auto;
	height: auto;
}
		.greybox .lftcorner { float: left; width: auto; height: auto; background:url(../images/greybox-lft.jpg) left top no-repeat; padding: 0 0 0 10px; }
		.greybox .rgtcorner { float: left; width: 287px; height: 109px; background:url(../images/greybox-rgt.jpg) right top no-repeat; padding: 16px 10px 16px 0; }
		.greybox p { float: left; width: 287px; line-height: 15px; font-size: 12px; color: #333333; padding-bottom: 0px; }
		.greybox p.hdg { float: left; width: 268px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #11519a; padding-bottom: 10px; }
		.greybox .btnContainer { float: left; margin: 20px 0 0 0; display: inline; }
		.greybox .btnContainer2 { float: left; margin: 11px 0 0 0; display: inline; }
		.greybox .zones { float: left; width: 125px; height: auto; background:url(../images/img-36.20.jpg) left 7px no-repeat; font-size: 11px; color: #666666; padding: 7px 0 0 143px; margin: 0 0 0 0; display: inline; }
	
	.contentWrapper .bottSec1 { float: left; width: 338px; height: auto;  padding: 15px 0 50px 80px; }
	.bottSec_new { float: left; height: 195px; padding: 0 0 15px 0; }
	.contentWrapper .bottSec2 { float: left; width: 338px; height: auto; padding: 15px 0 50px 60px; border: }
		.contentWrapper	p.bott { float: left; width: 338px; font-size: 12px; color: #333333; padding: 0 0 13px 0; }
		.contentWrapper .btnCont { float: left; margin: 13px 0 0 0; }
		.contentWrapper .btnCont2 { float: left; margin: 30px 0 0 0; }

/***** FOOTER AREA CONTENT *****/
#footer { float: left; width: 945px; height: auto; background: url(../images/footer-bg.jpg) left top no-repeat; padding: 20px 0 27px 0; }
	#footer .lftArea { float: left; width: 350px; }
	#footer .rgtArea { float: right; width: 200px; }
	#footer ul.left { float: left; width: auto; height: auto; }
		#footer ul li.left { float: left; width: auto; height: auto; padding: 0 10px 0 0; font-size: 12px; color: #999999; }
		#footer ul.left a { color: #999999; text-decoration:none; }
		#footer ul.left a:hover { text-decoration:underline; }

	#footer ul.right { float: right; width: 190px; height: auto; }
		#footer ul li.right { float: left; width: 165px; height: 18px; line-height: 18px; background: url(../images/icon-redCheck.jpg) left top no-repeat; padding: 0 0 0 25px; font-size: 13px; color: #999999; }
		#footer ul.left a { color: #999999; text-decoration:none; }
		#footer ul.left a:hover { text-decoration:underline; }
		
		#footer p.lftText { float:left; width: 350px; height: auto; font-size: 14px; color: #666666; padding: 10px 0 0 0; }
		#footer p.rgtText { float:left; width: auto; height: auto; font-size: 11px; color: #999999; padding: 5px 0 0 10px; }
		.contentWrapper p.bott a{ text-decoration:none;color:#333333; }
		.greybox p.hdg a{ text-decoration:none;color: #11519A; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif }