/*
	Meritation CSS
	CREATED:01.05.10
	MODIFIED:24.06.10
	AUTHOR:ANDY FIELD
	
	CSS Order
	1. Reset
	2. Base
	3. Typography
	4. Decoration
	5. Forms
	5. Header
	5. Footer
	6. Layout
	
	Colours
	Link Blue: #009cde
	Dark Blue:#123171
	Blue Line Tint: #dae3ed
	Blue Background Tint: #f5f8fb
	Grey:#3e485b
*/

/* RESET - V02
******************************************/

html{color:#111;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td{margin:0;padding:0;}a img,:link img,:visited img{border:none;}:link,:visited{text-decoration:none;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,abbr,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}img{border:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6,pre,code{font-size:100%;font-weight:normal;line-height:100%;}q:before,q:after {content:'';}abbr,acronym{border:0;}dl,ol,ul{list-style:none;}

/* BASE
******************************************/

html>body {
	font-size:12px;
}

body {
	background:#fff;
	color:#111;
	font-family:"Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:75%;
	line-height:1.75em; 
	text-align:center;
}

button,input,select,textarea {
	font-family:"Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:100%;
	vertical-align:baseline;
}

#skip {
	height:0;
	margin:0;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:0;
}

a {
	font-weight:bold;
	outline:none;
}

a:focus {
	color:#009cde;
}

a:link,
a:visited {
	color:#009cde;
	text-decoration:none;
}

a:hover,
a:active {
	color:#009cde;
	text-decoration:underline;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

hr {
	height:1px;
	color:#000;
	margin:0.875em 0 1.75em 0;
	padding:0;
	background-color:#000;
	border:0;
}

/* TYPOGRAPHY
******************************************/

p,dl,ol,ul,td,th {
	font-size:1em;
	line-height:1.75em;
}

p,dl,ol,ul,fieldset,table {
	margin:0 0 1.75em 0;
}

h1,h2,h3,h4,h5,h6,p.intro {
	font-weight:bold;
}

h1 {/*22*/
	color:#123171;
	font-size: 1.833333em;
	/* line-height: 0.954545em; */
	margin:0 0 0.954545em 0;
}

h2 {/*16*/
	color:#123171;
	font-size: 1.333333em;
	line-height: 1.3125em;
	margin:0 0 0.65625em 0;
}

h3, p.intro {/*14*/
	color:#3e485b;
	color:#111;
	font-size: 1.166667em;
	line-height: 1.5em;
	margin:0 0 0.375em 0;
}

h4,h5,h6 {/*13*/
	font-size: 1.083333em;
	line-height: 1.615385em;
	margin-top: 0.807692em;
	margin-bottom: 1.615385em;
}

dd,dt,li {
	padding:0.4375em 0;
}

#content ul {
	/* list-style: square url(/assets/bullet.png);
	margin-right:1em;
	margin-left:1em; */
}


#content li {
	background:#fff url(/assets/bullet.png) 0 1em no-repeat;
	padding-left:15px;
}

ol {
	list-style:decimal;
	margin-right:1em;
	margin-left:1em;
}

/* DECORATION
******************************************/

p.intro {
	margin:0 0 0.875em 0;
}

blockquote {
	margin:7em 0 5.25em 0;
	padding:80px 0 0 0;
	text-align:right;
	width:220px;
}

#about blockquote,
#login blockquote {
	background:transparent url(/assets/s-image-01.png) 0 0 no-repeat;
}

#credentials blockquote {
	background:transparent url(/assets/s-image-02.png) 0 0 no-repeat;
}

#solutions blockquote,
#billing blockquote {
	background:transparent url(/assets/s-image-03.png) 0 0 no-repeat;
}

#wlr3 blockquote {
	background:transparent url(/assets/s-image-04.png) 0 0 no-repeat;
}

#contact blockquote {
	background:transparent url(/assets/s-image-05.png) 0 0 no-repeat;
}

blockquote p { /*16*/
	border-right:1px solid #123171;
	color:#3e485b;
	font-size: 1.333333em;
	font-style:italic;
	line-height: 1.3125em;
	padding:0 20px 0 0;
	width:200px;
}

p.req {
	color:#3e485b;
}

.item {
	padding:0 20px 0 0;
	width:200px;
}

#panel {
	background:#123171 url(/assets/panel.jpg) 0 0 no-repeat;
	height:210px;
	margin:0 0 1.75em 0;
	width:960px;
}

#panel h1 { /*22*/
	color:#fff;
	display:block;
	float:left;
	font-weight:bold;
	margin:0;
	padding:40px 10px 0 10px;
	letter-spacing:-0.03em;
	text-align:right;
	width:280px;
}

#panel h2 { /*16*/
	color:#fff;
	border-left:1px solid #415786;
	display:block;
	float:right;
	font-weight:normal;
	margin:0;
	/* padding:4.1em 20px 0 19px; */
	padding:4.1em 20px 0 19px;
	width:610px;
}

ul#three-col {
	list-style:none;
	margin:0 auto 1.75em auto;
	width:940px;
}

ul#three-col li {
	background:none;
	cursor:pointer;
	display:block;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:300px;
}

ul#three-col li.end {
	margin:0;
}

ul#three-col h2 a {
	color:#123171;
}

ul#three-col li.kiss h2 a {
	color:#009cde;
}

ul#two-col {
	border-top:1px solid #dae3ed;
	list-style:none;
	margin:0 auto;
	padding:1.75em 0 0 0;
	width:940px;
}

ul#two-col li {
	background:none;
	display:block;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:300px;
}

