/* jp74.com */

/* colours

Plastic Cards = #3366ff
Fulfilment = #66ccb3 #66ccb3
Print = #ff3f99
Transac = #f93
*/

/* @group 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/* @end */

body {
	background: url(../images/header_bg.gif) repeat-x;
	text-align: center;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

/* @group navbar */

div#navbar {
	height: 33px;
	overflow: hidden;
	display: block;
	clear: both;
	position: relative;
	margin-bottom: 30px;
}

div#navbar ul {
	height: 33px;
	padding: 0px;
	background: url(../images/navbar.gif) no-repeat;
	position: relative;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 46px;
}

#navbar ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	top: 0px;
	position: absolute;
}

#navbar ul li, #navbar a {
	height: 33px;
	display: block;
}

#navbar ul li a {
	text-indent: -5000px;
	text-decoration: none;
}

#nb1 {
	left: 0px;
	width: 58px;
}

#nb2 {
	left: 60px;
	width: 98px;
}

#nb3 {
	left: 160px;
	width: 96px;
}

#nb4 {
	left: 258px;
	width: 69px;
}

#nb5 {
	left: 329px;
	width: 85px;
}

#nb6 {
	left: 416px;
	width: 80px;
}

#nb7 {
	left: 498px;
	width: 137px;
}

#nb8 {
	left: 638px;
	width: 92px;
}



#nb1 a:hover {
	background: url(../images/navbar.gif) no-repeat 0 -33px transparent;
}

#nb2 a:hover {
	background: url(../images/navbar.gif) no-repeat -60px -33px transparent;
}

#nb3 a:hover {
	background: url(../images/navbar.gif) no-repeat -160px -33px transparent;
}

#nb4 a:hover {
	background: url(../images/navbar.gif) no-repeat -258px -33px transparent;
}

#nb5 a:hover {
	background: url(../images/navbar.gif) no-repeat -329px -33px transparent;
}

#nb6 a:hover {
	background: url(../images/navbar.gif) no-repeat -416px -33px transparent;
}

#nb7 a:hover {
	background: url(../images/navbar.gif) no-repeat -498px -33px transparent;
}

#nb8 a:hover {
	background: url(../images/navbar.gif) no-repeat -638px -33px transparent;
}

body#pHome #nb1, body#pHome #nb1 a:hover {
	background: transparent url(../images/navbar.gif) no-repeat 0 -66px;
}

body#pPlastic #nb2, body#pPlastic #nb2 a:hover {
	background: url(../images/navbar.gif) no-repeat -60px -66px transparent;
}

body#pFulfil #nb3, body#pFulfil #nb3 a:hover {
	background: url(../images/navbar.gif) no-repeat -160px -66px transparent;
}

body#pPrint #nb4, body#pPrint #nb4 a:hover {
	background: url(../images/navbar.gif) no-repeat -258px -66px transparent;
}

body#pTransac #nb5, body#pTransac #nb5 a:hover {
	background: url(../images/navbar.gif) no-repeat -329px -66px transparent;
}

body#pAbout #nb6, body#pAbout #nb6 a:hover {
	background: url(../images/navbar.gif) no-repeat -416px -66px transparent;
}

body#pQuality #nb7,body#pQuality #nb7 a:hover {
	background: url(../images/navbar.gif) no-repeat -498px -66px transparent;
}

body#pContact #nb8, body#pContact #nb8 a:hover {
	background: transparent url(../images/navbar.gif) no-repeat -638px -66px;
}


/* @end */

/* @group subnav */

div.subNav {
	width: 190px;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-right: 22px;
	float: left;
	display: inline;
}

div.subNav ul {
	margin-left: 18px;
}

body#pQuality div.subNav ul ul {
	margin: 0.6em 0 0.6em 1.5em;
	font-size: 1em;
}

body#pQuality div.subNav ul ul a:hover {
	color: #002f69;
}

body#pQuality div.subNav ul ul li.selected a {
	color: #002f69;
}

div.subNav ul li {

}

div.subNav ul li a {
	text-decoration: none;
	color: #666;
}

body#pPrint div.subNav ul li a:hover, body#pBureau div.subNav ul li a:hover, body#pPlastic div.subNav ul li a:hover {
	padding-bottom: 1px;
	background: url(../images/line_dots.gif) repeat-x 0 bottom;
}

div.subNav ul li a:hover, div.subNav ul li.selected a {
	color: #002f69;
}

body#pPlastic div.subNav ul li a:hover,
body#pPlastic div.subNav ul li.selected a {
	color: #3366ff;
}

body#pFulfil div.subNav ul li a:hover, body#pFulfil div.subNav ul li.selected a {
	color: #66ccb3;
}

