body, td, th, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
body, form, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
body {
	background: #ddd url(/img/body-bg.gif) repeat-x scroll top;
	color: #000;
	font-size: 62.5%;
	text-align: center;
}
a, a:hover {
	color: #64a61c;
	text-decoration: underline;
}
#copy ul.sitemap li, .linkpretend {
	color: #64a61c;
}
a.normalcopy {
	color: #000;
	text-decoration: none;
}
a.normalcopy:hover {
	color: #64a61c;
	text-decoration: underline;
}
a img {
	border: 0;
}
abbr, acronym {
/* This is good to have on when checking to see if the tags have been added but must be removed when going live */
/*
	border-bottom: 1px dashed #000;
*/
	border-bottom: 0;
}
h1 {
	color: #fff;
}
h1, h2 {
	font-size: 1.2em;
	font-weight: bold;
}
/* The 'html' CSS is used to force the scrollbar on */
/*
html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}
*/
img {
	vertical-align: middle;
}
ol, ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
p {
	font-size: 1.2em;
}



#loader {
	background-color: #fff;
	color: #64a61c;
	font-size: 1.2em;
	padding: 0.4em;
	position: absolute;
	top: 4px;
	right: 4px;
}



/* This is setup like this specifically for the print version */
/* The Flash file does not appear so we show a background image instead in the print stylesheet */
#toplogo {
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: center;
	width: 202px;
	height: 97px;
}



.forceheight {
	min-height: 75em;
}
#container {
	background-color: #fff;
	margin: 0 auto 0 auto;
	padding: 1.2em 20px 2.5em 20px;
	position: relative;
	text-align: center;
}
#container, #container .t {
	width: 695px;
}
#container .t {
	background: transparent url(/img/contain-t.gif) repeat-x scroll top;
}
#container .b {
	background: transparent url(/img/contain-b.gif) repeat-x scroll bottom center;
}
#container .b_home {
	background: transparent url(/img/contain-b-home.gif) repeat-x scroll bottom center;
}
#container .l {
	background: transparent url(/img/contain-l_and_r.gif) repeat-y scroll top left;
}
#container .r {
	background: transparent url(/img/contain-l_and_r.gif) repeat-y scroll top right;
}
#container .bl, #container .bl_home {
	background: transparent url(/img/contain-bl.gif) no-repeat scroll bottom left;
}
#container .br, #container .br_home {
	background: transparent url(/img/contain-br.gif) no-repeat scroll bottom right;
}
#container .tl {
	background: transparent url(/img/contain-tl.gif) no-repeat scroll top left;
}
#container .tr {
	background: transparent url(/img/contain-tr.gif) no-repeat scroll top right;	
}
#container .b_home {
	margin-bottom: 0.8em;
}



#copy {
	margin: 0 144px 0 130px;
	padding-top: 2.1em;
	position: relative;
	text-align: left;
}
#copy .heading {
	/* Background used to make sure the white h1 copy is still visible when the website copy is enlarged and it wraps onto more than one line */
	background-color: #64a61c;
	margin: 0 1.5em 0 1.5em;
}
#copy h1 {
	margin-bottom: 2.75em;
}
#copy h2 {
	padding-top: 0.7em;
}
#case_studies_flash img {
	margin-bottom: 0.7em;
}
#copy p, #copy ol, #copy ul {
	margin-bottom: 1.4em;
}
img.page_picture {
	margin-bottom: 2.8em;
}
#copy ul.sitemap li ul {
	margin-bottom: 1.4em;
}
#copy ul.sitemap li.nochildren {
	padding-bottom: 1.4em;
}
#copy p {
	text-align: justify;
}
#copy, #copy .t {
	width: 420px;
}
#copy .t {
	background: transparent url(/img/copy-t.gif) repeat-x scroll top;
}
#copy .b {
	background: transparent url(/img/copy-b.gif) repeat-x scroll bottom center;
}
#copy .l {
	background: transparent url(/img/copy-l_and_r.gif) repeat-y scroll top left;
}
#copy .r {
	background: transparent url(/img/copy-l_and_r.gif) repeat-y scroll top right;
}
#copy .bl {
	background: transparent url(/img/copy-bl.gif) no-repeat scroll bottom left;
}
#copy .br {
	background: transparent url(/img/copy-br.gif) no-repeat scroll bottom right;
}
#copy .tl {
	background: transparent url(/img/copy-tl.gif) no-repeat scroll top left;
}
#copy .tr {
	background: transparent url(/img/copy-tr.gif) no-repeat scroll top right;
	padding: 0.5em 3.3em 3.5em 3.3em;
}
#copy ol, #copy ul {
	font-size: 1.2em;
}
#copy p.article_signoff {
	text-align: right;
}
#copy ul.sitemap li a, #copy ul.sitemap li.linkpretend {
	font-weight: bold;
	text-transform: lowercase;
}
#copy ul.sitemap li ul li a {
	font-weight: normal;
	font-size: 0.9em;
}
#copy ul.sitemap li.sitemap_bottom a {
	font-weight: normal;
}
#copy p.newslist {
	clear: left;
	margin: 0;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}
