html {
	font-size: 62.5%;
}
body {
	background: #434345;
	color: #fff;
	font: normal 1.2em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

}
p {
	color: #fff;
	line-height: 1.2em;
	padding: 0 0 15px 0;
	clear: both;
}
strong {
	font-weight: bold;
}
a {
	color: #fff;
	text-decoration: none;
}
.clear {
	clear: both;
}
.none {
	text-decoration: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.bold {
	font-weight: bold;
}
hr {
	background-color: #808080;
	border: none;
	clear: both;
	color: #808080;
	height: 1px; 
	margin: 0;
	padding: 0;
}


#skips { left: 0; position: absolute; top: -999em; }


/* ###### Header ####### */

#header { 
	background: #5e5e61; 
	width: 100%; 
}
#header .limit { 
	margin: 0 auto; 
	overflow: hidden; 
	width: 987px;
	background: #5e5e61;
	padding: 0 0 10px 0;
}
#header .logo { 
	float: left; 
	padding: 8px 0 0 17px; 
}
#header .call { 
	float: right; 
	margin: 9px 11px 0 0;
}
#header .search {  
	margin: 9px 0 0 0; 
	float: right;
	width: 352px;
}
#header .search form {
	float: right;
	margin: 0 5px 0 0;
}
#header .search label { 
	display: none;
}
#header .search input { 
	border: 1px solid #bebebe; 
	color: #9a9a9a; 
	font-size: 0.9em;
}
#header .search .search_field { 
	width: 240px;
	margin: 6px 0 0 0;
	padding: 3px 2px;
	float: left;
}
#header .search input.button {
	text-indent: -99999px;
	margin: 0 0 0 6px;
	width: 77px;
	height: 35px;
	border: none;
	cursor: pointer;
	float: left;
}

/* ###### Navigation ####### */
#navigation { 
	background: #dadada url(/images/bg_nav.gif) top left repeat-x; 
	width: 100%; 
}
#navigation .limit { 
	margin: 0 auto; 
	width: 987px;
	background: #dadada url(/images/bg_nav.gif) top left repeat-x; 
}

	#nav ul { 
		width: 987px;
		overflow: hidden;
		padding: 0;
	}
	#nav ul li{ 
		float: left; 
		display: block;
	}
	
	a.no_hover {
		color: #5e5e61;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none; 
		display: block;
		padding: 8px 16px 10px 16px;
		line-height: 1.4em;
	}
		a:hover.no_hover {
			background: #5e5e61; 
			color: #ffffff;
			display: block;
			text-decoration: none;
		}

		#nav ul li.live {
			float: right;
			margin: 0;
		}
		
	#nav li span a { 
		color: #5e5e61;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none; 
		display: block;
		line-height: 1.4em;
		padding: 8px 16px 10px 16px;
	}
	#nav ul li span a:hover { 
		background: #5e5e61; 
		color: #ffffff;
		display: block;
	}
	
	

ul li:hover a.menu_hover {background-color:#5e5e61; color:#fff !important;}

	#nav ul li ul a { 
		text-decoration: none; 
		color: #fff; 
		line-height: 1.4em;
	}
	#nav ul li ul { 
		visibility: hidden; 
		position: absolute; 
	}
	#nav ul li iframe { 
		visibility: hidden; 
		position: absolute;
	}
	#nav ul li ul li:hover a:hover {
		color: #c6c3bf; 
		text-decoration: underline;
	}
	#nav ul li:hover ul, #nav ul li a:hover ul {
		visibility: visible; 
		padding: 0 5px; 
		background: #5e5e61;
	}
	#nav ul li:hover iframe, #nav ul li a:hover iframe { 
		border: none; 
		visibility: visible; 
	}	
	.nav_col { 
		float: left; 
		display: block; 
		background: transparent url(/images/dd_nav_divide.gif) top right repeat-y;
		padding: 10px;
		width: 160px;
		height: 400px;  
	}
		.nav_col.no_divide { 
			background: none;
			width: 120px;  
		}
	.nav_col a { 
		display: block; 
	}
	.nav_col a:hover {
		text-decoration: underline !important; 
	}
	.nav_sub_heading { 
		color: #fff !important; 
		padding: 0 0 0 0; 
		font-weight: bold;
		text-decoration: none !important;
	}
	.nav_sub_heading a { 
		color: #fff !important; 
		padding: 0 0 0 0; 
		display: block; 
		font-weight: bold;
	}
	#nav #otherServices_menu, ul li iframe#otherServices_iframe { 
		width: 117px; 
		height: 76px; 
		z-index: 100; 
		top: 28px;
	}
	#nav #services_menu, ul li iframe#services_iframe { 
		width: 350px; 
		height: 334px; 
		z-index: 100; 
		float: left; 
		top: 28px;
	}


