/* @CLEAR (FORMATTING) 
/* ---------------------------------------- */

	/* TARGET DTD: XHTML STRICT */
	html, body, 

	/* BLOCK LEVEL (NATURAL OR BY INHERITANCE) ELEMENTS */
	blockquote, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6,
	hr, ol, p, pre, table, ul, dd, dt, li, td, th, tr, 
	button, del, object, script,
	
	/* INLINE ELEMENTS */
	a, em, img, input, label, select, span, strong, textarea 

					{ border: 0; font-size: 100%; font-weight: normal; margin: 0; outline: none; padding: 0; text-decoration: none; }
	
	/* INDIVIDUAL ELEMENT CLEARING */
	ol, ul 			{ list-style: none; }
	table			{ border-spacing: 0; }
	
	/* UNUSED (ELEMENTS WITH FORMATTING LEFT INTACT)
	address(bl), ins(bl), map(bl), noscript(bl), tbody(bl), tfoot(bl), thead(bl), 
	abbr, acronym, b, bdo, big, br, cite, code, dfn, i, kbd, q, 
	samp, small, sub, sup, tt, var

/* @REDEFINITIONS
/* ---------------------------------------- */

	body			{ font: 12px verdana, arial, sans-serif; }

	h1, h2, h3, h4, 
	h5, h6 			{ font-family: verdana, arial, sans-serif; }

	h1 				{ font-size: 36px; }
		h1.exception {
			font-weight: normal;
			padding-bottom: 8px;
		}
		h1.noBorder {
			border: none;
		}
	 
	h2 				{ font-size: 32px; }
		h2.exception {
			font-weight: normal;
			padding-bottom: 8px;
		}
	h3 				{ font-size: 28px; } 
	h4 				{ font-size: 24px; }
	h5 				{ font-size: 20px; }
	h6 				{ font-size: 16px; }

	ul				{ list-style: disc; }
	ol				{ list-style: decimal; }

	del 			{ text-decoration: line-through; }

	li a			{ color: #000; }
	li a:hover		{ color: #ef3e42; }

/* @COLORS
/* ----------------------------------------

	header bg - 	#ffffff (white)
	header text - 	#000000 (black)
	header hover -  #ef3e42 (red)

	body bg - 		#ffffff (white)
	body text - 	

	footer bg - 	#ffffff (white)
	footer text - 	#424242 (dark)
	footer hover - 	#ef3e42 (red)

/* @GLOBAL
/* ---------------------------------------- */

	/*  WRAPPER */
	div#wrapper 	{ margin: 20px auto; width: 960px; }

	/* UNBOUND CLASSES */
	.block 			{ display: block; } 
	.inline 		{ display: inline; }
	.left 			{ float: left; }
	.right 			{ float: right; }
	.highlight 		{ color: #ef3e42; font-weight: bold; }
	.hide			{ display: none; }
	.bold			{ font-weight: bold; }
	.no_decoration 	{ text-decoration: none; }
	.smallcaps 		{ font-variant: small-caps; }
	
	.clear:after 	{ clear: both; content: "."; display: block; height: 0; visibility: hidden;  }
	.clear 			{ display: inline-block; }

	/* HIDE FROM IE-MAC \*/
	* html .clear 	{ height: 1%; }
	.clear 			{ display: block; }
	/* /HIDE FROM IE-MAC */

/* @HEADER
/* ---------------------------------------- */

div#headerWrapper { 
	border-bottom: 0px solid black; 
}

div#header { 
	position: relative;
	width: 850px;
}

div#logo { 
	width: 92px; 
}

div#search { 
	height: 35px; 
	text-align: right; 
	color: #414142;}
	div#search input {
		width: 123px;
	}
	div#search input.button  { 
		margin-left: 10px;
		height: 14px; 
		width: 27px; 
	}
	div#search label { 
		margin-right: 10px; 
	}

