@charset "utf-8";
/* CSS Document */

/* RESET
_______________________________________________________________________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}	

body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {
	list-style: none;
	}
	
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}

/* GLOBAL
_______________________________________________________________________________________________*/

body {
	background: #fff url(http://www.virgintrains.co.uk/assets/img/global/background/poppies.jpg) repeat-x center 50%;
	/*background: #77931f url(http://www.virgintrains.co.uk/assets/img/global/background/daisies.jpg) repeat-x center 50%;*/
	/*background: #8eadda url(http://www.virgintrains.co.uk/assets/img/global/background/cityscape.jpg) no-repeat center 40%;*/
	/* background: #6280d5 url(http://www.virgintrains.co.uk/assets/img/global/background/christmas.jpg) no-repeat center 10%; */
	background-attachment: fixed;
	height: 100%;
	width: 100%;
}

#globalContainer {
	width: 982px;
	height: 100%;
	margin: 0 auto;
}

/* TYPE
_______________________________________________________________________________________________*/

body {
	color: #333333;
	font-family: Trebuchet MS, Arial, Verdana, san-serif;
	font-size: 12px;
	line-height: 14px;
	}

/* HEADINGS
_______________________________________________________________________________________________*/

h1 { /* Red/Italic/22px - Row 1-1 main headings */
	padding-bottom: 0.3em;
	line-height: 27px;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	color: #CC0000;
	}

h1.xLrg { /* Red/Italic/Bold/24px - for homepage */
	padding-bottom: 0.1em;
	font-size: 24px;
	font-weight: bold;
	}

#traveller h1 { /* Blue/19px - for eurostar page */
	font-size: 20px;
	font-style: normal;
	color: #232e50;
	}

h2 { /* Red/Bold/16px - Row 1-2 main headings */
	padding-bottom: 0.3em;
	line-height: 16px;
	color: #CC0000;
	font-size: 16px;
	font-weight: bold;
	}

h2#vtQttHead, h2#eurostarQttHead { 
	padding-bottom: 0;
	}

h3.tabHeader { /* Red/12px - Row 1-2 half-width tab sub headings */
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/tab-header.gif) no-repeat top left;
	width: 408px;
	height: 16px;
	/*margin-top: 1px;*/
	padding: 7px 12px 6px 12px;
	line-height: 16px;
	color: #CC0000;
	clear: both;
	}

h3.tabHeaderLrg { /* Red/12px - Row 1-2 large tab sub headings */
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/tab-header-large.gif) no-repeat top left;
	width: 572px;
	height: 16px;
	/*margin-top: 1px;*/
	padding: 7px 12px 6px 12px;
	line-height: 16px;
	color: #CC0000;
	clear: both;
	}

h3.tabHeader a, h3.tabHeaderLrg a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
	cursor: default;
	}

h4 { /* Grey/Bold/12px - Row 1, 1-2 sub headings */
	padding: 0.8em 0 0.3em 0;
	color: #000000;
	font-weight: bold;
	}

h5 { /* Red/Bold/15px - Row 2 Promo Pod main headings */
	padding-bottom: 0.3em;
	line-height: 16px;
	color: #CC0000;
	font-size: 15px;
	font-weight: bold;
	}

h6 { /* Red/11px - Footer headings */
	padding:0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	}

/* TEXT COLOUR CLASSES
_______________________________________________________________________________________________*/

.red {
	color: #CC0000;
	}

.redBold {
	font-weight: bold;
	color: #CC0000;
	}

.black {
	color: #000000;
	}

.lrg {
	font-size: 14px;
	}

.redLrg {
	color: #CC0000;
	font-size: 22px;
	}

.blue {
	color: #232e50; /* Traveller */
	}

.grey {
	color: #727578;
	font-weight: normal;
	}

.lrgGrey {
	padding-bottom: 0.3em;
	line-height: 16px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	}

.greyLrgItalic {
	font-size: 23px;
	font-style: italic;
	color: #333333;
	line-height: 23px;
	}

.greyMedItalic {
	font-size: 16px;
	font-style: italic;
	color: #727578;
	line-height: 16px;
	}

.greyDarkMedItalic {
	font-size: 16px;
	font-style: italic;
	color: #333333;
	line-height: 16px;
	}


.white {
	color: #FFFFFF;
	}

/* GLOBAL CLASSES
_______________________________________________________________________________________________*/

.clear {
	clear: both;
	}

.floatRight {
	float: right;
	}

.floatLeft {
	float: left;
	}

.hide {
	display: none;
	}

.textIndent {
	text-indent: -9999px; 
	}

