/* Import Other styles */
@import url(/Styles/TabStripHay.css);
@import url(/Styles/Menu.css);
body 
{  margin: 0;
   padding:0;
   color: #666666;
   background-color: White;
 /*  font-family: Tahoma, Geneva, Klavika, Arial, Helvetica, Sans-Serif;*/
 font-family: Arial, Helvetica, Sans-Serif;
}

img.headerLogo
{ padding: 10px 0px 15px 25px;
  border:0px;
}

img.noBorder
{
	border:0px;
}

.clearBoth
{ clear:both; }

 .smallText
 {
 	font-size: 60%;
 }
 
  .boldText
 {
 	font-weight: bold;
 }

p
{
	font-size:medium;
}

p.greenText
{
	font-size:medium;
	color: #86b03d;
}

p.bold
{
	font-size: medium;
	color: #666666;
	font-weight: bold;
}

h1
{
	font-size: larger;
	color: #86b03d;
}

h1.greenText
{
	font-size: larger;
	color: #86b03d;
}

h2
{
	font-size: large;
	color: #86b03d;
}

h2.greenText
{
	font-size: large;
	color: #86b03d;
}

h2.grayText
{
	font-size: large;
	color: #666666;
}

h4{	
	
	font-size:14px;
	font-weight:normal;	
	}	
	
.title4
{		
	font-weight:bold;	
	}	
	
	.caption {font-size:10px;}

ol
{
	font-size: medium;
}

td
{
	font-size: medium;
}

ul
{	
	margin:4px 0px 6px 10px;
	padding:0px 5px 0px 0px;
}

ul li
{
	margin:0px;
	padding: 5px 0px 0px 0px;
	background:none;
}

ul.nobullet
{
	
	margin:4px 0 6px 10px;
	padding:0;
	list-style-type:none;
}

ul.nobullet li
{
	margin:0px;
	padding: 5px 0px 0px 0px;
	background:none;
	list-style-type:none;
}

  a 
{
	/* color: #666666; */
	color: #86b03d;
	text-decoration: none;
}

a:hover
{
	/* color: #86b03d; */
	color: #666666;
}

a.reverseColor
{
	color: #86b03d;
	text-decoration: none;
}

a.reverseColor:hover
{
	color: #666666;
}

a.xGrey
{
	color: #666666;
	text-decoration: none;
}

a.xGrey:hover
{
	color: #86b03d;
}

.errorMsgTXT
{
	color: Red;
	font-weight:bold;
}

.col1	{
	width:280px;
	float:left;
	margin:10px 10px 0px 0px;
	padding:0px;
}

.col2 {
	width:230px;
	float:left;
	margin-top:20px;
	padding:0px;
}

.adimage
{
	background:#F2F2F2 url(/Images/adBack.jpg) no-repeat;	
	padding:0px;
	margin:3px;
	}

.adimage img
{
	margin:5px;
	padding:0px;
	width:143px;
	float: left;
	}
	
.adimage p
	{
		font-size:small;
	}
	
	.italicized{font-style:italic;font-size:10px;}

/* For the Footer Menu from the divider line down */
#bottomIndent
{ background-image: url(/images/Shadow_BottomHoriz.jpg);
  background-position: left center;
  background-repeat: repeat-x;
  padding:20px 0px 20px 0px;
}

.FooterMenu
{  margin-top:15px;
   padding-left:10px;
   padding-right:25px;
  font-weight:bold;
  font-size:60%;
  text-transform:uppercase;
}

.FooterMenu a
{
	color: #666666;
	text-decoration:none;
}

.FooterMenu a:hover
{
	color:#86b03d;
}

.FooterGreenText
{  /*padding-left:25px;
   padding-right:25px;*/
   padding:0px 0px 0px 0px;
 color:#86b03d;
 font-weight:bold;
 font-size:50%;
 text-transform:uppercase;
}

.FooterGreenText a
{
	color:#86b03d;
	text-decoration: none;
}

.FooterGreenText a:hover
{
	color: #666666;
}

/* For the Breadcrumb Menu */

.BreadcrumbNode
{
	font-weight:bold;
	font-size:60%;
	text-decoration: none;
}

.BreadcrumbCurrentNode
{
	font-weight:bold;
	font-size:60%;
	text-decoration: none;
	color:#86b03d;
}

/* For the Header Menu from the logo thru the divider line */
.HeaderMenu
{  
	font-size: 75%;
	padding: 15px 20px 0px 20px;
  font-weight:bold;
  text-transform:uppercase;
  clear:left;
}