div#navigation { 
	height: 26px; 
} 
	div#navigation ul { 
		list-style: none;
		float: right;
	}
	div#navigation ul li { 
		float: left; 
		margin-right: 20px; 
	}
	div#navigation ul li a, div#navigation ul li span { 
		display: block; 
		height: 9px; 
		outline: none; 
		overflow: hidden; 
		position: relative; 
		text-decoration: none; 
	}
	div#navigation ul li a img, div#navigation ul li span img { 
		border: 0; 
		height: 28px; 
		left: 0; 
		position: relative; 
		top: 0; 
	} 
	div#navigation ul li a:hover, div#navigation ul li a.active { 
		border: none; 
		padding-top: 0; 
	}
	div#navigation ul li a:hover img, div#navigation ul li a.active img { 
		top: -19px; 
	}
	div#navigation ul li.last {
		margin-right: 0;
	}

div#tagline { 
	height: 33px; 
	text-align: right; 
}

/* @BODY
/* ---------------------------------------- */

/* @SEARCH */
div.searchdescription {
	margin-bottom: 10px;
}
div.searchdescription p {
	margin-bottom: 2px;
}
	div.searchdescription p.last {
		margin-bottom: 15px;
	}
	
	div.searchdescription div.productThumb {
		float: left;
		margin-right: 10px;
		width: 80px;
	}
	div.searchdescription div.detailsWrapper {
		width: 510px; 
		float: left;
		
	}
	div.searchdescription div.detailsWrapper.full {
		width: 600px;
	}
	
	div.searchdescription div.productDetails {
			/* border-bottom: 1px solid gray; @temp 12/29 */
		margin-bottom: 5px; 
		padding-bottom: 5px;
	}
	
	
/* @LOCATE REP */
div#reps {
	margin-top: 15px; /* 15px */
}

div.rep {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
	div.rep.last {
		border-bottom: 0;
		margin-bottom: 0;
	}
	div.rep p {
		margin: 0;
		padding: 0;
	}
	div.rep div.name {
		float: left;
		width: 200px;
		margin-right: 10px;
	}
	div.rep div.name p.indent {
		padding-left: 10px;
	}
	div.rep div.address {
		float: left;
		width: 150px;
		margin-right: 10px;
	}
	div.rep div.address.large {
		width: 200px; 
	}
	div.rep div.contact {
		float: left;
		width: 200px;
	}
	div.rep div.contact.small {
		width: 150px;
	}
	
div#locator {
	margin-bottom: 25px;
}
	div#locator.padTop {
		margin-top: 10px;
	}
	div#locator p {
		margin: 0;
	}
		div#locator p.note {
			margin-top: 10px;
		}
	div#locator div {
		border-bottom: 1px solid #d2d2d2;
		padding-bottom: 2px;
		padding-top: 5px
	}
	div#locator div div {
		border: 0;
		float: left;
		padding: 0 10px;
		width: 250px;
			overflow: hidden;
	}
	div#locator div div.logo {
		width: 25px;
		padding: 0;
	}
	div#locator div div.logoHeader {
		width: 25px;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 8px;
	}
	div#locator div div.stretch {
		width: 565px;
	}
	div#locator div div.full {
		width: 600px;
	}
	div#locator div div.noPadRight {
		padding-right: 0;
	}
	
	
/* @FAQS */
div.faq div.question {
	background: url(/design/plain_site/images/icon_plus.gif) left 2px no-repeat;
	cursor: pointer;
	padding-left: 15px;
}
div.faq div.question.active {
	background: url(/design/plain_site/images/icon_minus.gif) left 2px no-repeat;
}
div.faq div.question p {
	color: #ef3e42; 
	margin-bottom: 5px;
}
div.faq div.answer {
	padding-left: 15px;
}
div.faq div.answer p {
	margin-bottom: 0;
	padding-bottom: 10px;
}
div.faq div.answer ul, ol {
	margin-bottom: 0;
	padding-bottom: 5px;
}
div.faq div.answer ol {
	padding-left: 25px;
}
div.faq div.answer li {
	margin-bottom: 0;
	padding-bottom: 2px;
}
div.faq div.answer li a {
	text-decoration: underline;
}
div.faq div.answer img {
	margin-bottom: 0;
	margin-top: 5px;
}

/* @SITEMAP */
.col .section {
  margin-bottom: 10px;
}
.col h3 {
  margin-bottom: 5px;
}
.col ul {
  margin-left: 15px;
}
.col ul.first {
  margin-left: 25px;
}

/* @CALLOUTS */
div#calloutWrapper {
	width: 960px;
	margin-top: 7px;
}

