@import url("EventDetailView.css");

/* BEGIN CSS 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body 			{ line-height: 1; }

ol, ul 		{ list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus 		{ outline: 0; }

ins 			{ text-decoration: none; }
del 			{ text-decoration: line-through; }

table 		{margin: 0px 0;}
table td		{padding: 3px 5px; border: 1px solid #666;}

table td a	{padding: 0 !important;}
table th		{background-color: #666; color: #FFF; padding: 3px 5px; font-weight: normal;}

img			{display: block;}

/* Styling for ink TDS and MSDS downloads */

table.products 									{ border-collapse: collapse; border:none; font-size: 12px;  }
table.products th								{ background-color: #ECE9E2; color:#000000; line-height: 1.5em; text-align:left; text-indent: 5px; font-weight: bold; }
table.products td								{ border:none; padding: 0.1em .2em; line-height: 1.5em; }
td.mn-series										{ background-color: #ECE9E2; text-indent: 10px; }
td.e-series											{ background-color: #D0E6C2; text-indent: 10px; }

table.products th.standard					{ background-color: #E6DDBE; }
table.products th.non							{ background-color: #C8D6B3; }
table.products th.water						{ background-color: #D3D9D7; }

table.products tr.even td.products		{ width: 242px; background-color: #FFF; text-indent: 5px;}
table.products tr.even td.fabric-type	{ width: 127px; background-color: #FFF;}
table.products tr.even td.standard		{ width: 132px; background-color: #F5F1CE; }
table.products tr.even td.non			{ width: 132px; background-color: #D0E6C2; }
table.products tr.even td.water			{ width: 132px; background-color: #DCEBF2; }

table.products tr.odd td.products			{ width: 242px; background-color: #ECE9E2; text-indent: 5px;}
table.products tr.odd td.fabric-type		{ width: 127px; background-color: #ECE9E2;}
table.products tr.odd td.standard			{ width: 132px; background-color: #E6DDBE; }
table.products tr.odd td.non				{ width: 132px; background-color: #C8D6B3; }
table.products tr.odd td.water				{ width: 132px; background-color: #D3D9D7; }

/* END CSS RESET */


/* BEGIN SITE DEFAULTS */
body{ background: #FFF url(../images/page-background.png) top center repeat-x; color: #616264; font: .875em/1.4em Arial, sans-serif; padding: 0; }

#pageWrapper						{ position: relative; width: 997px; margin: 0 auto; padding: 0 0 100px 0;}

#pageHeader							{ position: relative; height: 136px; z-index: 500;}

#pageHeader h1						{ position: absolute; top: 8px; left: 0; width: 252px; height: 92px; background: transparent url(../images/logo.png) top left no-repeat;}
#pageHeader h1 a					{ display: block; width: 252px; height: 92px;}
#pageHeader h1 a span			{ display: none;}


#pageHeader ul						{ position: absolute; bottom: 0; left: 0; width: 997px; 
												background: transparent url(../images/nav-background.gif) top left no-repeat; height: 29px;}



#pageHeader ul li					{ float: left; position: relative;}
#pageHeader ul li a					{ display: block; float: left; font-size: 16px; font-family: Tahoma, Arial, sans-serif; 
												text-decoration: none; color: #FFF; padding: 0 35px; 
												background: transparent url(../images/nav-divider.gif) right center no-repeat; height: 29px; line-height: 29px;} 
#pageHeader ul li.last a			{ background: none;}

#pageHeader ul li a:hover,
#pageHeader ul li.active a		{ color: #00BCE4;}

#pageHeader ul li ul 				{ width: auto; background-color: #FFF; height: auto; display: none; position: absolute; top: 29px; left: 0; width: 190px;}
#pageHeader ul li:hover ul 		{ display: block;}
#pageHeader ul li ul li 			{ float: none; display: block; background-color: #FFF; border: 1px solid #CDCED0; border-top: 0;}
#pageHeader ul li ul li a 			{ float: none; background: none; color: #231F20; padding-bottom: 3px;  font-size: 12px; white-space: nowrap;}
#pageHeader ul li ul li a:hover { background-color: #58595B;}

#pageHeader form					{ position: absolute; bottom: 37px; right: 0;}
#pageHeader form input			{ color: #A09F9F; border: 1px solid #A09F9F; padding: 3px 5px;}

#imageBar								{ position: relative; overflow: hidden; padding: 0 0 0 1px; margin: 0 0 5px 0;}
#imageBarSlides					{ position: relative; overflow: hidden; width: 720px; height: 222px; float: left;}
#imageBar img						{position: relative;}

#subNavBox{background: transparent url(../images/sub-nav-box-background.jpg) top left no-repeat; width: 276px; height: 182px; padding: 40px 0 0 0; position: relative; float: right;}
#subNavBox li a{color: #FFF; display: block; height: 26px; text-decoration: none; padding: 3px 0 0 20px; margin: 0 0 30px 0; font-size: 18px; }
#subNavBox li a:hover,
#subNavBox li a.active{background: transparent url(../images/sub-nav-hover.png) top left no-repeat;}

#actionBar{ overflow: hidden;}
body.search #actionBar{ width: 765px; overflow: hidden; margin-right: 0;}

#dealerLocator{position: relative; width: 587px; padding: 0 0 0 95px; height: 78px; float: left; background: transparent url(../images/dealer-locator.jpg) top left no-repeat;}

#dealerLocator h2{ color: #FFF; padding: 3px 0 0 0; font-size: 17px; font-family: Arial;}

#dealerLocator fieldset{width: 290px; float: left; padding: 5px 0 0 0;}
#dealerLocator fieldset input  	{width: 250px; border: 1px solid #0067B3; color: #75BCE8;}
#dealerLocator fieldset select 	{width: 240px;  border: 1px solid #0067B3;}
#dealerLocator fieldset label{font-weight: bold; color: #0066B3; font-size: 12px;  line-height: 13px;}
fieldset label#country			{ margin-left: 20px;  }
#dealerLocator fieldset button{background: transparent url(../images/go-button.jpg) top left no-repeat; width: 36px; height: 18px; border: none; padding: 0; text-indent: -5000em;}
fieldset select#cboCountry		{ margin-left: 20px; }

/* dealer search page styling */
body.search #dealerLocator 		{ position: relative; top: 5px; margin-bottom: 10px;  width:765px; 
									background:transparent url(../images/dealersearchpagegraphic.jpg) top left no-repeat; }
body.search #mainContent #dealerLocator h2{ color: #FFF; padding: 3px 0 0 0; font-size: 17px; font-family: Arial; width: 400px; margin: 0 0 0 40px;}
body.search label#state { position:relative; top:5px; left: 43px; }
body.search select.cboState 	{ margin: 5px 0 0 40px; }
body.search label#country 		{ position:relative; top: 5px; left:50px; }
body.search select.cboCountry 	{ margin: 5px 0 0 70px; }



#dealerLogin{position: relative; width: 222px; padding: 0 0 0 85px; height: 78px; float: right; background: transparent url(../images/dealer-login.png) top left no-repeat;}
#dealerLogin h2{ color: #FFF; padding: 3px 0 0 0; font-size: 17px; font-family: Arial;}

#dealerLogin fieldset{padding: 5px 0 0 0;}
#dealerLogin fieldset input{width: 100px; border: 1px solid #0067B3; color: #75BCE8;}
#dealerLogin fieldset #username{margin-bottom: 3px;}
#dealerLogin fieldset button{background: transparent url(../images/go-button.jpg) top left no-repeat; width: 36px; height: 18px; border: none; padding: 0; text-indent: -5000em;}

#content{position: relative; overflow: hidden; background: transparent url(../images/content-background.png) top left repeat-x; margin: 3px 0 0 0;}
#content.interior{background: none; padding: 5px 0 0 0;}

#mainContent {position: relative; width: 682px; float: left;}
.home #mainContent	{ background:url(../images/bg_mainContent.png) no-repeat left top; }

#mainContent .two-col{width: 310px; float: left;}
#mainContent .two-col li{margin: 0 0 5px 0;}
#mainContent .two-col li a { color: #23569e; border-bottom: 1px dotted #23569e; text-decoration: none;}
#mainContent .two-col li a:hover {background: none; color: #999999; border-bottom: 1px dotted #999999;} 


.interior.search-results #mainContent { width: 990px; }
.interior.search-results #mainContent a:hover { background: transparent url(../images/link-background.jpg) top left no-repeat; }


.interior #mainContent {width: 765px; color: #403E3D;}
.interior #mainContent .crumbs {color: #999; font-size: 12px;}
.interior #mainContent h2 {color: #3c3c3c; font-size: 20px; margin: 10px 0;}
.interior #mainContent h2 em {color: #666;}
.interior #mainContent h3{font-weight: normal; font-size: 16px; border-bottom: 1px solid #726659; margin: 0 0 .75em 0; position:relative;}

.interior #mainContent h3 span.downloads { position: absolute; right: 0; bottom: 0; padding: 0; font-size: small; }
body#newProducts .interior #mainContent h3 span.downloads	{ right: 10px; }
.interior #mainContent h3 span.downloads img { float: right; margin: 3px 2px 0 1px; padding: 0; } 
.interior #mainContent h3 a.tds { position:absolute; right:52px; bottom:0; padding:0; font-size: .9em; text-decoration: none; border: none;}
.interior #mainContent h3 a.msds { position:absolute; right:0px; bottom:0; padding:0; font-size: .9em; border: none;}

.interior #mainContent p{margin-bottom: 1.5em; line-height: 1.5;}
.interior #mainContent ul{margin: 0 0 1.5em 30px; list-style-type: disc;}
.interior #mainContent ol{margin: 0 0 1.5em 35px; list-style-type: decimal;}
.interior #mainContent li{margin-bottom: .25em; line-height: 1.3;}
.interior #mainContent img.right 	{ float: right; margin: 10px 0 10px 20px;}

.interior #mainContent img.left		{ float: left; margin: 10px 20px 10px 0;}
.interior #mainContent #accordion img.left { margin: 0 5px 0 0; }

.interior #mainContent form.contact-form					{padding: 0 0 100px 0; width: 350px; float:left; }
.interior #mainContent form.contact-form input			{padding: 5px 10px; width: 300px; float: left; clear: left; margin: 0 5px 10px 0;}
.interior #mainContent form.contact-form textarea		{padding: 5px 10px; width: 303px; height: 100px; float: left; clear: left; margin: 0 5px 10px 0;
																				border-top: 2px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.interior #mainContent form.contact-form button		{display: block; padding: 5px 20px; border: none; cursor: pointer; clear: both;}
#formText																{float:right; width: 350px;  margin-right: 20px; }



#UpdatePanel1 td span	{ color:#FFFFFF; }

.spacer{clear:both; height:1px;}

/* ----------- Apply now form ----------- */

	 #basic.applyNow	{ margin:0; width:500px; padding:14px; }
	 #basic 					{ border:solid 2px #DEDEDE; }
	 #basic h1 				{ font-size:14px; font-weight:bold; margin-bottom:8px; }
	 #basic p			    { font-size:12px; color:#333333; margin-bottom:10px; clear: left; }
	 #basic label			{ display:block; font-weight:bold; text-align:right; width:140px; float:left; 	}
	 #basic label.fullline { width: 450px; text-align: left;	}
	 #basic input,
	 #basic select		{ float:left; width:300px; line-height: 16px; margin:2px 0 10px 10px; }
	 #basic input.hanging,
	     input.select { margin-left: 150px; }
	 #basic .chk input	{ width:20px; margin-right:280px; }
	 #basic input.radio	{ width:20px; margin-right:280px; }
	 .interior #mainContent #basic .small-inline-note { font-size: 80%; margin-left: 150px; margin-bottom: 6px;}
	 #basic button,
	 #basic .btn		{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}
	#basic .LoginBtn { 
		clear:both;
		margin-left: auto;
		margin-right: auto;
		background-color:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
		width: auto;
		position: relative;
		left: 200px;
	}
	div.infoHeader		{ width:529px; height:37px; background:url(../images/bg_applyNowGreen.gif) no-repeat left top; margin:0 0 10px -14px; padding: 9px 0 0 20px; clear:left; }
	.infoHeader p			{ font-size: 1.1em; }

/* ----------- Request User Id form, based on Apply Now form, with overrides ----------- */

#basic.RequestUser > table { padding: 0; }
#basic.RequestUser > table > tbody > tr > td { padding: 0; border: 0; }
#basic.RequestUser p { padding-right: 25px; }
#basic.RequestUser div.infoHeader { margin-left: 0; margin-bottom: 19px; position: relative; left: -17px; width: 609px; height: 27px; background-color: #DFEBD6;}
#basic.RequestUser { width: 600px; }
#basic.RequestUser input { margin-right: 100px; }
#basic.RequestUser select { width: 400px; margin-right: 0px; }
.validation-inline { clear: both; font-size: 80%; color: Red; background-color: inherit; }
.validation-inline li { list-style-type: none; }

#basic.RequestUser input.CreateUser { 
		clear:both;
		margin-left: auto;
		margin-right: auto;
		background-color:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
		width: auto;
		float: none;
		position: relative;
		left: -300px;
	}



/* END USER ID FORM */

.interior #mainContent .col{width: 345px; float: left;}

.interior #mainContent a{ color: #23569e; text-decoration: none; border-bottom: 1px dotted #23569e;  font-size: 1em;}
page#catalog .interior #mainContent a{ color: #fff; text-decoration: none; border-bottom: none;  font-size: .875em;}

#mainContent a.biz			{ float: left; padding: 0 5px 0 2px; margin: 0; }
#mainContent a.thumbnail	{ width: 16px; margin: 0; padding: 0;  }

#industryLinks #mainContent p		{ margin-bottom: 6px; }
#industryLinks #mainContent h3		{ margin-top: 20px; }

.interior #mainContent a.none { color: #fff; text-indent: 20px;}

.interior #mainContent a:hover { background: none; color: #999999; text-decoration: none; border-bottom: 1px dotted #999999;  }
page#catalog .interior #mainContent a:hover { color: #fff; text-decoration: none; border-bottom: none;  }

.interior #mainContent h4.a:hover { color: #ffffff; }

.interior #mainContent .crumbs a {color: #999; border-bottom: none;}
.interior #mainContent .crumbs a:hover {background: none; text-decoration: underline;}

#industryLinks .interior #mainContent a	{ color: #0067B3; border-bottom: 1px dotted #23569e; }
#industryLinks .interior #mainContent a:hover { background: none; color: #0067B3; border-bottom: 1px dotted #0067B3;  }

#industryLinks .interior #mainContent .crumbs a {color: #999; border-bottom: none;}
#industryLinks .interior #mainContent crumbs a:hover {background: none; text-decoration: underline;}


.interior #mainContent h3 a.tds:hover	{ color: #657F51; background-image: none; border: none; text-decoration: none; }
.interior #mainContent h3 a.msds:hover	{ color: #657F51; background-image: none; border: none; text-decoration: none; }
.interior #mainContent a.none:hover		{ background: none; color: #ffffff; }

h4								{ color: #c3c3c3; }
#accordion h4			{ color: #fff; clear: both; }
#accordion h5			{ font-weight: bold; }
div.col h4				{ color: #6991FD; }


.automotive .interior #mainContent h2{color: #0067B3; font-size: 20px; margin: 10px 0;}
.automotive .interior #mainContent h2 em{color: #4C8DCB;}
.automotive .interior #mainContent h3{font-weight: normal; font-size: 16px; border-bottom: 1px solid #726659; margin: 0 0 .75em 0; color: #4C8DCB;}

.interior #headerBox{width: 765px; height: 249px; margin: 0 0 20px 0; position: relative;}
.interior #headerBoxContent{float: right; width: 340px; padding: 30px 0 0 10px;}
.interior #headerBoxContent h2{margin: 0 0 5px 0 !important; padding:0 !important; font-weight: normal !important;}
.interior #headerBoxContent h3{color: #FFF !important; border: none;}
.interior #headerBoxContent ul{margin: 0;}
.interior #headerBoxContent ul li{list-style-type: none; color: #FFF;}
.interior #headerBoxContent ul li a{color: #FFF; text-decoration: none; font-size: 15px;}

.interior #headerTabs{margin: 0 !important; list-style-type: none; padding: 0; position: absolute; left: 15px; bottom: 0; overflow: hidden;}
.interior #headerTabs li{padding: 0; float: left; margin: 0; height: 26px;}
.interior #headerTabs li a{display: block; float: left; text-decoration: none !important; margin-right: 5px;}
.interior #headerTabs li a span{display: block; float: left; height: 26px; line-height: 26px; color: #FFF; text-align: center; padding-left: 15px; padding-right: 15px; width: 147px; }

/*.automotive .interior #headerBox{background: transparent url(../images/automotive-background.jpg) top left no-repeat;} fa */
.automotive .interior #headerBoxContent	{ position: relative; top:0; left:0; width: 765px; height:249px; }
.automotive .interior #headerBoxContent h2{color: #28AAE2;}

.automotive .interior #headerTabs li a{background: transparent url(../images/automotive-nav-off.png) top left no-repeat;}
.automotive .interior #headerTabs li a span{background: transparent url(../images/automotive-nav-off.png) top right no-repeat;}
.automotive .interior #headerTabs li a.active,
.automotive .interior #headerTabs li a:hover{background: transparent url(../images/automotive-nav-on.png) top left no-repeat;}
.automotive .interior #headerTabs li a.active span,
.automotive .interior #headerTabs li a:hover span{ background: transparent url(../images/automotive-nav-on.png) top right no-repeat; color: #0067B3;}

.industrial .interior #mainContent h2{color: #B36A19; font-size: 20px; margin: 10px 0;}
.industrial .interior #mainContent h2 em{color: #D68119;}
.industrial .interior #mainContent h3{font-weight: normal; font-size: 16px; border-bottom: 1px solid #726659; margin: 0 0 .75em 0; color: #D68119;}

/*.industrial .interior #headerBox{background: transparent url(../images/industrial-background.jpg) top left no-repeat;} fa */
.industrial .interior #headerBoxContent	{ position: relative; top:0; left:0; width: 765px; height:249px; }
.industrial .interior #headerBoxContent h2{color: #F7941E;}

.industrial .interior #headerTabs li a{background: transparent url(../images/industrial-nav-on.png) top left no-repeat;}
.industrial .interior #headerTabs li a span{background: transparent url(../images/industrial-nav-on.png) top right no-repeat;}
.industrial .interior #headerTabs li a.active,
.industrial .interior #headerTabs li a:hover{background: transparent url(../images/automotive-nav-on.png) top left no-repeat;}
.industrial .interior #headerTabs li a.active span,
.industrial .interior #headerTabs li a:hover span{ background: transparent url(../images/automotive-nav-on.png) top right no-repeat; color: #D68119;}


.printing .interior #mainContent h2{color: #32521C; font-size: 20px; margin: 10px 0;}
.printing .interior #mainContent h2 em{color: #8FC75A;}
.printing .interior #mainContent h3{font-weight: normal; font-size: 16px; border-bottom: 1px solid #726659; margin: 0 0 .75em 0; color: #32521C;}

/*.printing .interior #headerBox{background: transparent url(../images/screenprinting-background.jpg) top left no-repeat;} fa */
.printing .interior #headerBoxContent	{ position: relative; top:0; left:0; width: 765px; height:249px; }
.printing .interior #headerBoxContent h2{color: #95C93D;}

.printing .interior #headerTabs li a{background: transparent url(../images/printing-nav-on.png) top left no-repeat;}
.printing .interior #headerTabs li a span{background: transparent url(../images/printing-nav-on.png) top right no-repeat;}
.printing .interior #headerTabs li a.active,
.printing .interior #headerTabs li a:hover{background: transparent url(../images/automotive-nav-on.png) top left no-repeat;}
.printing .interior #headerTabs li a.active span,
.printing .interior #headerTabs li a:hover span{ background: transparent url(../images/automotive-nav-on.png) top right no-repeat; color: #66952E;}

#subContent{position: relative; background:url(../images/bg_subContent.png) no-repeat left top; width: 308px; height:260px; float: right;}

.interior #subContent{position: relative; width: 215px; background: transparent url(../images/side-bar-background.png) top left repeat-x; padding: 10px 0 0 0; min-height: 500px;}
.interior #subContent ul{margin-bottom: 75px;}
.interior #subContent ul ul{margin-bottom: 0; display: none;}
 
.interior #subContent ul li{background: transparent url(../images/side-bar-divider.gif) bottom left repeat-x;}
.interior #subContent ul li a{display: block; height: 26px; line-height: 26px; color: #4D4D4D; text-decoration: none; font-size: 16px; padding: 0 0 0 10px;}
.interior #subContent ul li.quick {display: block; height: 26px; line-height: 26px; color: #23569e; text-decoration: none; font-size: 16px; padding: 0 0 0 10px;}
.interior #subContent ul li a:hover,
.interior #subContent ul li a.active{background: transparent url(../images/side-bar-nav-highlight.png) top left no-repeat;}

.interior #subContent ul ul li a{padding-left: 18px; font-size: 14px;}

#smallLocator{background: transparent url(../images/side-bar-search.png) top left no-repeat; width: 189px; height: 123px; margin: 0 0 0 5px; padding: 40px 0 0 15px;}
#smallLocator fieldset p{margin-bottom: 3px; line-height: 1;}
#smallLocator fieldset input{width: 100px; border: 1px solid #0067B3; color: #75BCE8;}
#smallLocator fieldset select{width: 130px;  border: 1px solid #0067B3;}
#smallLocator fieldset label{font-weight: bold; color: #0066B3; font-size: 12px; text-transform: uppercase; line-height: 13px; margin: 0;}
#smallLocator fieldset button{background: transparent url(../images/go-button.jpg) top left no-repeat; width: 36px; height: 18px; border: none; padding: 0; text-indent: -5000em;}

#pageFooter{clear: both; position: relative; background: transparent url(../images/footer-background.gif) top left repeat-x; font-size: 10px; overflow: hidden; padding: 5px 0 0 0;}
#pageFooter.interior{background: transparent url(../images/footer-background.png) top left repeat-x; padding-bottom: 50px;}
#pageFooter.interior p{padding: 0 5px;}
#pageFooter p{line-height: 1.1;}
#pageFooter a{color: #626366; text-decoration: none;}
#pageFooter .links{float: left;}
#pageFooter .credit{float: right; text-align: right;}

#highlightsBar{position: relative; clear: both; overflow: hidden; padding: 5px 0 3px 0;}
#highlightsBar div{
	float: left;
	width: 216px;
	height: 84px;
	font-size: 12px;
	padding-top: 9px;
	padding-right: 90px;
	padding-bottom: 0;
	padding-left: 20px;
}

#highlightsBar div.specials.box h3{
	width: 220px;
}
	
#highlightsBar div p{font-size: 12px; line-height: 1.1;}
#highlightsBar div a{font-weight: bold; text-decoration: none;}
#highlightsBar div span{font-weight: bold; font-size: 16px; color: #464646; display: block; margin: 5px 0 0 0;}
#highlightsBar div.news.box{background: transparent url(../images/news-box.jpg) top left no-repeat; margin: 0 8px 0 0;}
#highlightsBar div.contest.box{background: transparent url(../images/contest-box.jpg) top left no-repeat; margin: 0 8px 0 0;}
#highlightsBar div.video.box{background: transparent url(../images/video-box.jpg) top left no-repeat; margin: 0 8px 0 0;}
#highlightsBar div.specials.box{
	background: transparent url(../images/specials-box.jpg) top left no-repeat;
	padding-right: 100px;
	width: 206px;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
}
#highlightsBar div.call.box{
	background: transparent url(../images/call-box.jpg) top left no-repeat;
	padding-right: 110px;
	width: 196px;
}

#highlightsBar h3{font-size: 18px;}

#highlightsBar div.news.box a,
#highlightsBar div.news.box h3{ color: #F37420; }

#highlightsBar div.contest.box a,
#highlightsBar div.contest.box h3{ color: #720072; }

#highlightsBar div.video.box a,
#highlightsBar div.video.box h3{ color: #720072; }

#highlightsBar div.specials.box a,
#highlightsBar div.specials.box h3{color: #BE2025;}

#highlightsBar div.call.box a,
#highlightsBar div.call.box h3{color: #009444;}

/* TAB STYLES */

#mainContentTabs {position: relative; margin: 10px 0 0 5px;}

/* My Comment */

#mainContentTabs div { padding: 0 15px; height: 210px;}

#subContentTabBoxes	 {position: relative;  margin: 10px 10px 0 5px;}
#subContentTabBoxes div a {display: block; width:260px; margin-left: 10px; padding: 5px 10px 15px 10px; color: #23569e; font-size: 14px; text-decoration: none; line-height: 1.3;}
#subContentTabBoxes div a:hover{background-color: #DCDDDE; width: 260px; margin-left: 10px; }
#subContentTabBoxes div a strong{display: block; color: #696A6C; font-size: 14px; font-weight: bold;}

a.screen em span, a.dealer em span, a.news em span, a.events em span  { display:none; }

.tabs 		{ margin-top: -5px; overflow: hidden;}
.tabs li		{float: left; margin-right: 5px;}
.tabs li a.screen	 { display: block; float: left; background: transparent url(../images/btn_screen-printing.png) top center no-repeat; text-indext: -9999px; height:52px; width:296px; margin: 1px 0 0 2px; }

.tabs li a.dealer	 { display: block; float: left; background: transparent url(../images/btn_dealer-quicklinks.png) top center no-repeat; text-indext: -9999px; height:52px; width:352px; margin: 0 0 0 2px; }

.tabs li a.news	 { display: block; float: left; background: transparent url(../images/btn_news.png) top center no-repeat; text-indext: -9999px; height:52px; width:158px; margin: 0 0 0 2px; }

.tabs li a.events	 { display: block; float: left; background: transparent url(../images/btn_events.png) top center no-repeat; text-indext: -9999px; height:52px; width:108px; margin: 1px 0 0 2px; }

.tabs li em		{font-style: normal;}

.tabs li a:hover	{background-position: 0 -52px; }

.tabs li a:hover, .tabs li.ui-state-active a { background-position: 0 -52px; }
.tabs li a:hover span, .tabs li.ui-state-active a span {background-position: 100% -41px;}
.ui-tabs .ui-tabs-hide 		{ display: none !important; }

marquee		{ height: 190px; overflow:hidden;  }
marquee ul a	{ width: 290px; }

#mainContent #portfolio img{border:2px solid #80D2EB; float: left; margin: 0 10px 10px 0;}
#mainContent #portfolio hr{clear: both; border: none; height: 1px; color: #FFF; background-color: #FFF;}
#mainContent #portfolio div{float: left; margin: 0 10px 10px 0;}
#mainContent #portfolio div img{ margin: 0 0 5px 0; border: none;}
#mainContent #portfolio div p{text-align: center; font-size: 12px; margin-bottom: 0;}

.NoBorder table {margin: 0px 0;}
.NoBorder table td{padding: 3px 3px; border: none;}
.NoBorder table td a{padding: 0 !important;}
.NoBorder table th{padding: 0px 0px; }

/* News and Events - Industry Links */

body#industryLinks .left				{ width: 350px; float:left; }
body#industryLinks .right			{ width: 350px; float: right; }
.clearBoth		{ clear: both; }

/* --- Events - Dealer Sponsored Events (Some CSS already imported) --- */
#eventPager { width: 765px; text-align: center; position: relative; }
#eventPager .pageless { position: absolute; left: 0; }
#eventPager .pagemore { position: absolute; right: 0; }
#eventPager .pageinfo {}

.modalLogin { width: 350px; height: 175px; border: solid 1px black; padding: 25px; background-color: White; position: relative; }
.modalLogin .login-row { clear: both; padding-bottom: 10px; }
.modalLogin label { float:left; width: 105px; }
.modalLogin input.text { width: 200px; }

.modalBackground { background-color: Silver; filter:alpha(opacity=70); opacity:0.7; }

.interior #mainContent a.closeLoginModal { position: absolute; right: 5px; top: 0; font-size: 80%; border-bottom: none; }
#loginSubBar { float: right; font-size: 80%; }
#login-registeredDealers { margin-right: 10px; }

.interior #mainContent #eventLocationButtons { position: relative; height: 40px; } 
.interior #mainContent #eventLocationButtons a { position: absolute; border: none; }
.interior #mainContent #eventLocationButton-na { left: 0; }
.interior #mainContent #eventLocationButton-intl { right: 0; }

/* --- Paint Mixer --- */
#colorMixer { font-family: "Lucida Grande" , "Lucida Sans Unicode" , Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#colorMixer p, #colorMixer h1, #colorMixer form, #colorMixer button { border: 0; margin: 0; padding: 0; }
#colorMixer h1 { font-size: 2.0em; font-weight: normal; margin-bottom: 15px; }
#colorMixer h1 img { margin-left: 25px; }
#colorMixer .spacer { clear: both; height: 1px; }
img.banner { margin-bottom: 10px; }
.preload, .preload img { display: none; }

#colorMixer #loginLink { position: relative; left: 305px; top: 200px;}
#colorMixer #MyProfileLink { position: absolute; top: 15px; right: 10px; }

#colorDescSelected { display: none; font-size: 0.75em; }
#colorDescChoose { display: none; }
#colorDescSelected a { font-size: 0.85em; }
#selectedColor { font-weight: bolder; }
/*.colorDescSwitch {display: block; height: 85px; margin-left: 45px; }*/
#mixerIcon { margin-top: 10px; margin-bottom: -10px; }
#colorMixer { margin: 0; width: 764px; height: 558px; background: url(../../imagesColorMixer/background.jpg) no-repeat left top; }
#mixer label { display: block; font-weight: bold; text-align: right; width: 140px; float: left; }
#calc { width: 290px; float: left !important; margin-left: 10px; }
.interior #mainContent #colorMixer p 
  { font-size: 1.5em; color: #666; clear: left; margin: 5px 10px 15px 0; padding-left: 48px; position: relative; line-height: normal; 
    background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 3px; min-height: 37px; }
#colorMixer p.one { background-image: url(../../imagesColorMixer/one.jpg); }
#colorMixer p.two { background-image: url(../../imagesColorMixer/two.jpg); }
#colorMixer p.three { background-image: url(../../imagesColorMixer/three.jpg); }
#colorMixer p.four { background-image: url(../../imagesColorMixer/four.jpg); }
#colorMixer p.five { background-image: url(../../imagesColorMixer/five.jpg); }
#colorMixer p.six { background-image: url(../../imagesColorMixer/six.jpg); }
#colorMixer p.seven { background-image: url(../../imagesColorMixer/seven.jpg); }

#colorMixer select { width: 230px; height: auto; margin: 5px 0 0 0; }
#colorMixer img { display: inline; } /* Compensate for base.css */
#colorMixer .filter { width: 185px; }
#colorMixer .quantity { width: 224px; color: #7289c0; font-weight: bold; }
#colorMixer select.description { scrollbar-track-color: inherit; }
#colorMixer .colorDescSearchButton { position: absolute; right: -3px; margin-top: -4px;}
#colorMixer a#popuplink { font-size: 65%; position: absolute; right: 0; margin-top: 3px; }
#colorMixer #filterHelpNote { font-size: 65%; color: #23569e; position: absolute; right: 0; margin-top: 3px; }
#colorMixer .calculateMixButton { margin-top: 6px; }
#results { float: right !important; }
table.finalMix { width: 440px; height: 215px; border: 6px solid #80a2cf; padding: 5px; font-size: 1.2em; margin-right: 20px; }
table.finalMix caption { font-size: 1.1em; font-weight: bold; color: #333; margin: 0; padding: 0; }
table.finalMix .thead { background-color: #dae5f7; }
table.finalMix .thead th { background-color: #dae5f7; color: Black; font-weight: bold; }
table.finalMix td { border: none; }
table.finalMix td.number { text-align: right; }
#colorMixer h3 { text-align: center; font-size: 1.3em; color: #666 !important; margin-bottom: 5px; font-weight: bold !important; border-bottom: none !important; }
#tools input { margin-left: -10px:; }
input#print { margin: 20px 0 0 160px; }
.validation { text-align: center; }
.validation li { list-style-type: none; }
.ajaxSpinny img { margin: auto; }
.ajaxSpinny { width: 150px; height: 150px; background-color: White; color: Black; 
  position: absolute; top: 200px; left: 307px; padding-top: 50px;
  filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.modalSpinny { width: 102px; height: 102px; border: solid 1px black; background-color: White; color: Black; }
.modalSpinny img { margin: 35px; }

/* End Mixer Styles */

/* Simple modal, on main page */

/* Z-index of #mask must lower than #boxes .window */
#modalmask { position:absolute; z-index:9000; background-color:#000; display:none; top: 0; left: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: .0;  }
#frontpopup { position:fixed; display:none; z-index:9999; 
    background-image: url('../images/bkg_videopopup.png'); width:284px; height:228px; padding:0; background-color: transparent; }
#frontpopup .modallink { display:block; width: 163px; height: 20px; position: relative; background-position: top; left: 60px; top: 173px; margin-bottom: 5px; }
#frontpopup .modalyes:link, 
#frontpopup .modalyes:visited, 
#frontpopup .modalyes:active { background-image: url('../images/btn_videopopupyes.png'); }
#frontpopup .modalno:link,
#frontpopup .modalno:visited,
#frontpopup .modalno:active { background-image: url('../images/btn_videopopupno.png'); }
#frontpopup .modallink:hover { background-position: bottom }

/* Login User Control */
#LoginModal, .GreenModal { display: none; }
#LoginModalContainer, .GreenModalContainer { width: 335px; border: solid 1px black; background-color: White; color: Black; position: relative; }
#LoginModalContainerCloseButtonContainer, #GreenModalContainerCloseButtonContainer { position: absolute; top: 0; right: 3px; font-size: 10px; }
/*.modalSpinny { width: 102px; height: 102px;  }*/

.interior #mainContent .container-greenmodal { margin:0; width:303px; padding:14px; border:solid 2px #DEDEDE; }
.interior #mainContent .container-greenmodal p { font-size:12px; color:#333333; margin-bottom:10px; clear: left; padding-right: 25px; }
.interior #mainContent .container-greenmodal p.notice { padding-right: 0; }
.interior #mainContent .container-greenmodal div.infoHeader { margin-left: 0; margin-bottom: 19px; position: relative; left: -14px; width: 311px; height: 27px; background-color: #DFEBD6;}
.interior #mainContent .container-greenmodal label { display:block; font-weight:bold; text-align:right; width: 115px; float:left; 	}
.interior #mainContent .container-greenmodal input { float:left; width:150px; line-height: 16px; margin:2px 0 10px 10px; }
.interior #mainContent .container-greenmodal .chk input	{ width:20px; margin-right:130px; }
.interior #mainContent .container-greenmodal .otherLinks { font-size:11px; width: 120px; text-align: right; float: right; }


.interior #mainContent .container-greenmodal input.Login { 
		clear:both;
		margin-left: auto;
		margin-right: auto;
		background-color:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
		width: auto;
		float: none;
		position: relative;
		left: 90px;
	}

.interior #mainContent .container-greenmodal a.LoginGreen 
{
  	display:block;
    margin-right: 14px;
    text-align: center;
	  color: #231F20;
	  background-color: #D8E5CF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding: 4px 6px;
		width: 100px;
		float: left;
	  text-transform: uppercase;
}
.interior #mainContent .container-greenmodal a.LoginGreen:hover
{
	  background-color: #AFCAA3;
}
.interior #mainContent .container-greenmodal a.LoginGreen.first
{
    margin-left: 25px;
}
.interior #mainContent .container-greenmodal a.LoginGreen#btnGoHome
{
  width: 165px;
  margin-left: 60px;
}
.interior #mainContent .container-greenmodal a.LoginGreen.AlreadyRegistered
{
  width: 165px;
  margin: 13px auto 0 auto;
  float: none;
}

/* General User Registration form */
#basic.Register p { padding-right: 25px; }
#basic.Register div.infoHeader { margin-left: 0; margin-bottom: 19px; position: relative; left: -14px; width: 608px; height: 27px; background-color: #DFEBD6;}
#basic.Register { width: 600px; }
#basic.Register input { margin-right: 100px; }
#basic.Register select { width: 306px; margin-right: 100px; }
#basic.Register .statictext { float:left; width:300px; line-height: 16px; margin:2px 100px 10px 10px; display: block; }
#basic.Register .entry-intl, #basic.Register .entry-us { display: none; } /* initial state */
#basic.Register #captchacontainer { float:left; width:350px; line-height: 16px; margin:2px 50px 10px 10px; }
#basic.Register #captchacontainer input { margin-right: 0; }
#savedSuccessful { position: absolute; right: 0; top: 90px; text-align: right; font-size: 1.2em; display: none; }

#basic.Register input.RegisterUser { 
		clear:both;
		margin-left: auto;
		margin-right: auto;
		background-color:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
		width: auto;
		float: none;
		position: relative;
		left: 250px;
	}

/* Fancy Box Overrides */
.interior #mainContent a#fancybox-close, 
.interior #mainContent a#fancybox-close:hover, 
.interior #mainContent a#fancybox-close:active { border-bottom: none;  }