@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background-color: #ffffff;
	text-align: center; 
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 0px;
	color: #808080;
}

p, li {
	line-height: 16px;
}

br {
	line-height: 16px;
}

p.bodyP {
	margin-bottom: 12px;
}

p.bodyHeadP {
	font-size: 13px;
	font-weight: bold;
	color: #002A4A;
	margin-bottom: 12px;
}

p.contentBannerHeadP {
	font-size: 13px;
	font-weight: bold;
	color: #002A4A;
	padding-top: 16px;
}

p.bodySubheadP {
	font-weight: bold;
	color: #002A4A;
}

li {
	margin-left: 2em;
}

ul, ol {
	margin-bottom: 12px;
}

a {
	color: #33638a; /* 5a8bb3 */
	text-decoration: none;
}

a:hover {
	color: #33638a; /* 5a8bb3 */
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.hr {
	border-bottom: solid thin #b9c9d3;
}
	
.clear {
	clear: both;
	height: 0px;
	width: 0px;
}

img {
	border: none;
	padding: 0;
	margin: 0;
}

strong {
	
}

#pageHeadContainerDiv {
	background-color: #5884a7;
	background-image: url(/images/pageHead.gif);	
	background-repeat: repeat-x;
	height: 92px;
}

	#pageHeadDiv {
		width: 1008px;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		position: relative;
	}
	
		#logoBarDiv {
			height: 60px;
		}
		
			#leftSubnavSpan {
				width: 439px;
				float: left; 
				text-align: left;
				line-height: 30px;
			}
	
				#leftSubnavSpan a {
					color: #E4F2DA;
					margin: 0px 10px;
					font-size: 10px;
				}
	
			#logoDiv {
				height: 60px;
				width: 120px;
				float: left;
			}
		
			#rightSubnavSpan {
				width: 439px;
				float: right; 
				text-align: right;
				line-height: 30px;
			}
	
				#rightSubnavSpan a {
					color: #E4F2DA;
					margin: 0px 10px;
					font-size: 10px;
				}
	
		#navbarDiv {
			height: 32px;
		}

			#navbarDiv a {
				line-height: 25px;
				padding: 4px 50px 5px 50px;
				margin: 0px 0px 7px 0px;
				color: #EBF2F7;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 12px;
				letter-spacing: 1px;
			}
			
			#navbarDiv a:hover {
				/* text-decoration: underline; */
				background-color: #628daf;
				text-decoration: none;
			}
			
			#navbarDiv a.selected {
			 	color:#DCC26E; 
			 	font-weight: bold;
			 }
			 
			 
			
			.navbarBullet {
			}
			
			.navbarBullet img {
				vertical-align: -5px;
			}
		

#pageFootContainerDiv {
	background-image: url(/images/pageFoot.gif);	
	background-repeat: repeat-x;
}

	#pageFootDiv {
		width: 1008px;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		position: relative;
	}
	
		#footerDiv {
			/* height: 34px; */
			line-height: 38px;
		}
			
			.footerBullet {
			}
			
			.footerBullet img {
				vertical-align: 0px;
			}
			
			#footerDiv a {
				color: #EBF2F7;
				text-decoration: none;
				padding: 3px 15px 4px 15px;
			}
			
			#footerDiv a:hover {
				background-color: #799fbe;
				text-decoration: none;
			}
			
			#footerDiv a.secondaryFooterLink {
				color: #E4F2DA;
			}


 
 
#pageBodyContainerDiv {
	width: 1008px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position: relative;
}

	#pageBodyDiv {
		padding: 12px 24px 12px 24px;
	}
	
/* ---------------------------------------------------------------------------*/
/* home */

#bigHomeBannerDiv {
}

#scrollingItemsDiv {
	border-top: thin solid #c0cdd5;
	border-bottom: thin solid #c0cdd5;
	background-color: #dfedf7;
	height: 22px;
	width: 960px;
	margin: 15px 0;
}

#scrollingItemsDiv p {
	line-height: 22px;
	margin: 0;
}

#scrollingItemsDiv a:hover {
	text-decoration: underline;
}


.goodBetterBestDiv {
	width: 310px;
	float: left;
}

.goodBetterBestP {
	text-align: left;
	padding: 10px;
	padding-top: 3px;
}

.gradientDiv {
	background-repeat: no-repeat;
	width: 310px;
	height: 170px;
	text-align: center;
	/*padding: 10px;*/
}

.pinkDiv {
	background-image: url(/images/gradient-pink-310x170.gif);
}