div.callout { 
	float: left;
	width: 314px;
	margin-right: 9px;
}
	div.callout.last {
		margin-right: 0;
	}
	div.callout div.content {
		padding: 8px;
		position: relative;
	}
	div.callout div.content.distLogin { 
		height: 69px;
		overflow: hidden;
	}
	div.callout div.content div.content_image {
		float: left;
		overflow: hidden;
		margin-right: 10px;
	}
	div.callout div.content div.content_text {
		float: left;
		font: 10px verdana, arial, sans-serif;
		height: 69px;
		overflow: hidden;
		position: relative;
	}
	div.callout div.content div.content_text.news_items {
		font-size: 10px;
	}
	div.callout div.content div.content_text.full {
		float: none;
		width: 100%;
	}
	div.callout div.content div.content_text p {
		margin-bottom: 1px;
	}
	div.callout div.content div.content_text p.news {
		margin-bottom: 5px;
	}
	div.callout div.content div.content_text a {
		color: black;
	}
	div.callout div.content div.content_text a:hover {
		text-decoration: underline;
	}
	div.callout div.content div.content_text.product_locator {
		font-weight: bold;
		text-align: left;
	}
	div.callout div.content div.content_text.product_locator img.button {
		margin-left: 12px;
		vertical-align: middle;
	}
	div.callout div.content div.content_text.product_locator div.center {
		margin: 5px 0;
		text-align: center;
	}
	div.callout div.content div.content_text.product_locator p {
		display: inline;
		font-weight: bold;
	}
	div.callout div.content div.button {
		float: right;
		position: absolute;
			bottom: 0;
			right: 0;
	}
	div.callout img.title {
		border-bottom: 1px solid white;
		display: block;
	}
	div.callout input.xlarge {
		width: 150px;
	}
	div.callout input.large {
		width: 120px;
	}
	div.callout input.small {
		width: 85px;
	}
	div.callout input.button {
		margin-left: 4px;
	}
	div.callout div.callout_col_left {
		float: left;
		width: 135px;
		margin-bottom: 8px;
	}
	div.callout div.callout_col_right {
		float: left;
		width: 162px;
	}
	div.callout div.footer {
		border-top: 1px solid white; 
		padding-top: 8px;
	}
	div.callout div.footer p {
		font-weight: bold;
	}
	div.callout div.footer img.button {
		float: right;
	}

/* @PRODUCT LOCATOR SEARCH RESULTS */
div#resultsWrapper {
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
	div#resultsWrapper div.img {
		float: left;
		width: 67px;
	}
	div#resultsWrapper div.img img {
		border: 1px solid black;
		display: block;
	}
	div#resultsWrapper div.details {
		float: left;
		width: 351px;
		vertical-align: top;
	}
	div#resultsWrapper div.colors {
		border-left: 1px solid #d2d2d2;
		float: left;
		height: 62px;
		padding-left: 5px;
		width: 170px; 
	}

table.productLocator div.heading { 
		/* width: 296px; */
	width: 220px;
	border-bottom: 2px solid #ef3e42;
}
	table.productLocator div.heading p, 
	table.productLocator div.distributor p {
		text-align: left;
		font-size: 10px;
		margin: 0;
	}
	table.productLocator div.heading p.small, 
	table.productLocator div.distributor p.small {
		font-size: 9px;
		margin-bottom: 2px;
	}	
	table.productLocator div.distributor {
			/* width: 296px; */
		width: 220px;
	}
		table.productLocator div.distributor div.arrow { 
			float: left;
			width: 8px;
			height: 21px;
			margin-right: 6px;
			margin-top: 13px;
		}
		table.productLocator div.distributor div.arrow a { 
			display: block;
			width: 10px;
			height: 10px;
			background: url(/design/plain_site/images/arrow_closed.gif) no-repeat;
		}
		table.productLocator div.distributor div.arrow a.active { 
			background: url(/design/plain_site/images/arrow_open.gif) no-repeat;
		}
		table.productLocator div.distributor div.info { 
			float: left;
			/* height: 24px; */
			margin-top: 10px;
			width: 180px;
		}
		table.productLocator div.distributor div.official { 
			float: right;
			height: 34px;
			width: 25px;
		}

