@charset "UTF-8";

/* =GENERAL - the general styles */
	body{
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		background: #000;
		line-height: 16px;
	}
	a{text-decoration: none;color: #000;}
	a:hover{text-decoration: none;color: #a30f1d;}
	hr{display: none;}
	strong{font-weight: bold;}
	ul.borderedlist li{
		border-bottom: 1px dashed #d1cfcd;
	}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #42423b;
		font-size: 12px;
	}
	ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b;}
	
	ul.Products li
	{
		list-style-type: disc;
		list-style-position: inside;
	}
	
	
/**SPLASH PAGE FONTS******************/

    .WelcomeText {font-size: 15px; font-style: italic; text-align: center; line-height: 19px; letter-spacing: 0.03em;}
    .WelcomeText a:link, .WelcomeText a:visited, .WelcomeText a:hover, .WelcomeText a:active {font-size: 13px; text-align: center; line-height: 18px; letter-spacing: 0.03em;}
    .TaglineText {font-family: Arial; color: #d7d7d7; font-size: 20px; line-height: 33px; letter-spacing: 0.10em; text-transform: uppercase; text-align: right;}

/* =LAYOUT - the main layout styles */
	.MainContainer
	{
	    width: 90.5%;
	    *width: 91%;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.container{
		background-color: #fff;
		overflow: hidden;
		/*position: relative;*/
		/*overflow:hidden;*/
	}
	.TopBar
	{
		background: #ffffff;
        height : 160px;
        /*width : 100%;*/
        margin-right:-1000px;
		padding-right:1000px;
		width:901px;
	}
	/* header layout */
	#header{
		height: 153px;
		background-color: #fff;
		position: relative;
	}
	

	/* main area layout */
	#main{padding:0; background-color: #fff; min-width: 1024px; *width: auto; *min-width: auto;}
	#leftcolumn{float: left;width:193px;}
	#center{/*float: left;*//*width:380px;*/padding: 0;}
	#newscenter{float: left;width:650px;padding: 0 20px;}
	#eventscenter{float: left;width:650px;padding: 0 20px;}
	#rightcolumn{float: left;width:287px;}
	/* bottom layout */
	#bottominfo{
		
		background: #f1eee7;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
	.bottomcolumn{
		float: left;
		width:288px;
		margin-right: 18px;
	}
	.bottomright{margin-right:0;}
	
/* =HEADER - the header styles */
	#header .container{height: 153px;}
	/* logo */
	h1{
		position: absolute;
		height: 71px;
		top: 15px;
	}
	h1 a{
		font: 24px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(images/logo_bg.gif) left top no-repeat;
	}
	h1 a:hover{color: #fff;}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(images/logo_right.gif) right top no-repeat;
	}
	
	
	
/* =CONTENT - the content styles */
	/* left column */
	
	.ArchivedLink
	{
		float: right;
		*margin-top: -25px;
		*margin-right: 25px;
		*padding-right: 6px;
	}
	
	.leftbox{background: #f1f0ef;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}
	h3.leftbox{font-size:19px;color: #8c8685; background: #f1f0ef url(images/h3_bg_tall.jpg) 0 0 repeat-x;padding:5px 0 10px 23px;}
	h3.header_small{font-size:15px;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}
	ul.leftbox{font-size: 1.2em;}

	.features{padding-top:12px;font:12px;line-height: 18px;}
	
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}
	
	.CoatingHead {text-transform:uppercase; color: #000; font-weight: bold;}
	.CoatingButtonEnd {color: #000; background-color: #eed9c4; font-weight: normal; padding: 6px 6px 6px 1px; line-height: 42px;}	
	a.CoatingButton {color: #af091f; background-color: #eed9c4; padding: 6px; line-height: 42px; font-weight: bold;}
	a.CoatingButton:hover {color: #af091f; font-weight: bold;}
	
	a.CoatingButtonBlock {color: #af091f; background-color: #eed9c4; padding: 6px; line-height: 0; font-weight: bold; line-height: 27px;}
	a.CoatingButtonBlock:hover {color: #af091f; font-weight: bold;}
	
	.MainheaderTxt {color: #af091f; text-transform: uppercase; font-size: 16px; font-weight: bold; line-height: 22px; margin-bottom: 24px; text-decoration: underline;}
	/* center column */
	
	
	.ContentBody 
	{
		float: left;
		color: #000;
		width: 655px;
		*width: 650px;
		_width: 649px; 
	    line-height: 18px;
	    margin-left: 0;
	    _margin-right: -3px;
	    padding: 25px; 
	    margin-bottom: -3000px;
	    padding-bottom: 3000px;
	    padding-right: 24px;
	}
	
	.ContentBody hr {display: block;}
	.ContentBody h4 {font-weight: bold; margin-bottom: 4px; margin-left: -7px;}
	
	.ContentBody ul li
	{
		list-style-type: disc;
		margin-left: 35px;	
	}
	
	.ApplicatorsDiv
	{
		float: left;
		color: #293066;
		width: 655px;
		*width: 650px;
		_width: 649px;
	    line-height: 18px;
	    margin-left: 0;
	    _margin-right: -3px;
		padding: 25px;
		margin-bottom: -3000px;
		padding-bottom: 3000px;
		padding-right: 24px;
		*height: 541px;
	}
	
	table.BorderOn td
    {
        border-color: #c3c6de;
        border-style: solid;        
    }

    table.BorderOn
    {
        border-width: 0 0 1px 1px;
        border-spacing: 0;
        border-collapse: collapse;
        background-color: #d4d6e8;
    }

    .BorderOn td
    {
        margin: 0;
        padding: 5px 5px 5px 12px;
        border-width: 1px;
        font-size: 11px;
    }
	
	.ProductSwatches {float: left; width: 271px; *width: 267px; overflow: hidden;}
	
	.NewsArticles {color: #fff; font-weight: normal;}
	.NewsArticles a {color: #fff; font-size: 11px; margin-left: 0; margin-right: 0; text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em;}
	.NewsArticles a:hover {color: #fff;}
	.NewsArticles h3 { text-transform: uppercase; font-size: 13px;}
	
	.Newlinks a:link, .Newlinks a:visited, .Newlinks a:active {color: #000000;}
	.Newlinks a:hover {color: #606060;}
	
	a.Links {font-weight: bold;}
	
	.SearchListing li {margin-left: 7px;}
	
	
	/*.ContentBody {color: #000; width: 656px; position: absolute; z-index: 3000; margin-left: 206px; _margin-left: 0; *margin-left: 0; padding: 25px; margin-bottom: -3000px; padding-bottom: 3000px;}*/
	.SecondStripe {margin-bottom: -3000px; padding-bottom: 3000px; *margin-bottom: 0; *padding-bottom: 0; height: 262px; *height: 305px;}
	.ProjectStripe {margin-bottom: -3000px; padding-bottom: 3000px; *margin-bottom: 0; *padding-bottom: 0; background-color: #eed9c4;  }
	
	
	
	
	.article_wrapper h2{font: Arial;color: #EF9330; font-size:20px;margin:10px 0;}
	.article_wrapper p{line-height: 16px;font-size:12px;font: Arial;margin-bottom: 25px;}	
	
	.articleNews_wrapper h2{font: Arial;color: #EF9330; font-size:20px;margin:10px 0;font-weight: normal;}
	.articleNews_wrapper p{line-height: 16px;font-size:12px;font: Arial; border-bottom: 1px solid #EEEDEC; padding-bottom: 24px;}	
	.date{color:#828281;font-size:11px; display: block;}
	/* right column */
	.rightbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
	.product_image{ float: left;margin: 6px 0 0 6px;}
	.product_wrapper{float: right;width:200px;font-size: 12px;}
	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;}
	.lastbox{margin:0;}
/* =BOTTOM */
	.bottomcolumn h3{
		border-bottom: 4px solid #000;
		color: #000; font-size:18px;padding:15px 0 5px 5px;
	}
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 12px;
	}
	.iconlist{
		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
	}
	ul.iconlist li a{
		padding-left: 25px;
		background: url(images/footer_list.jpg) left bottom no-repeat;
	}
	ul.iconlist  li a:hover{background: #E9E4DE url(images/footer_list.jpg) left top no-repeat;color: #42423b;}
	.enewsbox{
		float: left;
		width: 180px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #FCAB53;
		font-size:13px;
	}
	.enewsddl{
		float: left;
		width: 198px;
		height: 35px;
		padding:3px 5px;
		border: 4px solid #FCAB53;
		font-size:13px;
	
	}
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #000;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
	
/* =FOOTER */
	.footer{
		height: 50px;
		position: relative;
		z-index: 100;
		width: 90.5%;
		*width: 91%;
		margin: 0 auto;
		margin-top: -2px;
	}
	.footer a{color: #000;}
	
	.copyright{
		height: 53px;
		padding-top: 5px;
		padding-left: 5px;
		position: relative;
		z-index: 100;
		width:91%;
		margin: 0 auto;
		color: #ffffff;
		font-size: 11px;
	}
	
	
	#designby{
		background: none;
		float: left;
		height: 23px;
		padding:2px 0 0 30px;
		margin-top: 5px;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left; padding-left: 18px;}
	#footer_navigation li a{font-weight: bold;}
	#footer_navigation li a:hover{color: #fff;}
	

/**FORMS**/

input,textarea,select {font-size: 11px; padding: 1px;}	

/**NAVIGATION**/

.NavBar
{
	width: 166px;
	*width: 165px;
	float: left;
	padding: 15px;
	background-color: #fff;
	margin-bottom: -3000px;
	*margin-bottom: 0;
	padding-bottom: 3000px;
	*padding-bottom: 0;
	padding-top: 23px;
	padding-left: 26px;
}

	.AspNet-Menu{
		/*position: absolute;
		right: 0;
		top:15px;*/
		padding-bottom: 12px;
		
	}
	
.NavSearchBox {margin-left: 0; margin-top: 3px; width: 135px;}

	
.SimpleEntertainmentMenu ul.AspNet-Menu /* Tier 1 */
{
    font-size: 11px;
    padding-left: 15px;
    *padding-left: 30px;
    /*font-weight: bold;*/
    margin-top: 4px;    
}

.SimpleEntertainmentMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    top: 100%;
    left: 0;
    font-size: 11px;
    font-weight: normal;
    background-color:#ACACAC;
    white-space: nowrap;
}

.SimpleEntertainmentMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: 0em;
    left: 6em;
    font-size: 1em;
    font-weight: normal;
    background-color:#ACACAC;
    white-space: nowrap;
}

.SimpleEntertainmentMenu li /* all list items */
{
   /* min-width: 6em; */
   width: 145px;
   padding: 2px; 
   color: #000;
    font-size: 11px;
    font-weight: bold;
    
}

.SimpleEntertainmentMenu li ul li /* all list items */
{
   /* min-width: 6em; */
   width: 145px;
   padding: 0;   
}

.SimpleEntertainmentMenu li:hover, /* list items being hovered over */
.SimpleEntertainmentMenu li.AspNet-Menu-Hover
{
}

.SimpleEntertainmentMenu a, /* all anchors and spans (nodes with no link) */

{
    

}

.SimpleEntertainmentMenu a:hover, /* all anchors and spans (nodes with no link) */

{
   text-decoration: none;
}

.SimpleEntertainmentMenu li.AspNet-Menu-Leaf a, /* leaves */
.SimpleEntertainmentMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}



.SimpleEntertainmentMenu li:hover a, /* hovered text */
.SimpleEntertainmentMenu li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu li:hover li:hover a,
.SimpleEntertainmentMenu li:hover li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu li:hover li:hover li:hover a,
.SimpleEntertainmentMenu li:hover li:hover li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #000;    
}

.SimpleEntertainmentMenu li:hover li a, /* the tier above this one is hovered */
.SimpleEntertainmentMenu li:hover li span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li span,
.SimpleEntertainmentMenu li:hover li:hover li a,
.SimpleEntertainmentMenu li:hover li:hover li span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #000;
}

.SimpleEntertainmentMenu .AspNet-Menu-Selected /* this tier is selected */
{
}

.SimpleEntertainmentMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
   
}

.SimpleEntertainmentMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
}

.textlabel {
font-weight: bold;
width: 195px;
font-size: 12px;
text-align: right;
color:Black;
}

.dateDiv{color:#828281;font-size:11px; display: block;}

.ImgBorderShadow {
    border: 1px solid #999999;
    padding: 7px;
}

table.ProjectDetailsTable
{
	width: 700px;
	_width: 650px;
	_overflow: hidden;
	background-color: #eed9c4;
}

.ProjectDetailsTable td
{
	padding: 1px;
	background-color: #eed9c4;
}

.leftCol
{
	background-color: #ffeac3;
	float: left;
	width: 208px;
	padding-top: 19px;
	padding-left: 10px;
	padding-right: 0;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}

.rightCol
{
	background-color: #f8e5d4;
	float: left;
	width: 195px;
	_width: 190px;
	padding-top: 19px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}

.colContainer
{
	overflow: hidden;	
	float: left;
	background-color: #eee1be;	
	width: auto;
}

h2 { font-size: 16px; font-weight: bold; color: #a30f1d; margin-bottom: 14px; text-transform: uppercase;}


.LoginDiv
{
	width: 300px;
	height: 300px;
	margin-left: -150px;
	margin-top: -75px;
	position: absolute;
	top: 30%;
	*top: 250px;
	left: 50%;
	z-index: 9000;
}

table.LoginTable 
{
    border: 6px solid black;
	background-color: #F4F4F4;
    }
    
table.LoginTable td {padding: 6px; vertical-align: top; font-size: 11px;}

.DetailsDiv
{
	width: 450px;
	height: 300px;
	margin-left: -225px;
	margin-top: -150px;
	position: absolute;
	top: 40%;
	*top: 300px;
	left: 50%;
	z-index: 9000;
}

.ProgressDiv
{
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
	position: absolute;
	background-color: #F4F4F4;
	z-index: 15000;
    left: 50%;
    top: 50%;
    *top: 300px;
}

.divModal
{
    position: fixed;
    *position: absolute;
    *z-index: 500;
    width: 100%;
    height: 100%;
    *height: 1780px;
    top: 0;
    left: 0;
    overflow: hidden;
    *overflow: visible;
}

.ModalBackground
{
    filter: Alpha(Opacity=40);
    -moz-opacity:0.4;
    opacity: 0.4;
    width: 100%;
    *width: 130%;
    height: 100%;
    *height: 800px;
    background-color: #999999;
    position: fixed;
    z-index: 8500;
    top: 0;
    left: 0;
    /*margin-bottom: -750px;
    padding-bottom: 750px;*/
}

.PopUpDiv
{
	width: 500px;
	height: 400px;
	/*margin-left: -150px;
	margin-top: -75px;*/
	position: absolute;
	top: 35%;
	*top: 250px;
	left: 30%;
	z-index: 9000;
	background-color: #C3C6DE;
	border: solid 2px white;
}

.PopUpTable
{
	padding: 0 18px 8px 18px;
}

.PopUpTable table
{
	border-bottom: solid 2px #D4D6E8;
	margin-bottom: 10px;
}

.ApplicatorName
{
	cursor: pointer;	
}

.loadingApplicators
{
	width: 416px;
	filter: Alpha(Opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	background-color: #999999;
	position: absolute;
	/*margin-left: -9px;*/
}

.scroll-pane
{
	
}


/**** jScrollPane ****/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	margin-right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background: transparent url(../../Shared/images/basic_arrow_up.gif) repeat-x scroll 0 0;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	margin-right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background: transparent url(../../Shared/images/basic_arrow_down.gif) repeat-x scroll 0 0;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
	background-position: 0 -30px;
}