/* CSS Document */

/* site wide style declarations */

/* default margin, border and padding around main tags of 0 */

@import "drupal.css";

body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, ul
{
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:0.8em;
	background: #CCEBF2 url(../images/bg-topleft.gif) top left no-repeat;
	color: #666;
	}
	
a:link {
	color: #666;
	}

a:visited {
	color: #009CBF;
	}

a:hover {
	color: #009CBF;
	text-decoration: none;
	}

img {
	border: 0;
	}

input, select, table, textarea {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	}

.pageClear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	}
	
.hidden {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	}

#topRightText {
	position:relative;
	z-index:4;
	top:0;
	left:0;
	}

#topRightText h1 {
	display:none;
	position:absolute;
	top:-65px !important;
	top:0;
	right:80px;
	font-size:48pt;
	font-weight:normal;
	text-align:right;
	color:#FFF;
	height:160px;
	line-height:1.3em;
	}
	
#bottomRightBg {
	position:absolute;
	z-index:1;
	bottom:-200px;
	right:0;
	height:445px;
	width:175px;
	background: url(../images/bg-bottomright.png) 0 0 no-repeat;	
	}
	
#mainWidth {
	position:relative;
	z-index:5;
	width:950px;
	margin: 20px auto;
	border: 1px solid #009CBF;
	background: #FFF;
	}
	



#footer {
	margin: 10px 80px 30px 90px;
	padding-bottom:30px;
	font-size:0.9em;
	color:#000;
	z-index:100;
	}
	
#footer ul {
	z-index:5000;
	float:right;
	width:200px;
	list-style:none;	
	}
	
#footer li {
	float:left;
	z-index:5000;
	background:url(../images/bg-smallbullet.gif) no-repeat 1.5em 0.7em;
	position:relative;
	padding-left:3em;
	}
	
#footer a, h1 {
	color: #009CBF;
	}
	
#footer span {
	margin-left:20px;
	}


h2, h3, h4, h5 {
	color:#009CBF;
	font-weight:normal;
	line-height:1.4em;
	}
	
h3 {	
	background:url(../images/bg-header.gif) no-repeat 0.1em 0.1em;
	height:45px;
	font-size:1.6em;
	padding-left:1em;
	padding-top:0.5em;
	padding-bottom:10px;
	}

h3 a.title, h2 a.title, h2.header {
	color:#009CBF;
	}

h1 {
	line-height:1.6em;
	font-size:1.8em;
	}
		
h2 {
	margin-bottom:20px;
	}
	
h2.header strong {
	font-weight:800;
	}
		
.fullWidth ul {
	list-style: none;
	margin-left:2em;
	padding-bottom:20px;
	}

.fullWidth ul li {
	position:relative;
	background:url(../images/bg-bullet.gif) no-repeat 0.1em 0.4em;
	padding-left:1.5em;
	margin-bottom:5px;
	}
	
.fullWidth ul li.plain {
	background:none;
	padding-top:8px;
	}

ul.hidden {
	display:none;
	}

#skipNav p {
	position: relative;
	top: -9999px;
	left: -9999px;
	}
	
#siteMap a {
	margin-left:30px;
	}
	
/* TOP NAVIGATION declarations */

#topNavigation {
	height:135px;
	border-bottom:4px solid #009CBF;
	margin-bottom:20px;
	}
	
#topNavigation img {
	margin:10px;
	}
	
#topNavigation ul {
	position:absolute;
	left:0;
	top:110px;
	list-style:none;
	height:2em;
	margin-left:10px;
	}
	
#topNavigation li {
	float:left;
	background:url(../images/topnav-bullet-off.gif) no-repeat 0.1em 0.2em;
	padding-left:1.5em;
	padding-right:1.5em;
	line-height:1.4em;
	}

#topNavigation li.current {
	background-image:url(../images/topnav-bullet-on.gif);
	}
	
	
#topNavigation a {
	text-decoration:none;	
	color: #009CBF;
	}
	
#topNavigation a:hover {
	text-decoration:underline;
	}
	
/* end of TOP NAVIGATION declarations */




/* LHS NAVIGATION declarations */

#lhsNavigation {
	clear:none;
	margin-right:65%;
	/*height:850px;*/
	margin-right:30px;
	width:200px;
	}
	
#lhsNavigation.about {
	height:300px;
	margin-right:30px;
	}

#lhsNavigation h3 span {
	border-bottom: 0 solid #009CBF;
	}
#lhsNavigation ul {
	margin-left:0;
	}

#lhsNavigation li a:hover, #lhsNavigation li.selected {
	background:url(../images/bg-bullet.gif) no-repeat 0.1em 0.2em;
	}
	
#lhsNavigation li {
	line-height:1.5em;
	}