/* ----- CLASSES ----- */
.hide { display: none; }
.show { display: block; }


/* ###### Branded Bar ###### */
#brandedbar  { 
	margin: 0 auto; 
	overflow: hidden; 
	width: 987px; 
	color: #5e5e61;
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.2em;
}
	#brandedbar .bmedia {
		float: left;
		width: 230px;
		height: 90px;
		padding: 12px 0 0 20px;
		background: transparent url(/images/bg_bmedia.gif) top left no-repeat;
	}
		#brandedbar img {
			float: left;
		}
		#brandedbar  a {
			float: left;
		}
		#brandedbar .bar_copy {
			float: left;
			margin: 10px 0 0 5px;
			width: 140px;
		}
		#brandedbar a span  {
			color: #7a7a7d;
			font-weight: bold;
			font-size: 1.0em;
			line-height: 1.2em;
			text-decoration: none;
		}
		#brandedbar span.bar_title {
			color: #434345;
			font-weight: normal !important;
			font-size: 1.4em;
			padding: 28px 0 2px 0;
			margin: 0;
		}


	#brandedbar .bprint {
		float: left;
		width: 227px;
		height: 90px;
		padding: 12px 0 0 16px;
		background: transparent url(/images/bg_bprint.gif) top left no-repeat;
	}
	#brandedbar .bmailing {
		float: left;
		width: 227px;
		height: 90px;
		padding: 12px 0 0 17px;
		background: transparent url(/images/bg_bmailing.gif) top left no-repeat;
	}
	#brandedbar .bmemory {
		float: left;
		width: 234px;
		height: 90px;
		padding: 12px 0 0 16px;
		background: transparent url(/images/bg_bmemory.gif) top left no-repeat;
	}

/* ###### Footer ###### */
#footer  { 
	margin: 0 auto; 
	overflow: hidden; 
	width: 987px;
}
	#footer .top {
		margin: 7px 0 0 0;
		width: 987px;
	}
	#footer .bottom {
		margin: 0 0 15px 0;
		width: 987px;
	}
	#footer .content {
		background: transparent url(/images/bg_footer.gif) top left repeat-y;
		padding: 0 0 15px 11px;
		overflow: hidden;
		float: left;
		width: 976px;
	}
	
#footer ul.sitemap {
	list-style: none;
	background: transparent url(/images/footer_divide.gif) top right repeat-y;
	padding: 0 0 0 25px;
	margin: 30px 0 0 0;
	width: 143px;
	height: 25em;
	float: left;
}
	#footer ul.sitemap .heading {
		float: left;
		margin: 15px 0 0 0;
		font-size: 1.2em;
		font-weight: bold;
		color: #fff;
	}
		#footer ul.sitemap .heading_top{
			float: left;
			margin: 1px 0 0 0;
			font-size: 1.2em;
			font-weight: bold;
			color: #fff;
		}
	#footer ul.sitemap li {
		clear: both;
		font-weight: bold;
	}
	#footer ul.sitemap li a {
		color: #cdcdcd;
	}	
	#footer p.footer_title {
		font-size: 1.6em;
		font-weight: normal;
		margin: 0 0 10px 0;
		padding: 0;
	}