.greenDiv {
	background-image: url(/images/gradient-green-310x170.gif);
}

.purpleDiv {
	background-image: url(/images/gradient-purple-310x170.gif);
}

.goodDiv {
}

.betterDiv {
 	margin: 0 15px;
 }

.bestDiv {
}

.goodBetterBestTitleP {
	font-size: 12px;
	font-weight: bold;
	/* text-transform: uppercase; */
	color: #002A4A;
}

	
/* ---------------------------------------------------------------------------*/
/* top level service page */


#sidenavDiv {
	width: 230px;
	float: left;
}
	
	.sidenavItemDiv {
		background-image: url(/images/sidenav-background-grey.gif);
		background-repeat: repeat-x;
	}
	
	.sidenavItemSpacerDiv {
		/* background-image: url(/images/sidenav-background-grey.gif); */
		/* background-repeat: repeat-x; */
	}
	
	.sidenavItemDiv p {
		line-height: 24px;
		padding: 0 5px;
		margin: 0;
		text-align: left;
	}
	
	.sidenavItemDiv a {
		color: #5a8bb3; /*5a8bb3*/ /*7FADD1*/
	}
	
	.sidenavItemDiv a:hover {
		text-decoration: underline;
	}
	
	.sidenavItemDiv a.selected {
		color: #204c70; /*1E73A8*/
		font-weight: bold;
	}
	
	.sidenavASelected {
		color: #1E73A8;
		font-weight: bold;
	}
	
	.sidenavItemDiv a.selected:hover {
		text-decoration: none;
	}
	

#contentDiv {
	width: 470px;
	float: left;
	margin: 0 15px;
}

#contentSpreadDiv {
	width: 700px;
	float: left;
	margin: 0 15px;
}

#contactDiv {
	width: 230px;
	float: right;
}

	#contactHeadDiv {
		background-image: url(/images/contactHead.gif);
		background-repeat: no-repeat;
		height: 22px;
		line-height: 0px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		padding-top: 5px;
	}

	#contactBodyDiv {
		background-image: url(/images/contactBody.gif);
		background-repeat: repeat-y;
		text-align: left;
		padding: 5px 5px 0px 10px;
	}

	#contactBodyDiv p {
		margin-bottom: 0px;
	}
		
		#quickQuoteForm .inputText {
			width: 200px; 
			height: 16px; 
			padding: 3px 5px;
			margin-top: 3px;
			margin-bottom: 6px;
		}
		
		#quickQuoteForm #submit {
			background-image: url(/images/contactButton.gif);
			width: 147px; 
			height: 21px; 
			
			margin-top: 9px;
			margin-bottom: 9px;
		}

	#contactFootDiv {
		background-image: url(/images/contactFoot.gif);
		background-repeat: no-repeat;
		height: 7px;
	}


#contentBannerDiv {
	width: 470px;
	height: 270px;
	margin-bottom: 15px;
}

.good470x270Div {
	background-image: url(/images/gradient-pink-470x270.gif);
	background-repeat: no-repeat;
}

.better470x270Div {
	background-image: url(/images/gradient-green-470x270.gif);
	background-repeat: no-repeat;
}

.best470x270Div {
	background-image: url(/images/gradient-purple-470x270.gif);
	background-repeat: no-repeat;
}

.neutral470x270Div {
	background-image: url(/images/gradient-blue-470x270.gif);
	background-repeat: no-repeat;
}

#contentTextDiv {
	/* width: 450px; */
	text-align: left;
	padding: 0 10px;
}


.contactColumnDiv {
	float:left;
	width: 200px;
	margin-right: 25px;
}

	
/* ---------------------------------------------------------------------------*/
/* standards conversion page */


#conversionTableDiv {
	height: 300px;
	overflow: auto;
	/*padding: 10px; */
	/*border: thin solid #ccc;	 */
	text-align: left;
}

.countrySpan {
	width: 140px;
	float: left;
	line-height: 16px;
	margin-bottom: 6px;
	border-bottom: solid thin #ccc;
}

.colorsystemSpan {
	width: 40px;
	float: left;
	line-height: 16px;
	margin-bottom: 6px;
	border-bottom: solid thin #ccc;
}
	
/* ---------------------------------------------------------------------------*/
/* scrolling items */

.scrollItem {
	display:none;
	text-align: left;
	padding-left: 10px;
}

.scrollTitle {
	text-align: left;
	color: #002A4A;
}


.editNote {
	color: red;
	text-align: right;
	display: block;
}

	
/* ---------------------------------------------------------------------------*/
/* request a quote page */