#copy p.newslist img {
	float: left;
	margin-right: 0.7em;
}
#copy p.listclear {
	clear: left;
	font-size: 1px;
	padding: 0;
	margin: 0;
}






#pageheading, #pageheading span {
	width: 302px;
	height: 17px;
	background-repeat: no-repeat;
}
#pageheading span {
	margin-bottom: -100px;
	margin-left: -1px;
}
h1 span {
	display: block;
	position: relative;
	z-index: 1;
}




#clientlogin {
	position: absolute;
	top: 50px;
	right: 38px;
}
.nobullets {
	list-style-type: none;
	margin: 0;
	padding: 0;
}



#speakme {
	position: absolute;
	top: 2.5em;
	right: 40px;
}
#speakmeexplain {
/*	background-color: #64a61c; */
	color: #fff;
	position: absolute;
	z-index: 20;
}



#copy .popuplayer {
	margin-top: 1.4em;
}
#subnavigation2 .readmore {
	margin-top: 0.2em;
}
#home_column1 .readmore {
	margin-top: -0.8em;
	width: 21.3em;
}
#subnavigation2 .readmore {
	margin-left: -3.6em;
}
/* THESE ARE ALSO IN THE JAVASCRIPT FILE AND ARE PRELOADED */
#copy .popuplayer .m, #subnavigation2 .readmore .m, #home_column1 .readmore .m {
	background: transparent url(/img/popup-m.gif) repeat scroll top;
}
#copy .popuplayer .bl, #subnavigation2 .readmore .bl, #home_column1 .readmore .bl {
	background: transparent url(/img/popup-bl.gif) no-repeat scroll bottom left;
}
#copy .popuplayer .br, #subnavigation2 .readmore .br, #home_column1 .readmore .br {
	background: transparent url(/img/popup-br.gif) no-repeat scroll bottom right;
}
#copy .popuplayer .tl, #subnavigation2 .readmore .tl, #home_column1 .readmore .tl {
	background: transparent url(/img/popup-tl.gif) no-repeat scroll top left;
}
#copy .popuplayer .tr, #subnavigation2 .readmore .tr, #home_column1 .readmore .tr {
	background: transparent url(/img/popup-tr.gif) no-repeat scroll top right;
	padding: 0.6em 0.8em 0.8em 0.8em;
	text-align: justify;
}
#home_column1 .readmore .tr p {
	padding: 0;
}
#copy .popuplayer p.complimentby, #subnavigation2 .readmore  p.complimentby, #home_column1 .readmore  p.complimentby {
	font-weight: bold;
	padding-top: 0.7em;
}



.newstitle {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.readmorelink {
	white-space: nowrap;
}
.readmore {
	position: absolute;
	color: #fff;
	margin-top: -2em;
	width: 17.8em;
	font-size: 1em;
}
#subnavigation2 ul li div.readmore{
	font-size: 1.1em;
}



#navigation {
	border-bottom: 7px solid #64a61c;
	clear: both;
	padding: 2.4em 0 0.6em 0;
}
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navigation ul li {
	display: inline;
	padding-right: 1.2em;
}
#navigation ul li a {
	border-left: 1px solid #64a61c;
	padding-left: 1.2em;
}
#navigation ul li.first a {
	border-left: 0;
}

#subnavigation1 {
	position: absolute;
	top: 23.6em;
	left: 33px;
}
#subnavigation1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 118px;
}
#subnavigation1 ul li {
	border-bottom: 1px solid #64a61c;
	padding: 0.3em 0.5em 0.2em 0.1em;
	text-align: left;
}



#subnavigation2 {
	position: absolute;
	top: 23.3em;
	left: 584px;
	z-index: 10;
}
#subnavigation2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0.9em 0 0;
	width: 109px;
}
#subnavigation2 ul li {
	font-size: 1.1em;
	padding: 0 0.1em 2.7em 0;
	text-align: left;
}
#subnavigation2 ul li.casestudy p {
	padding-top: 0.5em;
}