body#pPrint div.subNav ul li a:hover, body#pPrint div.subNav ul li.selected a {
	color: #ff3f99;
}

body#pTransac div.subNav ul li a:hover, body#pTransac div.subNav ul li.selected a {
	color: #f93;
}

div.subNav ul li.selected li a{
	text-decoration: none;
	color: #666;
	font-size: 0.9em;
}

body#pPlastic div.subNav ul li.selected li.selected a {
	color: #3366ff;
}

body#pFulfil div.subNav ul li.selected li.selected a {
	color: #66ccb3;
}

body#pPrint div.subNav ul li.selected li.selected a {
	color: #ff3f99;
}

body#pTransac div.subNav ul li.selected li.selected a {
	color: #f93;
}

/* @end */

#wrapper, #footerContent {
	width: 892px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

span.red {
	color: red;
}

p.small {
	font-size: 0.8em;
	line-height: 1.3em;
	color: #c6c6c6;
}

strong {
	font-weight: bold;
}

div.copy ul {
	margin-bottom: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

div.copy ul ul {
	margin-bottom: 0;
}

div.copy ul li {
	list-style-type: disc;
}

div.copy ul ul li {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
	padding-left: 1.6em;
	padding-bottom: 1.5em;
}

#header {
	position: relative;
	height: 109px;
}

#header h1 {
	position: absolute;
	bottom: 22px;
	left: 46px;
	width: 289px;
	height: 36px;
	background: url(../images/cpi_logo.jpg) no-repeat;
	font-size: 0.1em;
	text-indent: -5000px;
}

#header h2 {
	font-size: 0.1em;
	text-indent: -5000px;
	color: #fff;
}
#flags {
	position: absolute;
	top: 5px;
	right: 48px;
	width: 102px;
	height: 20px;
	text-indent: -5000px;
	overflow: hidden;
}

#flags ul {
	width: 102px;
	height: 20px;
}

#flags li {
	width: 31px;
	height: 20px;
	margin-right: 3px;
	display: inline;
	float: left;
}

#flags li a {
	display: block;
	width: 31px;
	height: 20px;
}

#flags li.uk a {
	background: url(../images/flags.gif) 0 -29px;
}

#flags li.uk a:hover, #flags li.uk a.on {
	background: url(../images/flags.gif) 0 0;
}

#flags li.fr a {
	background: url(../images/flags.gif) -34px -29px;
}

#flags li.fr a:hover, #flags li.fr a.on {
	background: url(../images/flags.gif) -34px 0;
}

#flags li.de a {
	background: url(../images/flags.gif) -68px -29px;
}

#flags li.de a:hover, #flags li.de a.on {
	background: url(../images/flags.gif) -68px 0;
}



.clearing {
	clear: both;
}

#homeFlash {
	margin-left: 33px;
	z-index: 1;
	
}

#choose {
	padding-bottom: 16px;
	background: url(../images/line_dots.gif) repeat-x 0 bottom;
	margin-left: 49px;
	font-size: 1.1em;
	margin-bottom: 15px;
	width: 795px;
	margin-top: 20px;
}

#choose h2 {
	background: url(../images/where_do_you_want_to_be.gif) no-repeat 0 top;
	width: 315px;
	height: 27px;
	margin-bottom: 20px;
	text-indent: -5000px;
}

#choose .box {
	height: 90px;
	margin-right: 5px;
	float: left;
	position: relative;
	display: inline;
	overflow: hidden;
}

#choose .box a {
	color: #fff;
	text-decoration: none;
	height: 120px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -5000px;
}

#choose .box a:hover {
}

#print {
	width: 182px;
}

#print a {
	width: 182px;
}

#fulfilment {
	width: 211px;
}

#fulfilment a {
	width: 211px;
}

#plastic {
	width: 195px;
}

#plastic a {
	width: 195px;
}

#transac {
	width: 195px;
}

#transac a {
	width: 195px;
}

#choose .box h2 {
	height: 0.1em;
	overflow: hidden;
	background-image: none;
}

#choose .box p {
	color: #fff;
	margin-left: 19px;
	margin-right: 19px;
}

#choose #transac {
	margin-right: -10px;
}

#choose #print p, #choose #bureau p {
	margin-top: 60px;
}

#choose #plastic p, #choose #transac p {
	margin-top: 75px;
}

#plastic {
	background: url(../images/box_plastic_cards.gif) no-repeat;
}

#fulfilment {
	background: url(../images/box_fulfilment.gif) no-repeat;
}

#print {
	background: url(../images/box_print.gif) no-repeat;
}

#transac {
	background: url(../images/box_transac.gif) no-repeat;
}

#eco {
	width: 892px;
	margin-bottom: 20px;
	text-align: center;
}