.HeaderMenu a
{
	color: #666666;
	text-decoration: none;
}

.HeaderMenu a:hover
{
	color :#86b03d;
}

.HeaderGreenText
{ 
	font-size:75%;
	padding: 15px 0px 0px 20px;	
 color :#86b03d;
 font-weight:bold;
 text-transform:uppercase;
}

.HeaderGreenText a
{
	color :#86b03d;
	text-decoration:none;
}

.HeaderGreenText a:hover
{
	color:#666666;
}

#HeaderChatButton
{
	padding: -15px 50px 0px 0px;
	margin: -15px 50px 0px 0px;
	float: right;
	width: 135px;
	height: 42px;
}

#HeaderChatButton img
{
	border: 0px;
}

#HeaderChatButton a
{

	font-size: 60%;
	text-decoration: none;
}

#topIndent
{ background-image: url(/images/Shadow_TopHoriz.jpg);
  background-position: left center;
  background-repeat: repeat-x;
  padding:20px 0px 20px 0px;
}

/* Generic Stylings for all pages */

.NormalGreenText
{
	font-size:medium;
	color: #86b03d;
}

.NormalText
{
	font-size: medium;
}

.NormalRegText
{
	font-size: 45%;
	vertical-align:super;
	padding:0px 0px 2px 0px;
}

.NormalGreenRegText
{
	color: #86b03d;
		font-size: 45%;
	vertical-align:super;
	padding:0px 0px 2px 0px;
}

#Wrapper
{
	width: 950px;
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	vertical-align:top;
}

.ULWrapper
{
	padding: 0px 0px 0px 20px;
}


/* The VIew/Order Samples Menu box */

.ViewOrderSamplesGreenText
{
	float:left;
	color: White;
/*	color:#86b03d; */
/*	font-size:62.5%; */
	padding:10px 0px 0px 4px;
}

.ViewOrderSamplesGreenText a
{
	float:left;
	color: White;
/*	color:#86b03d; */
	font-size:62.5%;
	padding:0px 0px 0px 4px;
}

.ViewOrderSamplesGreenText a:hover
{
/*	color: White; */
	color: Red;
}

.ViewOrderSamplesImageArrow
{
	float:right;
	padding:6px 0px 0px 0px;
	border: 0px;
}

#mainViewOrderSamplesBox
{
	width:151px;
	height: 33px;
	margin:0px 0px 10px 0px;
	/* background-image:url(/images/bkgnd_ViewOrderSamples.jpg);
	background-position: center center;
	background-repeat:no-repeat; */
	background-color:  #58595b;
}

/* This is for the pattern availability search link box in the Laminate Menu - 20100407 - elm */
#mainPatternAvailBox
{
	width:151px;
	height: 33px;
	margin:0px 0px 10px 0px;
	/* background-image:url(/images/bkgnd_ViewOrderSamples.jpg);
	background-position: center center;
	background-repeat:no-repeat; */
	background-color:  #58595b;
}

.PatternAvailGreenText
{
	float:left;
	color: White;
/*	color:#86b03d; */
/*	font-size:62.5%; */
	padding:10px 0px 0px 4px;
}

.PatternAvailGreenText a
{
	float:left;
	color: White;
/*	color:#86b03d; */
	font-size:60.0%;
	padding:0px 0px 0px 4px;
}

.PatternAvailGreenText a:hover
{
/*	color: White; */
	color:Red;
}

/* For the Locator box on the home page */
.LocateGreenText
{
	/*color:#86b03d;*/
	color: White;
	font-size:62.5%;
	float:left;
	padding: 5px 0px 0px 5px;
/*	margin:8px 0px 0px 0px;*/
}

.HomePageLocatorRBL
{
/*	float:right; */
	margin: 2px 0px 0px 5px;
	width:95px;
	background-color: #58595b;
}

.HomePageLocatorRBL Label
{
	color:#86b03d;
	font-size:62.5%;
}

/*.HomePageLocatorRBL input[type="radio"]*/
.HomePageLocatorRBL input:radio
{
	background-color: #58595b;
}

.HomePageLocatorTextBox
{
	height:15px;
	width:50px;
	margin:12px 0px 0px 3px;
}

.HomePageLocatorZipText
{
	color:#86b03d;
	font-size:62.5%;
	float:left;
	padding:15px 0px 0px 5px;
}

.HomePageLocatorGoText
{
	color:White;
	font-size:62.5%;
	/* float:right;*/
	margin:0px 3px 0px 3px; 
}