#lhsNavigation li a, #lhsNavigation li.selected {
	text-decoration:none;
	padding-left:1.5em;
	}
	
#lhsNavigation li.selected {
	margin-left:1.5em;
	color: #009CBF;	
	}
	
#lhsNavigation li {
	background:none;
	}
	
/* END OF LHS NAVIGATION declarations */


/* Main Central Content declarations */

#mainRHSContent {
	float:right;
	width:680px;
	margin-left:20px;
	}
	
#mainRHSContent h3 {
	margin-top:1em;
	}
	





/* END OF Main Central Content declarations */


/* PAGE CONTROL declarations */

.fullWidth {
	clear:both;
	margin:10px;
	
	}
	
.fullWidthDivider {
	clear:both;
	margin-top:30px;
	height:25px;
	background:url(../images/bg-fulldivider.gif) repeat-x;
	}

	
.homepageRight, .contactRight {
	float:right;	
	}
	
.homepageRight {
	width:40%;
	}
.contactRight {
	width:50%;
	margin-right:15px;
	}
	
.homepageLeft, .contactLeft {
	clear:none;	
	}
	
.homepageLeft {
	margin-right:43%;
	}
	
.contactLeft {
	margin-right:55%;
	}
	
.clientSummary img, .clientDetailSummary img {
	float:left;
	width:155px;
	padding-right:10px;
	}
#mainRHSContent .clientSummary img, #mainRHSContent .clientDetailSummary img {width:200px}

.clientSummary, .clientDetailSummary {	
	clear:left;
	height:170px;
	font-size:0.9em}

	
.clientDetailSummary {
	margin-top:15px;
	}
	
ul.clientMenu {
	position:relative;
	margin-left:150px !important;
	margin-left:220px;
	}
	
span.leftquotation, span.rightquotation {
	display:inline;	
	vertical-align:middle;
	position:relative;
	top: 8px;
	left:0px;
	font-size:5em;
	color:#009CBF;
	}
	
span.rightquotation {
	float:none !important;
	float:right;
	position:relative;
	top: 8px !important;
	top:-30px;
	height:30px;
	}
	
span.quotation {
	display:inline !important;
	display:block;
	line-height:1.8em;
	margin-left:25px;
	margin-right:25px !important;
	margin-right:15px;
	}

	
td.area {
	width:35%;
	text-align:right;
	vertical-align:text-top;
	padding-right:15px;
	color:#009CBF;
	font-weight:800;
	}

div.row, #contactForm p {
  clear: both;
  padding-top: 8px !important;
  padding-top:0;
  }  
  

div.row span.label, div.row label, #contactForm label {
  float: left;
  width: 40%;
  text-align: right;
  }

#contactForm span.formw, #contactForm input, #contactForm select, #contactForm textarea {
	float: right;
	width: 56%;
	text-align: left;
	}
	
#contactForm input.button {
	width:35%;
	margin-left:10px;
	float:none;
	text-align:center;
	}
  
.maininput input {
  	size:40px;
	}
	
span .leftColumn {
	float:left;
	display:inline;
	width:300px;
	text-align:right;
	margin-right:20px;
	}
	
span .rightColumn {
	display:inline;
	}
.websiteFeatures h1 {font-size:0.9em;	font-weight:normal}




/* Homepage Redesign */

#whatwedo {float:left;	width:33%;	padding-right:1%}
#whatwedo, #homeright {font-size:1.em}

#whatwedo h2, #homeright h2 {font-size:2.7em;	border-bottom:2px dotted #009CBF;	padding-bottom:7px}

#homeright {margin-left:37%}

/* Homepage Redesign July 2008 */

#column1 {float:left;	width:450px;	padding:20px 10px}
#column2 {float:right;	width:450px;	padding:20px 0}

#column1 h2, #column2 h2 {font-size:1.8em;	color:#009CBF}
#column1 h2 a, #column2 h2 a {color:#009CBF}