#fullContactDiv {
	/* width: 230px; */
	/* float: right; */
	text-align: left;
}

	.fullContactHeadDiv {
		background-color: #efefef;
		text-transform: uppercase;
		font-weight: bold;
		padding: 10px 0;
		/* text-align: center; */
		margin-bottom: 10px;
	}

	#fullContactBodyDiv {
		/* background-image: url(/images/contactBody.gif); */
		/* background-repeat: repeat-y; */
		text-align: left;
		/* padding: 5px 5px 0px 10px; */
	}

	#fullContactBodyDiv p {
		margin-bottom: 0px;
	}
		
		#fullQuoteForm .inputText {
			height: 16px; 
			padding: 3px 5px;
			margin-top: 3px;
			margin-bottom: 6px;
		}
		
		#contactColumnDiv .inputText {
			width: 200px; 
		}
		
		#projectColumnDiv .inputText {
			width: 410px; 
		}
		
		#fullQuoteForm #submit {
			background-image: url(/images/contactButtonQuote.gif);
			width: 147px; 
			height: 21px; 
			
			margin-top: 9px;
			margin-bottom: 9px;
		}
		
		#contactColumnDiv {
			float: left;
			clear: left;
			width: 220px;
			/* background-color: #efefef; */
			/* padding: 5px 5px 0px 10px; */
		}
		
		#projectColumnDiv {
			/* border-left: thin solid #b9c9d3; */
			float: right;
			clear: right;
			width: 430px;
			/* background-color: #efefef; */
			/* padding: 5px 5px 0px 10px; */
			padding-left: 20px;
		}
		
		.boxTopDiv {
		}
		
		.boxDiv {
			/* display:none; */
			padding-left: 30px;
			padding-bottom: 10px;
		}
		
		#cddvdBoxTopDiv {
		}
		
		.boxTopCheckBoxSpan{
			float:left; 
			width: 20px;
		}
		
		.boxTopLabelSpan {
			float:left; 
			width: 200px;
		}
		
		.boxCheckBoxSpan{
			float:left; 
			width: 20px;
		}
		
		.boxLabelSpan {
			float:left; 
			width: 300px;
		}
		
		.quantitySpan {
			float:left; 
			width: 150px;
		}
		
		.quantityText {
			height: 16px; 
			padding: 3px 5px;
			width: 50px;
		}

	#fullContactFootDiv {
		background-image: url(/images/contactFoot.gif);
		background-repeat: no-repeat;
		height: 7px;
	}

.downloadTemplateDiv {
	/* background-color: #efefef; */
	width: 180px;
	float: left;
	padding: 10px;
	margin-right: 20px;
	text-align: center;
}

.downloadTemplate2ColDiv {
	/* background-color: #efefef; */
	width: 300px;
	float: left;
	padding: 10px;
	margin-right: 20px;
	text-align: center;
}


.relatedLinksDiv {
	/* float: left; */ 
	/* width: 220px; */
	padding-left: 20px; 
	padding-top: 10px;
	text-align: left;
	padding-right: 30px;
}

.printLabelSpan {
	background-color: #eee;
	color: #999;
	font-size: 9px;
	text-transform: uppercase;
	padding: 6px;
	
}
.printLabelDiv {
	background-color: #bdedc5;
	color: #4c915e;
	font-size: 9px;
	text-transform: uppercase;
	float: left;
	width: 40px;
	height: 16px;
	line-height: 16px;
	margin-right: 15px;
	text-align: center;
}
.discLabelDiv {
	background-color: #bdd8ed;
	color: #4c7391;
	font-size: 9px;
	text-transform: uppercase;
	float: left;
	width: 40px;
	height: 16px;
	line-height: 16px;
	margin-right: 15px;
	text-align: center;
}
.printDefinitionDiv {
	float: left;
	width: 500px;
}


.glossaryLetterP { 
	padding-left: 20px; 
	padding-right: 20px; 
	margin-top: 16px; 
	margin-bottom: 16px; 
	background-color:#efefef;
	border-bottom: solid thin #b9c9d3;
}

.relatedLinksTitleP {
	font-size:9px;
	text-transform: uppercase;
	border-bottom: solid thin #b9c9d3;
	font-weight: bold;
	margin-bottom: 6px;
}

.sidenavRelatedP {
	text-transform:uppercase;
	font-size:9px;
	font-weight: bold;
}

.boxDiv {
	padding: 12px;
	background: #f0f0f0;
}