.center {
	text-align: center;
	}

.inline {
	display: inline;
	}

/* GLOBAL LINKS
_______________________________________________________________________________________________*/

a {
	color: #333333;
	font-weight: normal;
	}

a:hover {
	color: #000000;
	}

/* Style headings on legal pages such as TsCs and Faqs */

.textModLegal h4 a {
	font-weight: bold;
	}

.textModLegal h4 a:hover {
	color: #333333;
	}

a.pdf {
	background:url(http://www.virgintrains.co.uk/assets/img/blogs/icon-pdf.gif) no-repeat right center;
	padding-right: 20px;
	}

/* PARAGRAPHS
_______________________________________________________________________________________________*/

p {
	padding: 0.4em 0;
	line-height: 16px;
	}

p.top {
	padding-top: 0;
	}

p.sub {
	padding: 0;
	}

blockquote {
	margin: 8px 40px;
	}

/* UNORDERED LISTS
_______________________________________________________________________________________________*/

#content ul.panelList {
	padding: 0.4em 0;
	}

#content ul.promoList {
	padding: 5px 0;
	}

#content ul.panelList li, ul.promoList li {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/panel-list-dash.gif) no-repeat 0.2em 0.8em;
	clear: both;
	padding: 4px 0 4px 12px;
	line-height: 16px;
	}

#content ul.infoList {
	padding: 0.3em 0;
	line-height: 16px;
	}

#content ul.infoList li {
	padding: 2px 0;
	}

/* GLOBAL HEADER
_______________________________________________________________________________________________*/

#globalHeader {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/global-content-background.png) repeat-y;
	position: relative;
	float: left;
	width: 982px;
	}

#masthead {
	position: relative;
	float: left;
	width: 100%;
	height: 87px;
	}

#logo {
	position: absolute;
	top: 10px;
	left: 400px;
	}

/* USER NAVIGATION
_______________________________________________________________________________________________*/

#userNav {
	position: relative;
	position: absolute;
	top: 10px;
	right: 20px;
	padding: 10px 0 0 0;
	}

#userNav ul li.hide {
	display: none;
	}

#userNav a {
	padding: 0 3px;
	line-height: 11px;
	color: #727578;
	font-size: 11px;
	text-decoration: none;
	}

#userNav a:hover {
	color: #333333;
	text-decoration: underline;
	}

#userNav li {
	display: inline;
	color: #727578;
	}

#userLinks {
	float: right;
	}

#globalSignIn {
	position: absolute;
	top: 36px;
	right: 0px;
	}

/* GLOBAL NAVIGATION
_______________________________________________________________________________________________*/

#globalNavContainer {
	float: left;
	clear: both;
	width: 100%;
	height: 100%;
	}

#globalNavContainer a {
	text-decoration: none;
	}

/* GLOBAL NAVIGATION SINGLE LEVEL
_______________________________________________________________________________________________*/

#globalNavSingle {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/global-nav-primary.gif) no-repeat bottom center;
	width: 100%;
	height: 100%;
	}

#globalNavSingleBottom {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/global-nav-single-bottom.png) no-repeat top left;
	float: left;
	width: 982px;
	height: 28px;
	}

#globalNavSingle ul li a {
	color: #333333;
	font-weight: normal;
	}

#globalNavSingle ul {
	text-align:center;
	}

#globalNavSingle li {
	display: inline-block;
	}

#globalNavSingle #selected {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/selected-tab-right.png) no-repeat right top;
	}

#globalNavSingle #selected span {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/selected-tab-left.png) no-repeat left top;
	color: #CC0000;
	}

#globalNavSingle a, #globalNavSingle span {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/global-nav-pipe.gif) no-repeat center right;
	display: block;
	padding: 9px 20px 15px 20px;
	font-size: 14px;
	}

#globalNavSingle a:hover {
	color: #CC0000;
	}

#globalNavSingle a:active {
	color: #CC0000;
	}

#globalNavSingle a.bgNone {
	background: none;
	}

/* GLOBAL NAVIGATION MULTI LEVEL
_______________________________________________________________________________________________*/

#globalNavMulti {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/global-nav-multi-top.gif) no-repeat bottom center;
	position: relative;
	width: 100%;
	text-align: center;
	}

#globalNavMultiBottom {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/global-nav-multi-bottom.png) no-repeat top left;
	float: left;
	width: 982px;
	height: 74px;
	}

/* PRIMARY
_______________________________________________________________________________________________*/

#globalNavMulti ul#primary {
	text-align: center;
	}

#globalNavMulti ul li  {
	display: inline-block;
	}