ul#two-col li.end {
	margin:0;
	width:620px;
}

ul#two-col ol {
	list-style:none;
	margin:2.8em 0 0 0;
}

ol#partners li {
	display:block;
	float:left;
	height:60px;
	margin:0 20px 0 0;
	overflow:hidden;
	padding:0;
	text-indent:-3000em;
	width:108px;
}

ol#partners li.end {
	margin:0;
}

ol#partners li.towergate {
	background:#fff url(/assets/logos.png) 0 0 no-repeat;
}

ol#partners li.port-of-felixstowe {
	background:#fff url(/assets/logos.png) -108px 0 no-repeat;
}

ol#partners li.royal-albert-hall {
	background:#fff url(/assets/logos.png) -216px 0 no-repeat;
}

ol#partners li.john-lewis {
	background:#fff url(/assets/logos.png) -324px 0 no-repeat;
}

ol#partners li.reed {
	background:#fff url(/assets/logos.png) -432px 0 no-repeat;
	margin:0;
}

.aside {
	color:#3e485b;
	float:right;
	font-size: 0.916667em;
	font-weight:bold;
	line-height: 1.636364em;
	margin:0 0 1.75em 20px;
	width:146px;
}

.aside span {
	font-weight:normal;
}

.aside img {
	border:1px solid #dae3ed;
	display:block;
	margin:0 0 0.818182em 0;
	padding:2px;
}


/* FORMS
******************************************/

fieldset {
	border-top:1px solid #dae3ed;
	padding:1.75em 0 0 0;
}

fieldset ol {
	list-style:none;
	margin:0;
}

#main fieldset li {
	background:none;
	padding:0.4375em 0;
}

.req em,
label em {
	color:#009cde;
	font-style:normal;
	font-weight:bold;
}

label {
	display:block;
	float:left;
	padding:0.4375em 20px 0 0;
	text-align:right;
	width:200px;
}

input,select,textarea {
	border:2px solid #dae3ed;
	padding:0.4375em;
}

button {
	background:#009cde;
	border:2px solid #009cde;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	left:220px;
	padding:0.4375em 10px;
	position:relative;
}

button:hover {
	background:#123171;
	border:2px solid #123171;
}

.long {
	width:300px
}

input.error {
	border:2px solid #009cde;
}

label.error {
	color:#009cde;
	float:none;
	left:220px;
	position:relative;
	text-align:left;
	width:300px;
}

/* HEADER
******************************************/

#logo {
	float:left;
}

#logo a {
	background:transparent url(/assets/logo.png) 0 0 no-repeat;
	display:block;
	height:106px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:220px;
}

#global {
	height:106px;
	overflow:hidden; /*FH*/
}

ul#persona {
	float:right;
	font-size: 0.916667em;
	line-height: 1.636364em;
	height:30px;
	overflow:hidden;
	margin:0;
}

ul#persona a {
	background:transparent url(/assets/persona.png) 2px 50% no-repeat;
	color:#3e485b;
	padding:4px 0 4px 16px;
}

ul#nav { /*14*/
	font-size: 1.166667em;
	line-height: 1em;
	float:right;
	height:34px;
	margin:0;
	position:relative;
	/* top:76px; */
}

ul#nav li {
	display:block;
	float:left;
	height:34px;
	margin:0 0 0 1px;
	padding:0;
}

ul#nav li a {
	background:transparent url(/assets/nav.png) 0 0 no-repeat;
	color:#fff;
	display:block;
	float:left;
	text-shadow: #102a5a 0 0 1px;
}

ul#nav li a span {
	background:transparent url(/assets/nav-end.png) right 0 no-repeat;
	display:block;
	padding:10px 12px;
}

ul#nav li.active a,
ul#nav li a:hover {
	background:transparent url(/assets/nav.png) 0 -34px no-repeat;
	color:#123171;
	text-decoration:none;
	text-shadow:none;
}

ul#nav li.active a span,
ul#nav li a:hover span {
	background:transparent url(/assets/nav-end.png) right -34px no-repeat;
}

/* FOOTER
******************************************/

#footer { /*11*/
	color:#3e485b;
	font-size: 0.916667em;
	line-height: 1.636364em;
}

#footer a,
#footer a:visited,
#footer a:hover {
	color:#3e485b;
	font-weight:normal;
}

#footer ul {
	float:left;
	margin:0;
	width:260px;
}

#footer li {
	display:inline;
}

#footer p {
	float:left;
}

#share {
	float:right;
}

#share a {
	background:#fff url(/assets/share-icon.png) 0 50% no-repeat;
	padding:0 0 0 15px;
}

/* LAYOUT
******************************************/

#header,
#content,
#footer {
	margin:0 auto;
	text-align:left;
	width:940px;
}

#hw {
	background:#f5f8fb url(/assets/header.png) 0 0 repeat-x;
	border-top:3px solid #123171;
	height:140px;
	margin:0 0 1.75em 0;
	overflow:hidden; /*FC*/
}

#home #hw {
	margin:0;
}

#content {
	background:#fff url(/assets/vline.png) 0 0 repeat-y;
	overflow:hidden; /*FC*/
	padding:1.75em 0;
}

#home #content {
	background:none;
	width:960px;
}

#sidebar {
	float:left;
	width:220px;
}

#main {
	float:right;
	width:680px;
}

#fw {
	background:#f5f8fb;
	background:#fff;
	border-top:1px solid #dae3ed;
	clear:both;
	overflow:hidden; /*FC*/
	padding:1.75em 0;
}