table.productLocator th {
	height: 22px;
	vertical-align: bottom;
}
	table.productLocator th img {
		display: block;
		margin-left: 3px;
	}
	table.productLocator th.nopad {
		padding: 0;
	}

table.productLocator td {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #d2d2d2;
	padding-left: 3px;
	text-align: center;
}
	table.productLocator td.nopad {
		padding-left: 0;
		padding-right: 0;
	}
	table.productLocator tr.open td {
		border: 0;
	}
	table.productLocator td.padLeft {
		text-align: left;
		padding-left: 14px;
	}
	table.productLocator td.padTop { 
		padding-top: 12px;
	}
	table.productLocator td.colorName {
		text-align: right;
	}
	table.productLocator td.colorName p {
		padding-right: 10px;
	}
	table.productLocator td.colorName img {
		border: 1px solid black;
		vertical-align: middle;
	}
	table.productLocator td p {
		font-size: 10px;
		margin-bottom: 0;
	}
	table.productLocator td p.space {
		margin-bottom: 12px;
	}

/* @PRINTING COLOR CODES */
table.colorCodes {
	width: 600px;
}
	table.colorCodes th {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
	}
	table.colorCodes th.section {
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		padding: 10px 0;
	}
	table.colorCodes th {
		padding: 2px 0;
	}
	table.colorCodes th.color {
		width: 140px;
		padding-right: 20px;
	}
	table.colorCodes th.pantone {
		width: 135px;
		padding-right: 20px;
	}

	table.colorCodes th.cmyk {
		width: 130px;
	}
	table.colorCodes th.rgb {
		width: 100px;
	}
	table.colorCodes th.hex {
		width: 55px;
	}
	
	table.colorCodes td {
		padding: 2px 0;
		vertical-align: top;
	}
	
	table.colorCodes tr:hover td {
		background-color: #e9e9e9;
	}

div.colorInfo {
	border-bottom: 1px solid black;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
	div.colorInfo.last {
		border: 0;
		padding-bottom: 0;
	}
	div.colorInfo ul {
		list-style: disc;
		margin-left: 1.5em;
		margin-top: 10px;
	}
	div.colorInfo ul li {
		margin-bottom: 8px;
	}
	div.colorInfo p {
		margin-bottom: 0;
	}
	div.colorInfo table {
		width: 300px;
		margin-top: 15px;
	}
	div.colorInfo table td {
		vertical-align: top;
	}
	div.colorInfo table td.small {
		width: 100px;
	}
	div.colorInfo table td.large {
		width: 200px;
		padding-bottom: 10px;
	}
	div.colorInfo table td.large.last {
		padding-bottom: 0;
	}
	
div.imageLibrary {
	margin: 15px 0;
}
	div.imageLibrary div.imageSample {
		float: left;
		width: 300px;
	}
	div.imageLibrary div.imageDownload {
		float: right;
		width: 285px;
	}
	div.imageLibrary div.imageDownload p.padLeft {
			padding-left: 15px;
		}
	div.imageLibrary div.imageDownload a {
			padding: 1px 0 1px 25px;	
	}
	div.imageLibrary div.imageDownload a.zip { 
			background: url(/design/plain_site/images/icons/icon_archive.gif) 0 center no-repeat;
	}
	div.imageLibrary div.imageDownload a.pic { 
			background: url(/design/plain_site/images/icons/icon_pic.gif) 0 center no-repeat;
	}

/* @FOOTER
/* ---------------------------------------- */

div#footer {
	height: 35px;
	border-top: 2px solid black;
	padding-top: 7px; 
	color: #414142;
	text-transform:uppercase;
}
	div#footer p {
		font-size: 10px;
	}
	div#footer a {
		color: black;
	}
	div#footer a:hover {
		color: #ef3e42;
	}

div#footer div#copyright {
	width: 300px;
}

div#footer div#links {
	width: 660px;
}
	div#footer div#links ul {
		list-style: none;
		float: right;
		font-size: 10px;
	}
	div#footer div#links ul li {
		float: left;
		margin-right: 10px;
	}
	div#footer div#links ul li.last {
		margin-right: 0;
	}
	div#footer div#links img.flag {
		border: 1px solid black;
		padding: 1px;
	}