#globalNavMulti ul#primary a, #globalNavMulti ul#primary span {
	display: block;
	padding: 9px 20px 15px 20px;
	font-size: 14px;
	}

#globalNavMulti ul#primary a {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/global-nav-pipe.gif) no-repeat center right;
	color: #333333;
	}

#globalNavMulti ul#primary li a.bgNone, #globalNavMulti ul#secondary li a.bgNone, #globalNavMulti ul#secondary li#current span.bgNone {
	background: none;
	border: none;
	}

#globalNavMulti ul#primary #selected {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/selected-tab-multi-right.gif) no-repeat right top;
	color: #CC0000;
	}

#globalNavMulti ul#primary #selected span {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/selected-tab-multi-left.gif) no-repeat left top;
	}

#globalNavMulti ul#primary a:hover {
	color: #CC0000;
	text-decoration: none;
	}

/* SECONDARY
_______________________________________________________________________________________________*/

#globalNavMulti ul#secondary {
	position: absolute;	left: 0; top: 4.3em;
	width: 100%;
	}

#globalNavMulti ul#secondary li {
	text-align: left;
	vertical-align: top;
	}

#globalNavMulti ul#secondary li a {
	background: none;
	padding: 0 20px;
	min-height: 28px;
	color: #666666;
	border-right: 1px solid #666666;
	font-size: 13px;
	line-height: 1.15em;
	}

#globalNavMulti ul#secondary li a:hover {
	color: #CC0000;
	text-decoration: none;
	}

#globalNavMulti ul#secondary li a:active, #globalNavMulti ul#secondary li a:focus {
	outline: none;
	}

#globalNavMulti ul#secondary li#current span {
	background: none;
	min-height: 28px;
	padding: 0 20px;
	border-right: 1px solid #666666;
	font-size: 13px;
	line-height: 1.15em;
	}

/* CONTENT
_______________________________________________________________________________________________*/

#content {
	display: inline-block;
	width: 962px;
	padding: 0 10px 20px 10px;
	}

#leftCont {
	float: left;
	width: 291px;
	padding: 3px 0 0 0;
	}

#rightCont {
	float: right;
	width: 652px;
	}

/* ROW CONTENT
_______________________________________________________________________________________________*/

.row {
	display: inline-block;
	clear: both;
	margin: 0 0 9px 0;
	}

.rowMod1 {
	float:left;
	margin: 0;
	}

.rowMod2 {
	float:left;
	padding: 0 0 0 10px;
	}

/* CURVED MODULES LARGE
_______________________________________________________________________________________________*/

.modLrg {
	}

.modLrgTop {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/mod-lrg-top.png) no-repeat left top;
	display: inline-block;
	width: 962px;
	height: 20px;
	}

.modLrgContTop {
	background: #FFFFFF url(http://www.virgintrains.co.uk/assets/img/blogs/mod-grad-top.png) repeat-x left bottom;
	position: relative;
	display: inline-block;
	width: 910px;
	height: 100%;
	padding: 20px 25px 20px 25px;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	}

.modLrgContTop .textMod {
	float: left;
	width: 43%;
	padding-bottom: 30px;
	}

#about-media-room .modLrgContTop .textMod {
	padding-bottom: 50px;
	}

.modLrgContTop #buyTickets {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/button-buy-tickets.png) no-repeat left top;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 200;
	}

.modLrgContTop #buyTickets a {
	display: block;
	width: 149px;
	height: 30px;
	text-indent: -9999px;
	}

.modLrgContBottom {
	background: #DCDBDA url(http://www.virgintrains.co.uk/assets/img/blogs/mod-grad-bottom.png) repeat-x left top;
	display: inline-block;
	width: 924px;
	padding: 0 18px 13px 18px;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	}

.modLrgContBottom .textMod p.sub {
	padding-top: 15px;
	}

.modLrgBottom {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/mod-lrg-bottom.png) no-repeat left top;
	width: 962px;
	height: 7px;
	overflow: hidden;
	}

/* CURVED MODULES BACKGROUND IMAGES
_______________________________________________________________________________________________*/

.modMedBgImg, .modLrgBgImg {
	position: absolute;
	top: -15px;
	right: 10px;
	width: 60%;
	overflow: hidden;
	z-index: 100;
	}

/* CURVED MODULES MEDIUM BACKGROUND IMAGES
_______________________________________________________________________________________________*/

#about-media-room .modLrgBgImg {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/media-room.png) no-repeat center 2em;
	width: 450px;
	height: 147px;
	}

/* FULL PANEL
_______________________________________________________________________________________________*/

