* {
	border: 0;
	margin: 0;
	padding: 0;
}

html {
	background: #dbe7f3;
	color: #08335e;
	font: 73%/1.5 Arial,Helvetica,sans-serif;
	text-align: center;
}

#outerSkin {
	background: #fff;
	margin: auto;
	overflow: hidden;
	text-align: left;
	width: 83em;
}

#innerSkin {
	padding: 10px 20px;
}

a {
	color: #08335e;
}

a:hover {
	text-decoration: none;
}

h1 {
	background: transparent url(https://a248.e.akamai.net/f/248/12085/15m/content.announcements.uk.com/TTLWEB/TTL/T3/R2_9/images/header.gif) repeat-x scroll left bottom;
	font-size: 1.666em;
	margin: 0 0 1em;
	padding: 0 0 2px;
}

h1 img {
	padding: 0 0 .5em;
}

h2 {
	clear: both;
	font-size: 2em;
	font-weight: bold;
}

h2 strong {	
	color: #F8E600;
	display: block;
	font-size: 2.25em;
	text-align: left;
}

h3,
caption {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2;
	margin: .8em 0;
}

p {
	margin: 0 0 1em;
}

img {
	display: block;
}

li {
	margin: 0 0 0 1.25em;
}

.relativeParent {
	overflow:hidden;
	position: relative;
}

.fakeBackgroundImage {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.fakeBackgroundContent {
	color: #fff;
	font-size: 9px;
	padding: 5px 20px;
	position: relative;
	z-index: 1;
}

.button {
	background: url('http://www.thetrainline.com/buytickets/Portals/TheTrainline/images/button_major_left.gif') no-repeat;
	float: left;
	line-height: 1;
	margin: 1em 100% 1em 0;
	text-decoration: none;
}

.leftButton {
	float: right;
	margin: 1em 1em 1em 100%;
}

.buttonBox {
	overflow: hidden;
}

.button span {
	background: url('http://www.thetrainline.com/buytickets/Portals/TheTrainline/images/button_major_right.gif') no-repeat 100% 0;
	color: #08335e;
	cursor: pointer;
	float: left;
	font-weight: bold;
	margin: 0 -8px 0 0;
	padding: 8px;
	white-space: nowrap;
}

.line .unit .contents {
	padding: 1em;
}

.line .unit .contents  .button {
	margin-bottom: 0;
}

.highlight {
	background: #4c6c8b;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	-webkit-border-radius: 9px;
	color: #fff;
	padding: 1em 1em 0;
}

.iphone_container h2 {
	font-size: 2.5em;
	margin: 0 0 1em;
}

.iphone_container h2 a {
	text-decoration: none;
}

.iphone_container h2 a:hover {
	text-decoration: underline;
}

.iphone_container p {
	font-size: 1.25em;
}

.details {
	background: #eef3f9;
	border: 1px solid #ddebf8;
	border-width: 1px 0;
	margin: 1em 0;
}

.details h2 {
	margin: .5em 0 0;
	padding-left: .5em;
}

.details p {
	margin-top: 1em;
}

.details li {
	margin-bottom: .5em;
}

.smallPrint {
	opacity: .8;
	filter: alpha(opacity=80);
}

.rtl {
	margin: 0 -1em;
}

/* button */

.big_button {
	background: url(middle_button.png) no-repeat top left;
	display: block;
	font-size: 2em;
	margin: 1em .5em 0 0;
	overflow: hidden;
	padding: 0 0 0 1em;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #e3f3aa, -1px -1px 1px #a6be4a;
}

.big_button span {
	background: url(middle_button.png) no-repeat top right;
	display: block;
	font-weight: bold;
	height: 50px;
	line-height: 45px;
	padding: 0 1em 0 0;
	white-space: nowrap;
}

.big_button:hover {
	text-shadow: 0 0 .5em #e6f5b9, 0 0 1em #e6f5b9, 0 0 1.5em #e6f5b9, 1px 1px 1px #f0febe, -1px -1px 1px #8da728;
}

.big_button:active {
	text-shadow: 2px 2px 2px #8da728, -2px -2px 2px #f0febe;
}

/* share icons */

p.shareLinks {
	border: 1px dotted #eef3f9;
	border-width: 1px 0;
	font-size: 1em;
	height: 44px;
	line-height: 44px;
	margin: 2.1em 0 0;
	*margin: 2.1em 0 0;
	overflow: hidden;
	text-align: center;
}

.shareLinks span, 
.shareLinks a {
	font-size: .9em;
}

.shareLinks a {
	background: transparent none no-repeat 0 50%;
	padding: 1px 2px 1px 20px;
}

.shareLinks .facebook {
	background-image: url(facebook.png);
}

.shareLinks .myspace {
	background-image: url(myspace.png);
}

.shareLinks .twitter {
	background-image: url(twitter.png);
}

.shareLinks .digg {
	background-image: url(digg.png);
}

/* screenshots */

.iphone_emulator {
	background: url(cm-scale_iphone.png) no-repeat;
	height: 240px;
	margin: 0 auto;
	padding: 66px 15px 58px 16px;
	position: relative;
	width: 160px;
}

.iphone_time {
	background: url(iphone_time.png) no-repeat;
	color: #666;
	display: block;
	font-size: .6em;
	height: 10px;
	left: 16px;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 1px #888;
	top: 66px;
	width: 160px;
}

.screenshots {
	background: #fff;
	height: 240px;
	overflow: hidden;
	position: relative;
	width: 160px;
}

.screenshots ul {
	position: relative;
}

.screenshots li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

.screenshots img {
	display: block;
	height: 240px;
	width: 160px;
}

.scripted .screenshots img {
	cursor: pointer;
}


/* stubornella's OOCSS grids CSS */

.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.line{clear:both;*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;*width:auto;_position:relative; _left:-3px; _margin-right: -3px;}

/* extensions */

.rtl .unit {
	float: right;
}

.rtl .lastUnit {
	*width: 49%;
	_width: 48%;
}