/* @FORMS
/* ---------------------------------------- */

form { 
	position: relative;
}

form .section { 
	clear: both;
	font-size: 10px;
	padding-top: 10px;
}
	form .section.bottomSpacing { margin-bottom: 15px; }
	form .section.noTopPadding { padding-top: 0; }

	.col		{ float: left; }
	.col.right	{ float: right; }

	form .col					{ width: 286px; }
	form .col.large				{ width: 370px; }
	form .col.xmedium			{ width: 190px; } 
	form .col.medium 			{ width: 138px; }
	/* form .col.crap { width: 106px; } */
	form .col.small 			{ width: 106px; }
	form .col.msmall			{ width: 138px; }
	form .col.xsmall 			{ width: 54px; }
	form .col.xxsmall 			{ width: 32px; }
	form .col.flex				{ width: auto; }
	form .col.padLeft 			{ margin-left: 10px; }
	form .col.padRight			{ margin-right: 10px; } 
	form .col.padLeftSlight		{ margin-left: 5px; }

	form .col .formRow.indent 	{ width: 271px; }
	form .formRow.indent {
	  padding-left: 15px;
	  width: 570px;
	}
	form .formRow.center {
		text-align: center;
	}
	form .formRow.text_right {
		text-align: right;
	}
	
	form .formRow img.promo { 
		display: block;
		margin-bottom: 3px;
	}
	form .formRow div.thumb_label {
		float: left;
		width: 110px;
	}
	form .formRow div.thumb_chk {
		float: left;
		width: 25px;
	}
	form .formRow div.large_label {
		float: left; 
		width: 500px;
	}
	form .formRow div.large_chk {
		float: left;
		width: 25px;
	}
	form .formRow img.prod_search_or {
		padding-top: 16px;
	}

input, textarea, select { 
	border: 1px solid black; 
	font: 12px verdana, arial, sans-serif; 
	padding: 1px; 
	vertical-align: middle;
}

input.full 		{ width: 579px; }
input.xlarge 	{ width: 325px; }
input.large 	{ width: 280px; }
input.xxmedium  { width: 236px; }
input.xmedium	{ width: 200px; }
input.medium 	{ width: 132px; }
input.small 	{ width: 100px; }
input.xsmall 	{ width: 48px; }
input.slightBottomSpacing { 
	margin-bottom: 3px; 
}
input.button {
	border: none;
	margin: 0;
	vertical-align: middle;
}
input.button.submit {
	vertical-align: top;
	margin-left: 4px;
	margin-top: -1px;
}
input.button.search {
	margin-left: 4px;
}

div.formButton { padding-top: 12px; }
input.chk, input.radio { 
	border: 0;
}

select.xlarge 	{ width: 364px; } /* size = input +4 (border and padding): 364 */
select.large 	{ width: 284px; } 
select.xxmedium { width: 240px; }
select.xmedium	{ width: 204px; }
select.medium 	{ width: 136px; }
select.small 	{ width: 104px; }
select.xsmall 	{ width: 52px; }

label { 
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
	vertical-align: middle; 
}
	label.chk, label.radio { 
		margin: 0; 
	}
	label.inline { 
		display: inline; 
		vertical-align: middle; 
	}
	label.normal { 
		font-weight: normal; 
	}

textarea.full {
	height: 100px;
	width: 579px;
}
textarea.large {
	height: 150px;
	width: 280px;
}

fieldset {
	margin-bottom: 20px;
}

div.warning {
	border: 3px solid red;
	color: red;
	margin: 10px 0;
	padding: 10px;
}
	div.warning a {
		color: red;
		text-decoration: underline;
	}
	div.warning ul {
		list-style: disc inside;
	}

div.feedback {
	border: 3px solid black;
	margin: 10px 0;
	padding: 10px;
}

div.formRow {
	margin-top: 1px;
	overflow: hidden;
}
	div.formRow.submit {
		margin: 25px 0;
	}
	div.formRow.chk {
		margin-bottom: 10px;
	}

div.formField {
	float: left;
	vertical-align: middle;
}

p.radio, p.chk {
	font-weight: bold;
	margin-bottom: 3px;
}

/* @SIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	display: block;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}

.sIFR-active h1 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	font-size: 22px;
}

/* @EOF */