/* ###### Tag Cloud ###### */		
.tagcloud {
	padding: 30px 10px 0 24px;
	margin: 0;
	float: left;
	width: 350px;
}
.tagcloud ul {
	margin: 0;
	width: 350px;
	text-align: justify;
}
.tagcloud li {
	display: inline;
	padding: 0 20px 0 0;
	color: #fefeff;
}
.tagcloud a {
	color: #fefeff;
	text-decoration: none;
}
.tagcloud a:hover {
	text-decoration: underline;
}
.tagcloud .v-popular {
	font-size: 1.1em;
}
.tagcloud .vv-popular {
	font-size: 1.2em;
}
.tagcloud .vvv-popular {
	font-size: 1.4em;
}
.tagcloud .vvvv-popular {
	font-size: 1.6em;
}
.tagcloud .vvvvv-popular {
	font-size: 1.8em;
}
.tagcloud .vvvvvv-popular {
	font-size: 2.0em;
}

.contact {
	margin: 30px 0 0 0;
	padding: 0 0 20px 24px;
	float: left;
	width: 190px;
	background: transparent url(/images/footer_divide.gif) top left repeat-y;
}
	.contact p {
		color: #cdcdcd;
		font-weight: bold;
	}
	.contact a {
		color: #fff;
		text-decoration: none;
	}
	.contact a:hover {
		text-decoration: underline;
	}
	
.boxes {
	float: right;
	padding: 30px 0 0 0;
	width: 275px;
}
#sub_footer  { 
	margin: 0 auto; 
	overflow: hidden; 
	width: 967px;
	padding: 10px 10px 0 10px;
}

/* ###### Main section ###### */
#content  { 
	margin: 0 auto; 
	overflow: hidden; 
	width: 987px;
}
#left_col {
	float: left;
	width: 709px;
}
#right_col {
	float: left;
	width: 278px;
}

/* ###### Homepage ###### */
.flash {
	margin: 11px 0 9px 4px;
}

.project {
	width: 207px;
	float: left;
	height: 19.6em;
	margin: 0 7px 0 0;
}
	.project.home_products {
		height: 18.9em;
	}
	.project.third {
		margin: 0 0 0 0;
	}
	.project img {
		border: 1px solid #666667;
		margin: 0 0 10px 0;
	}
	.project h4 {
		font-size: 1.4em;
		padding: 0;
		margin: 0 5px 6px 9px;
		font-weight: normal;
		float: left;
	}
		.project h4 a {
			text-decoration: none;
		}
		.project h4 a:hover {
			text-decoration: underline;
		}
	.project p {
		color: #cdcdcd;
		padding: 0;
		margin: 0 0 11px 9px;
		font-size: 1.2em;
	}
	p.white {
		color: #fff;
	}
	.cta_arrow {
		vertical-align: top;
		border: none !important;
	}


/* ###### Contact Form ###### */
.contact_form_top {	
	float: left;
	margin: 8px 0 5px 0;
	padding: 6px 0 0 0;
	width: 278px;
	background: #fff url(/images/bg_top_form.gif) top left no-repeat;
}
.contact_form { 
	float: left;
	width: 243px;
	height: 369px;
	padding: 10px 0 0 35px;
	background: transparent url(/images/bg_bottom_form.gif) top left no-repeat;
}
	.contact_title {
		padding: 0 0 3px 0;
	}
	.contact_form input {
		width: 209px;
		border: 1px solid #dbdbdb;
		color: #5e5e61;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		padding: 0 0 0 3px;
		margin: 0 0 3px 0;
	}
	.contact_form select {
		width: 214px;
		border: 1px solid #dbdbdb;
		color: #5e5e61;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		padding: 0 0 0 0;
		margin: 0 0 3px 0;
	}
		.contact_form select.requireddate {
			width: 137px;
			margin: 0 3px 3px 0;
			float: left;
		}
		.contact_form input.submit {
			width: 73px;
			border: none;
			float: left;
			text-indent: -99999px;
			padding: 0;
			margin: 1px 0 0 0;
		}
		
		form.email_signup  {
			float: left;
			width: 211px;
			padding: 0 0 3px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #b7b7b8;
		}
		.email_signup input.email {
			width: 155px;
			margin: 0 3px 0 0;
			float: left;
		}
		.email_signup input.go {
			width: 48px;
			border: none;
			float: left;
			text-indent: -99999px;
			padding: 0;
		}
		