#bottomnavigation {
	clear: both;
	padding: 0.2em 0 1em 0.6em;
}
#bottomnavigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#bottomnavigation ul li {
	display: inline;
	padding-right: 1.2em;
}
#bottomnavigation ul li a {
	border-left: 1px solid #64a61c;
	color: #3c3c3c;
	padding-left: 1.2em;
}
#bottomnavigation ul li.first a {
	border-left: 0;
	padding-left: 0;
}



#subnavigation2 li a, #subnavigation2 li p {
	font-size: 1em;
}
#navigation li a, #subnavigation1 li a {
	color: #000;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: lowercase;
	white-space: nowrap;
}
#navigation li a:hover, #subnavigation1 li a:hover {
	text-decoration: underline;
}
#navigation li a.sel, #subnavigation1 li a.sel {
	color: #64a61c;
	font-weight: bold;
}



#flash_container {
	border-bottom: 7px solid #64a61c;
	margin-bottom: 1.7em;
	/* Make sure you specify the height otherwise you end up with padding around the flash file */
	height: 206px;
}



#home_column1, #home_column2, #home_column3 {
	float: left;
	min-height: 14em;
	margin-top: 0.4em;
	padding: 0 25px 0 25px;
	text-align: left;
}
#home_column3 {
	padding-right: 0;
}
#home_column1 {
	padding-left: 20px;
}
#home_column1, #home_column3 {
	width: 189px;
}
#home_column2 {
	background: transparent url(/img/home-doubleborder.gif) repeat-y scroll top center;
	width: 176px;
}
#home_column1 p, #home_column2 p, #home_column3 p {
	font-size: 1.1em;
	padding-bottom: 1em;
}
#home_column2 p.casestudyimage_home {
	padding-bottom: 0;
	text-align: center;
}



#copyrightprint {
	display: none;
	padding: 0.2em 0 0 0;
	text-align: right;
}



#pad_container_bottom_and_clear {
	clear: both;
	height: 2.5em;
}



div.casestudyimageselector {
	padding: 1.1em 0 3.9em 0;
}
div.casestudyimageselector p, div.casestudyimageselector ul {
	display: inline;
	margin: 0;
	padding: 0;
}
div.casestudyimageselector p, div.casestudyimageselector ul {
	color: #64a61c;
}
div.casestudyimageselector ul {
	background: transparent url(/img/bg-casestudy-numbering.gif) repeat-x scroll center;
	font-weight: bold;
	list-style-type: none;
	vertical-align: middle;
	margin-left: 0.5em;
	padding: 0 0.5em 0 0.5em;
}
div.casestudyimageselector ul li {
	display: inline;
	margin: 0 0.75em 0 0.75em;
}
div.casestudyimageselector ul li a {
	background-color: #3c3c3c;
	color: #fff;
	font-weight: bold;
	padding: 0.2em 0.8em 0.2em 0.8em;
	text-decoration: none;
}
div.casestudyimageselector ul li a:hover {
	background-color: #64a61c;
	color: #fff;
	text-decoration: none;
}
div.casestudyimageselector ul li.sel a {
	border: 3px solid #64a61c;
	padding: 0.1em 0.7em 0.1em 0.7em;
}



img.banad_1col, img.banad_2col, img.banad_3col {
	margin: 0 20px 14px 0;
}
img.banad_1col {
	margin-right: 0;
}
img.banad_3col {
	margin-right: 2px;
}



ul.accessibility {
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	text-align: center;
}
ul.accessibility li {
	display: inline;
	margin-right: 0;
	padding-right: 0;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: 0;
}
ul.accessibility li.first {
	margin-left: 0;
	padding-left: 0;
}

img#iso-left-logo{
	width: 5.3em;
	height: 7.1em;
	margin-top: 6em;
	margin-left: -1.1em;
}

img#iso-security-left-logo{
	width: 11.8em;
	height: 10em;
	margin-top: 2em;
	margin-left: -1.1em;
}

img#iso-quality-left-logo{
	width: 11.8em;
	height: 10em;
	margin-top: 2em;
	margin-left: -1.1em;
}

img#vodafone-left-logo{
	width: 10.6em;
	height: 3.4em;
	margin-top: 4em;
	margin-left: -1.1em;
}

img.cokeBanners{
	width: 33.2em;
	height: 4.3em;
}

img.cokeVerticalBanners{
	width: 12em;
	height: 60em;
}

div.cokeH{
	text-align: center;
	margin-bottom: 0.8em;
}

div.cokeV{
	margin-bottom: 0.8em;
	width: 12em;
	float: left;
	margin-left: 3.4em;
}