#HomePageLocatorGoText2 a
{
	color: White;
}

#HomePageLocatorGoText2 a:hover
{
	color: Red;
}

#mainRepDistSearchBox
{
	width:151px;
	height: 75px;
	/*background-image:url(/images/bkgnd_RepDistSearch.jpg);
	background-position: center center;
	background-repeat:no-repeat; */
	background-color:  #58595b;
	margin:10px 0px 10px 0px;
}

/* The Left Main Menu Box on the Product Pages */
#productPagesMenuBarTop
{
	width:150px;
	height: 99px;
	background-image:url(/Images/bkgnd_MenuTop.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px
}

#productPagesMenuBarBottom
{
	width: 150px;
	height:127px;
	background-image: url(/Images/bkgnd_MenuBottom.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;	
}

#productPagesMenuBarMiddle
{
	width: 150px;
	background-color:#58595b;
}

#productPagesMenuBarMiddle table
{
	width: 100%;
	border-collapse:collapse;
	
}

#productPagesMenuBarMiddle tr
{
	border: dotted 1px White;
}

#productPagesMenuBarMiddle td
{	
	border-top: dotted 1px White;
	color: White;
	font-size: 62.5%;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	text-transform:uppercase;
	vertical-align: middle;
}

#productPagesMenuBarMiddle a
{
	color: White;
	text-decoration: none;
	vertical-align: middle;
}

#productPagesMenuBarMiddle a:hover
{
	color: #86b03d;
}

/*
#productPagesMenuBarMiddle ul
{
	padding: 0px 0px 0px 0px;
}

#productPagesMenuBarMiddle li
{
	padding: 0px 0px 0px 0px;
	list-style-image: url('/Images/btn_WhiteArrowInGreenCircle.jpg');
}
*/

#productPagesMenuBarMiddle img
{
	border: 0px;
	padding: 0px 3px 0px 0px;
	vertical-align: middle;
}

/* Hide Flyout Menu Table */



/********************************/

/* The main columns on the Home Pages */
#mainLeftHomePageColumn
{  float:left;
  width:175px;
 /*  border-right: solid 1px #86b03d; */
  padding: 0px 5px 0px 9px;
  margin: 0px 0px 0px 0px;
}

#mainLeftHomePageColumn p
{
	font-size: 62.5%;
}

.spotlightGreenText
{
	color: #86b03d;
}

#mainLeftColumn
{  float:left;
  width:175px;
  padding: 0px 5px 0px 9px;
  margin: 0px 0px 0px 0px;
}


#mainDividerLine
{
	border-right: solid 1px #86b03d;
	padding: 0px;
	margin: 0px;
}

#mainRightColumn
{
	float:left;
	width:750px;
	padding:0px 5px 0px 5px;
	margin: 0px;
}

#mainRightColumn table td
{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: dotted 1px #86b03d;
	margin: 5px 0px 5px 0px;
}

#mainRightColumn table td.bottomLeftBorder
{
		border-top:0px;
	border-left:dotted 1px #86b03d;
	border-right:0px;
	border-bottom: dotted 1px #86b03d;
	margin: 5px 0px 5px 5px;
		padding: 0px 0px 0px 10px;
}

#mainRightColumn table th.bottomLeftBorder
{
	border-top:dotted 1px #86b03d;
	border-left:dotted 1px #86b03d;
	border-right:0px;
	border-bottom: dotted 1px #86b03d;
	margin: 5px 0px 5px 5px;
}

#mainRightColumn table td.spacer
{
	width: 50px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: dotted 1px #86b03d;
	margin: 5px 0px 0px 0px;
}

#mainRightColumn table td.vertSpacer
{
	height: 15px;
	border: 0px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#mainRightColumn table td.noborder
{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 0px;
	margin: 5px 0px 5px 0px;
}

#mainRightColumn table td.GreyBackground
{
	border:solid 1px  #dbdcdc;
	background-color: #dbdcdc;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#mainRightColumn table td.GreyBackgroundSpacer
{
	width: 25px;
	border:solid 1px  #dbdcdc;
	background-color: #dbdcdc;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#mainRightColumn table td.GreyBackgroundImage
{
	width: 152px;
	border:solid 1px  #dbdcdc;
	background-color: #dbdcdc;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#mainRightColumn table td img
{
	/* display:block; */
	margin: 5px 0px 5px 0px;
}


/* The big area on the right side of the product pages */
#productsHomePageRightBox
{
	float:right;
	width:740px;
	padding:15px 0px 0px 20px;
	margin: 0px;	
}

#productsRightBox
{
/*	font-family: Calibri, HelveticaNeue LT, Helvetica, Arial, Sans-Serif;*/
	float:left; 
	width:740px; /* width:700px; */
	padding:10px 5px 20px 5px;
	margin: 0px;
	border-bottom: solid 1px #97bb57;
	border-right: solid 1px #96bb57;
	border-left: solid 1px #96bb57;
}

#productsLaminateHeaderBanner
{
    width: 752px; /* width: 712px; */
	height: 50px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(/Images/Img_WilsonartLaminateProductsPageBanner.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-color: #96bb57;
}

#productsFlooringHeaderBanner
{
	width: 752px; /* width: 712px; */
	height: 50px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(/Images/Img_WilsonartFlooringProductsPageBanner.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-color: #96bb57;
}

#productsPortfolioHeaderBanner
{
	width: 752px; /* width: 712px; */
	height: 50px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(/Images/Img_WilsonartPortfolioProductsPageBanner.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-color: #96bb57;
}

#productsGenericHeaderBanner
{
	width: 752px; /* width: 712px; */
	height: 50px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(/Images/Img_WilsonartGenericProductsPageBanner.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-color: #96bb57;
}

#whyWilsonartHeaderBanner
{
	width: 752px; /* width: 712px; */
	height: 50px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(/Images/Why_WilsonartGreenBanner.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-color: #96bb57;
}

#productsRightBox h1
{
	color: #86b03d;
}

#productsHomePageRightBox h1
{	
		color: #86b03d;
}

#productsRightBox h2
{		
	color: #86b03d;
}

#productsHomePageRightBox h2
{		
	color: #86b03d;
}

.productsHomePageRightBoxh2grey
{
	color: #666666;
}

#productsRightBox p
{	
	color: #666666;
}

#productsHomePageRightBox p
{	
	color: #666666;
}

#productsRightBox a
{
	color: #86b03d;
	text-decoration: none;
}

#productsHomePageRightBox a
{
	color: #86b03d;
	text-decoration: none;
}

#productsRightBox a:hover
{
	color: #666666;
}

#productsHomePageRightBox a:hover
{
	color: #666666;
}

.productsRightBoxHeroImage
{
    text-align: center;
    margin: 0px auto;
	/* padding: 0px 0px 0px 7px; */
}

#productsRightBox table
{
	width: 700px;
	margin: 0px 10px 0px 15px;
	border-collapse: collapse;
}

#productsRightBox table.shortTable
{
	width: 250px;
	margin: 0px 10px 0px 15px;
	border-collapse: collapse;
}

#productsRightBox td
{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: dotted 1px #86b03d;
	margin: 5px 0px 5px 0px;
}

#productsRightBox td.bottomLeftBorder
{
		border-top:0px;
	border-left:dotted 1px #86b03d;
	border-right:0px;
	border-bottom: dotted 1px #86b03d;
	margin: 5px 0px 5px 5px;
		padding: 0px 0px 0px 10px;
}

#productsRightBox th.bottomLeftBorder
{
	border-top:dotted 1px #86b03d;
	border-left:dotted 1px #86b03d;
	border-right:0px;
	border-bottom: dotted 1px #86b03d;
	margin: 5px 0px 5px 5px;
}

#productsRightBox td.spacer
{
	width: 50px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: dotted 1px #86b03d;
	margin: 5px 0px 0px 0px;
}

#productsRightBox td.vertSpacer
{
	height: 15px;
	border: 0px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#productsRightBox td.noborder
{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 0px;
	margin: 5px 0px 5px 0px;
}

#productsRightBox td.GreyBackground
{
	border:solid 1px  #dbdcdc;
	background-color: #dbdcdc;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#productsRightBox td.GreyBackgroundSpacer
{
	width: 25px;
	border:solid 1px  #dbdcdc;
	background-color: #dbdcdc;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#productsRightBox td.GreyBackgroundImage
{
	width: 152px;
	border:solid 1px  #dbdcdc;
	background-color: #dbdcdc;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#productsRightBox td img
{
	/* display:block; */
	margin: 5px 0px 5px 0px;
}

#productsRightBox  p.productsRightBoxLargeGreyText
{
	font-weight:bold;
}

#productsRightBox li.phantomSpacer
{
	list-style-type:none;
}

/* The three columns at the bottom of the home page below the hero image */
#mainInfoWrapper
{
	float:right;
	width: 750px;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#mainInfoWrapper p
{
	font-size:62.5%;

}

#mainInfoWrapper a
{
	font-size: 110%;
}

#mainInfoWrapper ul
{
	font-size:62.5%;
}

#mainInfoWrapper .regText
{
	vertical-align:super;
	font-size: 80%;
}

#mainInfoWrapper img
{
	border: 0px;
}
.mainInfoWrapperDividerLine
{
	float:left;
	width: 1px;
	height:118px;
	background-position:center center;
	background-image:url(/images/Line_VertGreenDashed.jpg);
	background-repeat: no-repeat;
	padding: 25px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#mainInfoWrapperLeftColumn
{
	float:left;
	width:210px;
	height: 200px;	
	padding: 15px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#mainInfoWrapperCenterColumn
{
	float:left;
	width:210px;
	height: 200px;	
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#mainInfoWrapperRightColumn
{
	float:left;
	width:215px;
	height: 200px;	
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* For the Header menus above the logo on the product pages */
#sectionHeaderMenu
{
	float:right;
	padding:10px 25px 0px 0px;
	height: 20px;
	width:300px;
}

#sectionHeaderDivider
{	
	float:right;
	width: 2px;
	height:16px;
	background-position:center center;
	background-image:url(/images/line_VertRuleGreen2x16.jpg);
	background-repeat: no-repeat;
	padding: 0px 15px 0px 15px;
}

#WhyWilsonartsectionHeaderDivider
{	
	float:right;
	width: 2px;
	height:16px;
	background-position:center center;
	background-image:url(/images/line_VertRuleGreen2x16.jpg);
	background-repeat: no-repeat;
	padding: 0px 3px 0px 3px;
}

.HeaderRightMenu
{  
	float:right;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	font-size:75%;
	text-transform:uppercase;
}

.HeaderRightMenu a
{
	color: #666666;
	text-decoration: none;
}

.HeaderRightMenu a:hover
{
	/* turns the text green when hovered over */
	color:#86b03d;
}

.WhyWilsonartHeaderRightMenu
{  
	float:right;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	font-size:55%;
	text-transform:uppercase;
}

.WhyWilsonartHeaderRightMenu a
{
	color: #666666;
	text-decoration: none;
}

.WhyWilsonartHeaderRightMenu a:hover
{
	/* turns the text green when hovered over */
	color:#86b03d;
}

.HeaderRightGreenText
{ 
	float:right;
	padding: 0px 0px 0px 0px;
	color :#86b03d;
	font-weight:bold;
	font-size:75%;
	text-transform:uppercase;
	text-decoration:none;
}

.HeaderRightGreenText a
{ 
	color :#86b03d;
	text-decoration:none;
}

.HeaderRightGreenText a:hover
{
	/* Turns the text grey when hovered over */
	color:#666666;
}

/* The Laminate Photo Gallery Specific Parts */
/* Corporate Rollover */
#corpRollover
{
	margin: 0px 0px 0px 0px;
}

#corpRollover a
{
	padding:0px 0px 0px 0px;
	display: block;
	height: 100px;
	width: 100px; 
	color: White;
	background: url(/Images/PhotoGallery/Corporate_GrayGreen.jpg) 0 0 no-repeat;
}

#corpRollover a:hover
{
	color:White;
	background-position: -100px 0;
}

#corpRollover img.imageNoBorder
{
	border:0px;
}
/* Education Rollover */
#eduRollover
{
	margin: 0px 0px 0px 0px;
}

#eduRollover a
{
	padding:0px 0px 0px 0px;
	display: block;
	height: 100px;
	width: 100px; 
	color: White;
	background: url(/Images/PhotoGallery/Education_GrayGreen.jpg) 0 0 no-repeat;
}

#eduRollover a:hover
{
	color:White;
	background-position: -100px 0;
}

#eduRollover img.imageNoBorder
{
	border:0px;
}
/* Healthcare Rollover */
#healthRollover
{
	margin: 0px 0px 0px 0px;
}

#healthRollover a
{
	padding:0px 0px 0px 0px;
	display: block;
	height: 100px;
	width: 100px; 
	color: White;
	background: url(/Images/PhotoGallery/Healthcare_GrayGreen.jpg) 0 0 no-repeat;
}

#healthRollover a:hover
{
	color:White;
	background-position: -100px 0;
}

#healthRollover img.imageNoBorder
{
	border:0px;
}
/* Hospitality Rollover */
#hospRollover
{
	margin: 0px 0px 0px 0px;
}

#hospRollover a
{
	padding:0px 0px 0px 0px;
	display: block;
	height: 100px;
	width: 100px; 
	color: White;
	background: url(/Images/PhotoGallery/Hospitality_GrayGreen.jpg) 0 0 no-repeat;
}

#hospRollover a:hover
{
	color:White;
	background-position: -100px 0;
}

#hospRollover img.imageNoBorder
{
	border:0px;
}
/* Multi-Family Residential */
#resRollover
{
	margin: 0px 0px 0px 0px;
}

#resRollover a
{
	padding:0px 0px 0px 0px;
	display: block;
	height: 100px;
	width: 100px; 
	color: White;
	background: url(/Images/PhotoGallery/MH_GrayGreen.jpg) 0 0 no-repeat;
}

#resRollover a:hover
{
	color:White;
	background-position: -100px 0;
}

#resRollover img.imageNoBorder
{
	border:0px;
}
/* Retail Rollover */
#retailRollover
{
	margin: 0px 0px 0px 0px;
}

#retailRollover a
{
	padding:0px 0 0 0;
	display: block;
	height: 100px;
	width: 100px; 
	color: White;
	background: url(/Images/PhotoGallery/Retail_GrayGreen.jpg) 0 0 no-repeat;
}

#retailRollover a:hover
{
	color:White;
	background-position: -100px 0;
}

#retailRollover img.imageNoBorder
{
	border:0px;
}
/*____________________________________________________________
Form styles
____________________________________________________________ */
input{
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	border:1px solid #ccc;
	background-color: #FBFBFB;
}

input[type="text"]{
	background-color: #FBFBFB;
	border:1px solid #ccc;
}
.TextBox{
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	border:1px solid #ccc;
	background-color: #FBFBFB;
}
.TextBox:focus{
	border:1px solid #FC1921;
}

input[type="radio"]{
	background-color: #fff;
	border:1px solid #fbfbfb;
}

input[type="checkbox"]{
	background-color: #ccc;
	border:1px solid #fbfbfb;
}

select{
	border:1px solid #ccc;
	background-color: #FBFBFB;
	padding:4px;font-size:12px;
}
.DropDownList{
	border:1px solid #58595b;
	background-color: #FBFBFB;
	padding:4px;font-size:12px;
}
.ListBox{
	border:1px solid #999999;
}	

.ValidationError{
	font-weight:bold;
	padding-left:12px;
	color:#CC0000 !important;
}
textarea{
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #ccc;
	background-color: #FBFBFB;
}
input:focus, textarea:focus{
	border:1px solid #FC1921;
	
}

.button{
	height:30px;
	padding:0px 3px;
	margin:0px;
	border:2px solid #f7f7f7;
	border-top-color: #CCC;
	border-left-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	color:#333;
	font-size:.9em;
	font-weight:bold;
	background: #f7f7f7 url(../Images/buttonback.jpg) repeat-x;	
}

.button:active{
	border: 2px solid #f7f7f7;
	border-top-color: #999;
	border-left-color: #999;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	}
	
.button:hover {
  color: #999999;
  cursor: pointer; 
}

/*____________________________________________________________
MultiPage View styles
____________________________________________________________*/
.tabBackground{
 background-position-y: 0px;
 background-position-x: -1px;
 background-image: url(/Images/tabBackground2.gif);
 background-repeat: no-repeat;
 width: 599px;
}

.tabTallBackground{
 background-position-y: 0px;
 background-position-x: -1px;
 background-image: url(/Images/tabTallBackground.gif);
 background-repeat: no-repeat;
 width: 599px;
}

.multiPageViewGroup {
}

.PageView {
	padding: 10px;
	margin: 0 0 0 0;	
}

/*____________________________________________________________
Custom How to Order styles
____________________________________________________________*/
.orderstep {
	height:16px;
	font-size:14px;
	font-weight:bold;
	padding-left:4px;
	margin:0px;
	background:url(/Iimages/orderback.gif) no-repeat top left;
	color:#000;
}
.white{color:#fff;padding-right:10px;margin:0px;}

/*____________________________________________________________
Table styles
____________________________________________________________*/
table.TableWithStyle{
	background-color: #e4e4e4;
	border: 1px solid #fff;
	font-size:11px;
	color: #333333;
}
td{
	
}
table.TableWithStyle td{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color: #fff;
	border-collapse: collapse;
	padding: 6px 6px;
}
table.TableWithStyle th{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color: #fff;
	border-collapse: collapse;
	padding: 3px 6px;
	background-color: #AEAEAE;
	font-size:12px;
}
table.TableWithStyle thead th{
	background-color: #D0D0D0;
	color: #333333;
}
table.TableWithStyle thead th{
	
}
table.TableWithStyle caption{ color:#000; font-weight:bold; font-size:12px;text-align:left;
	
}

table.TableWithStyle2{
	background-color: #e4e4e4;
	border: 1px solid #fff;
	font-size:11px;
	color: #333333;
}
td{
	
}
table.TableWithStyle2 td{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color: #fff;
	border-collapse: collapse;
	padding: 5px;
font-size:11px;
}
table.TableWithStyle2 th{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color: #fff;
	border-collapse: collapse;
	padding: 2px;
	background-color: #AEAEAE;
	font-size:11px;
}
table.TableWithStyle2 thead th{
	background-color: #D0D0D0;
	color: #333333;
}
table.TableWithStyle2 thead th{
	
}
table.TableWithStyle2 caption{ color:#000; font-weight:bold; font-size:12px;text-align:left;
	
}

/* Special for the Solid Surface Section */
.proconHeading {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif;
	line-height: normal;
	font-weight: bold;
	font-size: 14px;
	/*color: #FFFFFF;*/
	margin-top: 15px;
	letter-spacing: 1px;
}
.procondata {
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	line-height: normal;
	font-size: 12px;
	color: #000000;}
.proconfooter {
	font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
	line-height: 12px;
	font-size: 10px;
	color: #000000;}	

.footer {
	font-family: Geneva, Arial, Helvetica, Swiss, sans-serif;
	line-height: 14px;
	font-size: 10px;
/*	color: #FFFFFF;*/
	text-align: center;
}

.ph2
{
	font-weight:bold;
}

.imageWrapper
{
	float:right;
	padding: 0px 1px 0px 6px;
}

.imageWrapperLeft
{
	float:left;
	padding: 0px 5px 0px 1px;
}

.imageAndCaptionWrapper
{
	padding: 0px;
}

.imageWrapperNoBorder
{
	border: 0px;
	float:right;
	padding: 0px 1px 0px 6px;
}

.imageAndCaptionWrapperNoBorder
{
	border: 0px;
	padding: 0px;
}

.smallcaption {
	font-family: Geneva, Arial, Helvetica, Swiss, sans-serif;
	line-height: 13px;
	font-size: 11px;
	/*color: #0081C7;*/
	font-weight: bold;
	padding: 2px 0px 0px 0px;
}

.smallcaptiongreen {
	font-family: Geneva, Arial, Helvetica, Swiss, sans-serif;
	line-height: 13px;
	font-size: 11px;
	color: #86b03d;
	font-weight: bold;
	padding: 2px 0px 0px 0px;
}

.picborder { border: 1px solid #000000; }

.notation {font-family: Geneva, Arial, Helvetica, Swiss, sans-serif; line-height: 14px; font-size: 11px; color: #000000;}

.notjustifiedp {font-family: Geneva, Arial, Helvetica, Swiss, sans-serif; line-height: 16px; font-size: 12px; color: #000000;}

.SSDividerBorder
{
	border-bottom:dotted 1px #86b03d;
	padding: 2px 0px 2px 0px;
}

/* Special Styles for Flooring Section */
#flooringGreenAreaBorders
{
	margin: 10px 0px 10px 0px;
	border-top: solid 3px Black;
	border-bottom: solid 3px Black;
	background-color: #96bb57;
	height: 150px;
}
#flooringDarkGreenArea
{
	float: left;
	background-color: #96bb57;
 width: 150px;
	height: 150px; 
}

#flooringDarkGreenArea p
{
		color: White;
	font-size: 175%;
		margin: 40px 0px 0px 20px;
}
#flooringLightGreenArea
{
	float: right;
	background-color: #d0ebbb;
height: 150px; 
}

#flooringLightGreenArea p
{
	/*	color: Black; */
		padding: 2px 10px 2px 10px;
}

#flooringComparisonBorders
{
	margin: 10px 0px 10px 0px;
	border-top: solid 3px Black;
	border-bottom: solid 3px Black;
	width:675px;
	/* background-color: #96bb57;
	height: 150px; */
}

#flooringComparisonBorders table
{
	padding: 0px;
	margin: 0px;
}
#flooringComparisonBorders tr.odd
{
	background-color:#d0ebbb;
}

#flooringComparisonBorders td.sansborder
{
	padding:7px 0px 0px 0px;
}

#flooringComparisonBorders td.borderleft
{
	padding:7px 0px 0px 0px;
	border-left: solid 1px black;
}

/*____________________________________________________________
Scoller Styles
____________________________________________________________*/

.sliderBrowser{ overflow:auto; width:550px; height:535px; padding: 10px; margin-bottom: 10px;}

.Slider_Wrapper{
  overflow:hidden;
  position:relative;
}
.Slider{
 position:absolute;
 top:0;
 left:10px;
}

/* ----------- Styles for the WhyWilsonart section -------------------------------------------*/
#HomePageContentArea
{
	padding: 0px;
	margin: 0px;
}


.HomePageContentBox
{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 7px;
	height: 325px; width: 340px;
	float: left;
}

.HomePageContentShortBox
{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 7px;
	height: 175px; width: 340px;
	float: left;
}

.HomePageContentShortBoxWide
{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 7px;
	height: 175px; width: 600px;
	float: left;
}


.HomePageContentBoxLowerRightWrapper
{
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 130px;
}

.HomePageContentBoxWrapper
{
	margin: 0px;
	padding: 0px;
	height: 325px; width: 700px;
	background-color: White;
}

.HomePageContentShortBoxWrapper
{
	margin: 0px;
	padding: 0px;
	height: 180px; width: 700px;
	background-color: White;
}

.InsidePageContentBox
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 3px;
	height: 350px; width: 340px;
	float: left;
border: solid 1px Black;
}

.InsidePageContentBoxNoBorder
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 3px;
	height: 350px; width: 340px;
	float: left;
    border: 0px;
}

.InsidePageContentBoxNoBorderLeft
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 3px;
	height: 350px; width: 340px;
	float: left;
	border-bottom:solid 1px Black;
	border-right: solid 1px Black;
	border-top: solid 1px Black;
}

.InsidePageContentBoxNoBorderRight
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 3px;
	height: 350px; width: 340px;
	float: left;
	border-bottom:solid 1px Black;
	border-left: solid 1px Black;
	border-top: solid 1px Black;
}

.InsidePageContentBoxWrapper
{
	margin: 0px;
	padding: 0px;
	height: 350px; width: 700px;
	background-color: White;
}

/************** This is the new CSS for the slider in the Why Wilsonart Videos Pages ********************************/

 .VideoBoxes{width:700px;height:350px;}
    .VideoBoxes_Wrapper
    {
        overflow:hidden;
        position:relative;
        /* set width ! */
    }
    .VideoBoxes_Content
    {
        position:absolute;
        top:0;
        left:0;
    }
    
    .VideoBoxes_Content table
    {
        
    }
    
    .VideoBoxes_Content table
    {
        width:700px;height:350px;
    }
    
    .VideoBoxes_Content table td
    {
    }
    
    .VideoBoxes_Content table td
     { width: 340px; border-collapse: collapse; border: solid 1px Black; padding:2px 5px 3px 5px; vertical-align: top; text-align: center;}
    
   
    .VideoBoxes_Wrapper{width:700px;height:350px;/*top:45px;left:0px; white-space:nowrap;*/}
    .VideoBoxes_Wrapper img{display:inline;}
        .BoxesSlider {width:600px;margin:4px 0 10px; padding: 25px 0px 0px 0px;}
    .VideoBoxesSlider .RadSlider{margin:0 auto;}
	
    
    
 /*       .Boxes_Content table td
    {border: solid 1px Black; padding:2px 5px 3px 5px; vertical-align: top; width: 175px; text-align: center;}
    
    .Boxes{width:600px;height:175px;}
    .Boxes_Wrapper{width:600px;height:250px;top:45px;left:0px;white-space:nowrap;}
    .Boxes_Wrapper img{display:inline;}
        .BoxesSlider {width:600px;margin:4px 0 10px; padding: 50px 0px 0px 0px;}
    .BoxesSlider .RadSlider{margin:0 auto;}
 
	.Lorem {position:relative;width:605px;height:535px;}
	.Lorem .Lorem_Wrapper{width:535px;height:535px;top:0px;padding:0 5px 0 0;}
    .Lorem .RadSlider{position:absolute;top:10px;right:1px;} */

/* SLIMBOX */

#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}
.lbLoading {background: #fff url(/Images/loading.gif) no-repeat center;}
#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink { left: 0;}
#lbPrevLink:hover { background: transparent url(/Images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink { right: 0;}
#lbNextLink:hover { background: transparent url(/Images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff;
	border-top-style: none;}
#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(/Images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none;}
#lbCaption, #lbNumber { margin-right: 71px;}
#lbCaption {font-weight: bold;}