#intro {padding:10px;	background: #FFF url(../images/gradient-bg.gif) top left repeat-x;}
#intro p {font-size:1.3em;	line-height:1.6em;	color:#666;	padding-bottom:10px}
#latestNews {margin-top:20px}
#latestNews h2 {height:30px}
div.article {clear:left;	padding-left:10px}
div.article img {float:left;	margin-right:10px;	margin-bottom:15px;	border:2px solid #009CBF}
div.article h3 {background:none;	font-size:1.2em;	margin-bottom:3px;	height:auto;	padding:0}
a.subscribe {float:right;	width:120px;	padding-left:10px}

#clients {padding:10px}
#clients p.extra {width:100%;	font-size:0.9em;	font-style:oblique;	padding:3px}
#clients p {margin:0}
#clients img {padding-right:10px}

#testimonials {margin:20px 0}
#testimonials blockquote {margin:0; background: #FFF url(../images/quote-open.gif) top left no-repeat;	font-size:1.4em;	line-height:1.5em;	padding:0 30px}
#testimonials blockquote p {background: #FFF url(../images/quote-close.gif) bottom right no-repeat}
#testimonials p.client {font-size:0.9em;	margin:3px;	padding:3px;	text-align:right}

#experts img.photo {float:left;	margin-right: 15px;	border:2px solid #009CBF;	margin-bottom:15px}
#experts img.linkedin {vertical-align:text-bottom}
.expertProfile {clear:left;	margin-bottom:10px;	padding-left:10px}

#footer .logos {float:left;	width:400px;	padding-left:65px}

p.clientLogos img {padding-right:20px}

#newsletterSignup {clear:left;	padding-top:20px}
span.label, span.spacer, span.multiple span {width:120px;float:left;	margin-bottom:8px} 

span.multiple {float:left;} 
span.button {margin-left:120px;} 
div.clear {clear:both; padding-top:5px;} 
#newsletterSignup label {margin-bottom:8px;	padding-bottom:10px;	clear:left}
div.formRow {clear:left;	margin-bottom:10px}


#lhsNavigation h4 {padding-bottom:10px;	padding-left:3px}

iframe {border:5px solid #009BBE}


/* Work Pages */

div.workLeft {float:left;	width:270px;	padding-right:10px}
div.workLeft, div.workRight {padding-top:20px}


div.videos p {padding:15px 0}

/* Sale Page */

#sale {width:900px}
#sale h1 {font-size:2.3em}
#sale h1 span {color:#FF0000}
#saleRight {float:right;	width:380px}

#salePrices {border:1px solid #666;	padding:10px}
#mainContent #salePrices h3 {background:none;	padding:0;	margin:0;	line-height:1.5em}

div.service {border-top:1px dotted #FF0000;	padding:10px 0;	margin-bottom:20px}


p.sale, span.saleprice, #salePrices h2 {color:#FF0000}
div.first {background: #FFF url(../images/sale1.gif) 0.2em 0.4em no-repeat;	padding-left:70px}
div.second {background: #FFF url(../images/sale2.gif) 0.2em 0.4em no-repeat;	padding-left:70px}
div.third {background: #FFF url(../images/sale3.gif) 0.2em 0.4em no-repeat;	padding-left:70px}
div.fourth {background: #FFF url(../images/sale4.gif) 0.2em 0.4em no-repeat;	padding-left:70px}
div.fifth {background: #FFF url(../images/sale5.gif) 0.2em 0.4em no-repeat;	padding-left:70px}
img.leftImage {float:left;	width:60px; padding:10px}
#mainContent div.service p {padding:0;	margin:0;	font-size:1.8em;	padding-top:10px;	line-height:1.4em}
#salePrices h2 {font-size:2.2em}

#saleAction {border:4px solid #666;	background-color:#009BBE;	margin-top: 20px;	padding:15px;	color:#FFF}
#saleAction p {font-size:2.2em;	line-height:1.5em}
#saleAction h4 {color:#FFF;	font-size:2.4em}
#saleAction a {color:#FFF}

#saleContent {margin-right:400px}
#saleContent table {margin-bottom:20px}
#saleContent table td {vertical-align:text-top}
#saleContent table th {text-align:left;	font-size:1.3em;	padding-right:15px;	padding-bottom:15px}
#saleContent table th, #saleContent table td {border-bottom: 1px solid #000}

#saleContent h2 {font-size:2em}
#saleContent img.casestudy {float:right;	padding:10px}

div.movie {margin:20px 0}

div.hmpReduced {background: #FFF url(../images/pound-sign.gif) 0.2em 0.4em no-repeat;	padding-left:70px}



/* Manufacturers Area */

#prwd-proposition, #prwd-solution {float:left;	background-color:#E2F1F5;	padding:5px 10px;	width:250px;	margin-right:20px}
#business-challenges, #benefits {background-color:#EEE;	padding:5px 10px;	width:380px;	margin-left:280px}
#business-challenges {margin-top:10px}
#manufacturers {
	clear:none;
	width:620px;
	margin-right:0;
	margin-right:10px;
	}
#customer-video {width:380px;	margin-left:280px}
#manufacturers h2 {margin-bottom:0;	padding-bottom:0}
#manufacturers ul {padding-bottom:0;	padding-left:5px;	margin-left:0}
#manufacturers ul li {background: transparent url(../images/green-tick.gif) 0.2em 0.1em no-repeat;	padding-left:22px}
#manufacturers p {font-size:1.3em;	margin-bottom:10px;	padding:0}
#manufacturers p.link {font-size:1em}
#manufacturers h1 {width:600px;	padding-bottom:15px}
#manufacturers h2.full-header {width:600px;	font-size:1.8em;	padding:20px 0}
#manufacturers-full ul {margin:15px}
#prwd-solution h3 {background-image:none;	padding:0;	margin:0;	font-size:1.6em}
#prwd-solution h4 {font-size:2em}

#case-study {clear:left;	width:630px;	padding-top:20px;	margin-top:20px}
p.download {font-size:2em;	font-weight:800}

#manufacturers-full {width:100%}

#contactForm input.checkbox {width:20px;	float:left;	margin-left:270px}
#manufacturers-support img {padding-top:30px}

#lhsNavigation img {padding-bottom:15px}

span.download-info {font-size:0.6em;	color:#666}




/**
 * June 2009 additions
 */

h2.description {
	font-size:3.5em;
	text-align:center;
}

div.box {
	background-color:#E5F6FD;
	padding:10px 10px 0px 10px;
	margin:0px 20px;
	width:412px;
	float:left;
	background-image:url(../images/box-corner-top.png);
	background-repeat:no-repeat;
}

div.box h3 {
	background:none;
	color:#515151;
	padding:0.5em 0;
	margin:0;
	height:auto;
	font-size:1.6em;
}

div.box p {
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0;
}

div.box ul li {
	list-style-type:none;
	background-image:url(../images/green-tick2.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	line-height:25px;
	font-size:1.1em;
}

div.box ul {
	margin-bottom:0.5em;
	padding-left:10px;
}

div.box div.bottom {
	background-image:url(../images/box-corner-bottom.png);
	background-repeat:no-repeat;
	width:432px;
	height:18px;
	margin:0px 0px 0px -10px;
}

div.box h4 {
	font-size:1.1em;
	color:#515151;
	font-weight:bold;
}

div.box a {
	color:#515151;
	font-size:1.1em;
}

div.services {
	color:white;
	font-size:1.2em;
	background-color:#009CBF;
	padding:4px 20px;
	margin:0.5em 0em;
	text-align:center;
}

div.services a {
	color:white;
}

h2.underline {
	border-bottom:solid 3px #00B3DC;
	padding:0px 20px;
	font-size:2.2em;
}

div.case-study div.title, div.case-study div.image, div.case-study div.quote {
	float:left;
}

div.case-study div.image {
	width:230px;
	padding:0px 10px;
}

div.case-study div.quote {
	width:400px;
	padding:0px 10px;
}
div.case-study, div.clients, h2.underline {padding-top:15px}

div.case-study div.title {
	width:240px;
	padding:10px 20px;
	font-size:1.7em;
	line-height:1.5em;
}

div.case-study div.quote h3 {
	background:none;
	color:#515151;
	padding:0 0 0.5em 0em;
	height:auto;
}

div.case-study div.quote blockquote {
	margin:0.5em 2em;
}

div.clients ul li {
	background-image:url(../images/clients.png);
	background-repeat:no-repeat;
	height:86px;
	width:177px;
	display:block;
	list-style-type:none;
	text-indent:-32767px;
	float:left;
}

div.clients ul li.manchesterairport {
	background-position:-354px 0px;
}

div.clients ul li.royalmail {
	background-position:-177px 0px;
}

div.clients ul li.littlewoods {
	background-position:-531px 0px;
}

div.clients ul li.jdwilliams {
	background-position:-708px 0px;
}

div.contact form input, div.contact form textarea {
	display:block;
	margin-top:0.5em;
}

div.contact form label {
	float:left;
	width:150px;
	margin-top:0.5em;
}

div.contact form input[type=submit] {
	margin-top:0.5em;
	margin-left:150px;
}

div.contact form div {
	padding:10px;
	margin:0px 20px 30px 20px;
	width:415px;
	float:left;
}

div.contact p {
	padding-left:20px;
	margin:0.5em 0;
}
div.contact {margin-bottom:30px}

div.box div.image {
	float:left;
	border:solid 1px #19BBE1;
	line-height:normal;
	margin-right:10px;
}

h2.underline a {
	font-size:0.6em;
	color:#515151 !important;
	font-weight:normal;
}

ul.notick li {
	background:none !important;
}

#topNavigation #contactDetails {float:right;	width:480px;	padding:9px}
#topNavigation #contactDetails a {text-decoration:underline}
#contactDetails span {font-size:1.3em;	padding-bottom:5px}
#contactDetails p{margin:0;	padding:0;	padding-top:5px}

img.blogLink {padding-right:5px;	margin:0;	margin-bottom:10px;	}

#topNavigation #contactDetails img {margin:0;	padding-top:5px;}
#contactDetails p img {padding-top:10px}