#newsFlash {
	width: 226px;
	height: 30px;
	position: absolute;
	top: 425px;
	right: 108px;
	z-index: 100;
}

#greenInit {
	width: 287px;
	height: 52px;
	position: absolute;
	top: 426px;
	right: 58px;
	z-index: 150;
	background-color: gray;
}

body#pHome #eco {
	width: 795px;
	margin-left: 49px;
}

/* @group footer */

#footer {
	background: url(../images/line_dots.gif) repeat-x;
	padding-top: 23px;
	padding-bottom: 23px;
	margin-bottom: 23px;
}

#footerContent {
	padding-bottom: 60px;
}

#footer ul {
	background: url(../images/iso_logos.gif) no-repeat;
	width: 500px;
	height: 130px;
	float: left;
}

#footer ul li {
	height: 1px;
	overflow: hidden;
}

#footer p {
	background: url(../images/phone.gif) no-repeat;
	width: 233px;
	height: 51px;
	display: block;
	font-size: 0.1em;
	text-indent: -5000px;
	float: right;
	margin-right: 16px;
}

/* @end */

#content {
	font-size: 1.2em;
	padding-bottom: 50px;
	position: relative;
	line-height: 1.6em;
}

body #content h2 {
	height: 70px;
	text-indent: -5000px;
	font-size: 0.1em;
}

body#pPrint #content h2 {
	background: url(../images/header_print.gif) no-repeat;
}

body#pFulfil #content h2 {
	background: url(../images/header_fulfilment.gif) no-repeat;
}

body#pPlastic #content h2 {
	background: url(../images/header_plastic_cards.gif) no-repeat;
}

body#pTransac #content h2 {
	background: url(../images/header_transac.gif) no-repeat;
}

body#pQuality #content h2 {
	background: url(../images/title_quality_environment.gif) no-repeat;
}

body#pMerger #content h2 {
	background: url(../images/title_merger.gif) no-repeat;
}

body#pContact #content h2 {
	background: url(../images/title_get_in_touch.gif) no-repeat;
}

body#pAbout #content h2 {
	background: url(../images/title_about.gif) no-repeat;
}

div.copy h3 {
	font-size: 1.4em;
	margin-bottom: 0.4em;
}

div.location h3 {
	font-size: 1.4em;
	margin-bottom: 0.4em;
}

body#pPlastic #content h3 {
	color: #3366ff;
}

body#pFulfil #content h3 {
	color: #66ccb3;
}

body#pPrint #content h3 {
	color: #ff3f99;
}

body#pTransac #content h3 {
	color: #f93;
}

body#pAbout #content h3, body#pQuality #content h3, body#pContact #content h3 {
	color: #002f69;
}

#content h4 {
	font-weight: bold;
}

div.copy h5 {
	font-size: 1.2em;
	margin-bottom: 1em;
	font-weight: normal;
	font-style: normal;
	color: #666;
}

div.location {
	width: 626px;
	float: right;
}

#content div.copy {
	width: 310px;
	font-size: 1em;
	float: left;
	margin-right: 40px;
	color: #939393;
	display: inline;
	overflow: hidden;
	position: relative;
}

#content div.imagesEtc {
	width: 330px;
	float: left;
	position: relative;
}

#content div.imagesEtcMerger {
	width: 330px;
	float: right;
	position: relative;
}

#content div.copy h4:hover {
	color: #0a386e;
}

#content div.copy a {
	color: #3399FF;
	text-decoration: none;
}

#content div.copy a:hover {
	text-decoration: underline;
	color: #0a386e;
}

body#pQuality #content div.copy a:hover {
	text-decoration: none;
	color: #0a386e;
}

#otherServices {
	padding-bottom: 40px;
	background: url(../images/line_dots.gif) repeat-x 0 bottom;
	margin-bottom: 20px;
}

#otherServices h4 {
	background: url(../images/other_services.gif) no-repeat;
	height: 13px;
	text-indent: -5000px;
	margin-bottom: 10px;
}

#otherServices ul {

}

#content div.vacancy {
	padding: 10px;
	border: 1px dotted #999;
	margin-bottom: 10px;
}

#content div.vacancy h4 {
	color: #002f69;
	margin-bottom: 0.5em;
	font-size: 1.22em;
	font-weight: normal;
	font-style: normal;
}

div.vacancy p {
	
}

#content div.vacancy a {
	border: 1px solid #ccc;
	margin-right: 10px;
	color: #999;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #f9fafd;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
}

#content div.vacancy a:hover {
	color: #fff;
	background-color: #3399ff;
	border: 1px solid #3399ff;
	text-decoration: none;
}

#content div.vacancy a:active {
	color: #fff;
	background-color: #ff3f99;
	border: 1px solid #ff3f99;
}