.panelFull {
	position: relative;
	display: inline-block;
	width: 924px;
	z-index: 1000;
	}

.panelFullTop {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/panel-full-top.png) no-repeat top left;
	width: 924px;
	height: 4px;
	overflow: hidden;
	}

.panelFullBody {
	width: 924px;
	background-color: #FFFFFF;
	padding-bottom: 16px;
	overflow: auto;
	}

.panelFullBottom {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/panel-full-bottom.png) no-repeat top left;
	float: left;
	width: 924px;
	height: 4px;
	overflow: hidden;
	}

.panelFull .modRow {
	display: inline-block;
	width: 100%;
	margin: 15px 0;
	}

/* HALF PANEL
_______________________________________________________________________________________________*/

.panelSplitContainer {
	}

.panelSplit {
	}

.panelSplitTop {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/panel-split-top.png) no-repeat top left;
	clear: both;
	width: 924px;
	height: 4px;
	overflow: hidden;
	}

.panelSplitBody {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/panel-split-body.gif) repeat-y top left; /* Faux column technique */
	width: 924px;
	padding-bottom: 16px;
	overflow: auto;
	}

.panelSplitBottom {
	background: url(img/panel-split-bottom.png) no-repeat top left;
	width: 924px;
	height: 4px;
	overflow: hidden;
	}

/* MEDIUM PANEL
_______________________________________________________________________________________________*/

.panelMedContainer {
	}

.panelMed {
	width: 620px;
	}

.panelMedTop {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/panel-medium-top.png) no-repeat top left;
	clear: both;
	width: 620px;
	height: 4px;
	overflow: hidden;
	}

.panelMedBottom {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/panel-medium-bottom.png) no-repeat top left;
	width: 620px;
	height: 4px;
	overflow: hidden;
	}

.panelMed .modRow {
	clear: both;
	float: left;
	margin: 15px 0;
	}

.panelMed .modRow .rowMod {
	float: left;
	width: auto;
	padding: 0 60px 0 10px;
	}

.panelMed .modRow .rowModLast {
	float: left;
	width: auto;
	padding-right: 0;
	}

/* 3. COLUMNS
_______________________________________________________________________________________________*/

.columnFull{
	clear: both;
	width: 900px;
	padding: 13px 12px 0 12px;
	overflow: auto;
	}

.columnFullSplit {
	clear: both;
	width: 924px;
	float: left;
	}

.columnMed {
	width: 596px;
	padding: 8px 12px 16px 12px;
	background-color: #FFFFFF;
	overflow: auto;
	}

.column1 {
	float: left;
	width: 433px;
	margin-right: 10px;
	padding: 13px 12px 0 12px;
	}

.column2 {
	float: left;
	width: 433px;
	padding: 13px 12px 0 12px;
	}

/* FOOTER
_______________________________________________________________________________________________*/

#footer {
	float: left;
	width: 982px;
	color: #727578;
	font-size: 11px;
	}

#footerTop {
	width: 100%;
	height: 45px;
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/footer-top.png) no-repeat top left;
	}

#footerContent {
	background: url(http://www.virgintrains.co.uk/assets/img/blogs/global-content-background.png) repeat-y;
	}

#footer h6 {
	padding:0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	}

#footer a {
	text-decoration: none;
	font-weight: normal;
	}

#footer a:hover {
	text-decoration: underline;
	}

/* FOOTER LINKS
_______________________________________________________________________________________________*/

#footerLinks {
}
#footerLinks .footerMod {
	float: left;
	width: 16%;
}
#footerLinks .fmXLrg {
	width: 22%;
}
#footerLinks .fmLrg {
	width: 18%;
}
#footerLinks .fmSml {
	width: 12%;
}
#footerLinks .last {
	clear: right;
}
#footerLinks .footerModMiddle {
	padding-top: 10px;
}
#footerLinks .footerModCenter {
	padding-top: 15px;
}
#footerLinks .footerModCont {
	padding: 0 0 0 40px;
}
#footerLinks .footerModCont a {
	color: #666666;
}
#footerLinks .footerModCont li {
	line-height: 16px;
}
#footerLinks .footerModCont a:hover {
	color: #333333;
}

/* FOOTER NAVIGATION
_______________________________________________________________________________________________*/

#footerNavGlobal {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 25px 0 40px 0;
}
#footerNavGlobal a {
	padding: 0 10px;
	color: #333333;
	line-height: 11px;
	text-decoration: none;
}
#footerNavGlobal a:hover {
	color: #000000;
}
#footerNavGlobal li {
	display: inline;
}