/* ###### Grey box RIGHT col ###### */
.greyright_top {
	float: left;
	width: 278px;
}
.greyright_bottom {
	float: left;
	width: 278px;
	padding: 0 0 2px 0;
}
.greyright{
	float: left;
	width: 222px;
	background: transparent url(/images/bg_greyright.gif) top left repeat-y;
	padding: 22px 35px 22px 21px; 
}
	.greyright.testimonials{
		padding: 0 0 0 5px;
		width: 273px;
		background: transparent url(/images/bg_greyright.gif) top left repeat-y;

	}
	.greyright h2 {
		font-size: 1.6em;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
.cta img {
	margin: 0 0 3px 0;
}

/* ###### Clients ###### */
ul.clients {
	list-style: none;
}
	.clients li {
		float: left;
		margin: 0;
		padding: 0;
	}
	.clients li.aardman {
		margin: 7px 0 0 4px;
	}
	.clients li.channel4 {
		padding: 0 0 0 31px;
	}
	.clients li.bbc {
		padding: 18px 0 0 7px;
	}
	.clients li.aa {
		padding: 8px 0 0 27px;
	}
	.clients li.diabetes {
		padding: 7px 0 0 9px;
	}
	.clients li.centerparcs {
		padding: 7px 0 0 19px;
	}

/* ###### Testimonials ###### */
blockquote {
	font-size: 1.2em;
}
blockquote span.quote {
	font-size: 2.7em;
	line-height: 0.6em;
	vertical-align: top;
	color: #868689;
}
blockquote p {
	color: red;
}
p.client {
	margin: 15px 0 0 0;
	font-size: 1.2em;
}

/* ###### Grey box LEFT col ###### */
.greyleft_top {
	float: left;
	width: 709px;
}
.greyleft_bottom {
	float: left;
	width: 709px;
	padding: 0 0 2px 0;
	margin: 0 0 8px 0;
}
.greyleft{
	float: left;
	width: 649px;
	background: transparent url(/images/bg_greyleft.gif) top left repeat-y;
	padding: 22px 30px 22px 30px; 
}
	.greyleft h1 {
		font-size: 1.8em;
		font-weight: normal;
		margin: 0 0 10px 0;
		color: #f1f1f1;
	}
		.greyleft h1 span {
			font-weight: bold;
		}
		.greyleft a, greyleft a:hover {
			text-decoration: underline;
		}
		.greyleft h1.headline {
			font-size: 1.6em;
			font-weight: normal;
			margin: 0 0 15px 0;
			color: #ffffff;
		}
	.greyleft h2 {
		font-size: 1.6em;
		font-weight: normal;
		margin: 0 0 0 0;
	}
	.greyleft span.title2 {
		font-size: 1.6em;
		font-weight: normal;
		margin: 0 0 0 0;
	}
		.greyleft h2.info {
			font-size: 1.6em;
			font-weight: normal;
			margin: 10px 0 10px 0;
			color: #f1f1f1;
			clear: both;
		}
	.greyleft h2.complete {
		font-size: 2em;
		font-weight: normal;
		margin: 0 0 9px 0;
	}
	.greyleft h3 {
		font-size: 1.6em;
		font-weight: normal;
		margin: 0 0 0 0;
		padding: 0;
	}
	.buttons {
		float: left;
		padding: 40px 0 0 0;
		width: 649px;
	}
		
	.buttons_details {
		float: right;
		padding: 0 18px 0 0;
	}
		.buttons_details img {
			padding: 0 0 0 6px;
		}
		
	.find_home {
		float: right;
		margin: 3px 14px 0 0;
		width: 200px;
		border: 1px solid #dbdbdb;
		color: #5e5e61;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.5em;
	}
	.find {
		float: right;
		margin: 3px 14px 15px 0;
		width: 200px;
		border: 1px solid #dbdbdb;
		color: #5e5e61;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.5em;
	}
	.find_services {
		float: right;
		margin: 3px 14px 15px 0;
		width: 200px;
		border: 1px solid #dbdbdb;
		color: #5e5e61;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}

/* ###### Banner ###### */
.banner {
	width: 698px;
	margin: 0 0 5px 4px;
}

/* ###### Breadcrumb ###### */
.breadcrumb {
	width: 698px;
	float: left;
	margin: 12px 0 0 4px;
	display: inline;
	background: #dadada url(/images/bg_breadcrumb.gif) top left repeat-x;
	border-bottom: 1px solid #c8c8c7;
}
	.breadcrumb ul {
	float: left;
		list-style: none;
	}
	.breadcrumb li {
		float: left;
		padding: 8px 13px 8px 13px;
		color: #8d8d8c;	}
	.breadcrumb li.start {
		background: #dadada url(/images/breadcrumb_arrow.gif) top right no-repeat;
		padding: 8px 34px 8px 15px;
		color: #6f6f72;
	}
	.breadcrumb a {
		color: #8d8d8c;
		font-weight: bold;
	}
 
 
ul.detailed_quote {
	float: left;
	border-bottom: 1px solid #636364;
	padding: 0 0 20px 0;
}
ul.detailed_quote.amanda {
	height: 8.5em;
}
ul.detailed_quote input {
	width: 200px;
	margin: 0 10px 3px 0;
	border: 1px solid #dbdbdb;
	color: #5e5e61;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 0 0 0 3px;
}
ul.detailed_quote select {
	width: 205px;
	margin: 0 10px 3px 0;
	border: 1px solid #dbdbdb;
	color: #5e5e61;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 0 0 0 0;
}
ul.detailed_quote .submit {
	width: 73px;
	border: none;
	padding: 0;
	margin: 10px 0 0 0;
}


h2.quote_heading {
	clear: both;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 10px 0;
}
.details {
	float: left;
	padding: 0 0 20px 0;
}
.details_left {
	float: left;
	width: 191px;
} 
.map_padding {
	background-color: #858585;
	padding-left: 5px;
	float: left;
	width: 180px;
	margin: 0 0 5px 0;
}
.map {
	float: left;
	margin: 0 0 5px 0;
}
.warehouse {
	margin: 0 0 5px 0;
}
 
.usb_img {
	margin: 3px 0 20px 10px;
	float: right;
	border: 1px solid #666667;
}
 
table.bluray td{
	border: 1px solid #ccc;
	padding: 3px;
} 
 
.main_product img {
	border: 1px solid #666667;
	margin: 0 0 10px 0;
}
 
.right_back {
	padding: 3px 0 0 0;
	float: right;
}
 
.article_list {
	border-bottom: 1px solid #636364;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
} 

	/* **************** packaging print spec ****************** */


.ppsHolder{
	clear: both;
}
.ppsLeft{
	float: left;
	width: 296px;
	margin-right: 31px;
}
.ppsRight{
	float: right;
	width: 295px;
}
a#buttonDownloadEps{
	background: url(/images/download_eps.gif) no-repeat;
	height: 19px;
	width: 88px;
	display: block;
	margin: 0 0 3px 0;
}
a#buttonDownloadPDf{
	background: url(/images/download_pdf.gif) no-repeat;
	height: 19px;
	width: 88px;
	display: block;
	margin: 0 0 3px 0;
}
.printSpecGroups {
	padding: 5px 0px 0px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #636364;
	float: left;
	width: 645px;
}
.printSpecGroups span {
	clear: none;
	float: left;
	width: 324px;
}
	.printSpecGroups span.long {
		width: 424px;
	}
.printSpecGroups p {
	float: left;
}
.printSpecGroups p.long {
		width: 620px;
	}
.no_border {
	border: none;
}

ul.brand_list li {
	padding: 0 0 10px 10px;
	list-style: disc inside;
}