#otherServices ul li {
	float: left;
}

#accordion {

}

#accordion p {
	margin-bottom: 0;
}

#accordion ul {
	background: url(../images/line_dots.gif) repeat-x;
	padding: 0;
	text-indent: 5px;
}

#accordion li {
	padding-top: 3px;
	list-style-type: none;
	padding-bottom: 3px;
}

#accordion li.selected {
	background-color: #efefef;
	color: #000;
}

li#os1 a, li#os2 a, li#os3 a, li#os4 a {
	height: 19px;
	margin-right: 5px;
	display: block;
	text-indent: -5000px;
	font-size: 0.1em;
}

li#os1 a {
	background: url(../images/button_plastic.gif) no-repeat;
	width: 108px;
}

li#os2 a {
	background: url(../images/button_fulfilment.gif) no-repeat;
	width: 197px;
}

li#os3 a {
	background: url(../images/button_print.gif) no-repeat;
	width: 73px;
}

li#os4 a {
	background: url(../images/button_transac.gif) no-repeat;
	width: 136px;
}

table td.servReq {
	padding-top: 20px;
	padding-bottom: 5px;
}

table.contact_form {
	font-size: 1em;
	margin-top: 30px;
}

table.contact_form td {
	padding-right: 20px;
	vertical-align: top;
	padding-bottom: 3px;
}

table.contact_form ul {
	padding-left: 0;
}

table.contact_form ul li {
	list-style-type: none;
}

table.contact_form ul li input {
	margin-right: 8px;
}

input.formInp, textarea {
	width: 200px;
	border: 1px solid #ccc;
	background-color: #f9fafd;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

input.submit, input.reset {
	border: 1px solid #ccc;
	width: 80px;
	margin-right: 10px;
	color: #999;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #f9fafd;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 10px;
}

input.submit:hover, input.reset:hover {
	color: #fff;
}

input.submit:hover {
	background-color: #3399ff;
	border: 1px solid #3399ff;
}

input.reset:hover {
	background-color: #ff3f99;
	border: 1px solid #ff3f99;
}

div.addressBlock {
	margin-bottom: 70px;
	width: 266px;
	font-size: 1em;
	float: left;
	color: #939393;
	display: inline;
	overflow: hidden;
}

div.addressBlock p.small {
	color: black;
}

div.addressMap {
	height: 290px;
	float: right;
}

div.addressMap ul {
	margin: 0;
	padding: 5px 0 0;
}

div.addressMap li {
	display: inline;
	margin-right: 10px;
}

div.addressMap li a {
	text-decoration: none;
	color: #a3a3a3;
}

div.addressMap li a:hover {
	color: #002f69;
}

ul li strong {
	color: #0a386e;
}

div.imagesEtc blockquote {
	background: url(../images/quote_bg.gif) no-repeat 0 top;
	padding: 30px 15px 10px;
	color: #002f69;
	margin: 10px 0 -40px;
	position: relative;
	height: 1%;
}

#sidebox {
	margin-bottom: 1em;
}

div.quoteBottom {
	background: url(../images/quote_bottom.png) no-repeat 0 bottom;
	position: absolute;
	right: 0px;
	bottom: -1px; /* ie */
	height: 20px;
	width: 330px;
}

/* @group accordion */

#accordion {
	background: url(../images/line_dots.gif) repeat-x 0 bottom;
}

body#pQuality #accordion {
	margin-bottom: 20px;
}

#accordion .data {
}

#accordion .data img {
	margin: 1.5em 0 1.5em 0;
}

#accordion .data img.bio {
	margin: 1.5em 0 0.6em 0;
}

#accordion h4 {
	cursor: pointer;
	font-weight: bold;
	background: url(../images/line_dots.gif) repeat-x 0 top;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	font-size: 1em;
	width: 100%;
	text-indent: 5px;
}

body#pPlastic #accordion h4:hover, body#pPlastic #accordion h4.hover {
	background-color: #adbdff;
	color: #fff;
}

body#pPlastic #accordion h4.active {
	background-color: #adbdff;
	color: #fff;
}

body#pFulfil #accordion h4:hover, body#pFulfil #accordion h4.hover {
	background-color: #6bcfb4;
	color: #fff;
}

body#pFulfil #accordion h4.active {
	background-color: #6bcfb4;
	color: #fff;
}

#accordion .data p {
	padding: 0.5em 5px 1em;
}


#accordion .data ul {
	list-style-type: disc;
	padding-left: 2em;
	list-style-position: outside;
	padding-top: 0.5em;
	background-image: none;
	margin: 0;
	padding-bottom: 1em;
}

#accordion .data ul li {
	list-style-type: disc;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 0;
}

/* @end */