/************************************/
/*  Schilling, Co.		            */
/*  Produced by: MixDesign, Inc.	*/
/*  2300 Cline Avenue				*/
/*  Schererville, IN 46375			*/
/*  Scripted by: Jamie Paul			*/
/************************************/

/******************************/
/* Background Styles for Site */
/******************************/
body {
	background-color:#f6f6f6;
	background-image:url(images/bgimg.gif);
	background-position:top;
	background-repeat:repeat-x;
	}

/**************************************/
/* Basic Styles for Links in the Site */
/**************************************/
a {
	border:none;
	color:#bf1e2e;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:0.025em;
	text-decoration:none;
	}

a:hover {
	border:none;
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:0.025em;
	text-decoration:none;
	}
	
a:active {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:0.025em;
	text-decoration:underline;
}

/***************************************************/
/* Class Setting for Primary Tables for Every Page */
/***************************************************/
table.main {
	color:#666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	}

/******************************************************/
/* Class Setting for Red Paragraph Text               */
/* Used for Contact Info on the bottom of each page   */
/* Used for "|" Bar between Links at the top of pages */
/* Used for Captions under Images on the Right        */
/******************************************************/
p.red {
	color:#bf1e2e;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	letter-spacing:0.025em;
	line-height:15px;
	}

/***************************************************/
/* Class Setting for Dark Grey Paragraph Text      */
/* Used for all unlisted content accross all pages */
/***************************************************/
p.grey {
	color:#333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:justify;
	vertical-align:top;
	padding-left:10;
	padding-right:10;
	}
*
/*******************************************************/
/* Class Setting for White Paragraph Text              */
/* Used for all White Text appearing in a Black Bar    */
/* Used primarily on Home Page and Division Core Pages */
/*******************************************************/
p.white {
	color:#FFFFFF;
	font-family: Garamond, Georgia, Times, serif;
	/*font-family:Helvetica, Arial, sans-serif;*/
	font-size:16px;
	letter-spacing:0.1em;
	}

/************************************************/
/* Class Styling for Home Page Editable Regions */
/************************************************/
td.editPad{
	letter-spacing:0.025em;
	line-height:13px;
	vertical-align:top;
	padding-top:10px;
	}
	
/*tr.kbg {background-color:#000000;}
td.wbg {background-color:#f6f6f6;}
td.dgbg {background-color:#b7b7b7;}*/

/**********************************************************************/
/* Class Styling for Blank <TD> Tags                                  */
/* Used for Black, Medium Grey & White background colors in <TD> Tags */
/**********************************************************************/
td.kbg {background-color:#000000;}
td.wbg {background-color:#f6f6f6;}
td.dgbg {background-color:#b7b7b7;}

/*****************************************************/
/* Class Setting for Idea Center Images on Home Page */
/*****************************************************/
img.homeidea {
	border:none;
	padding-bottom:0px;
	background-color:#b7b7b7;
	}

/*******************************************************/
/* Class Setting for Black Headings                    */
/* Used for Headings inside Grey <TD>s in Inside Pages */
/*******************************************************/
p.comppgs {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	vertical-align:bottom;
	letter-spacing:.05em;
	padding-left:10;
	}

/************************************************************/
/* Class Setting for Black Headings                         */
/* Used for Capitalized Heasings on all Division Core Pages */
/************************************************************/
h1.infowin {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	letter-spacing:.025em;
	padding-left:10;
	}

/***************************************************/
/* Class Setting for Black Headings                */
/* Used for Headings on Secondary, or Inside Pages */
/***************************************************/
h2.comppgs {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	letter-spacing:.025em;
	padding-left:10;
}

/******************************************/
/* Class Setting for Black Headings       */
/* Used in Columns on Division Core Pages */
/******************************************/
h2.columncats {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	letter-spacing:.025em;
	padding-left:10;
	text-align:left;
}

/*********************************************/
/* Class Setting for Dark Grey Headings      */
/* Used in SubCategories of content on pages */
/* Hardly Used                               */
/*********************************************/
h4.subcats {
	color:#b7b7b7;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:.025em;
	padding-left:10;
}

/******************************************************/
/* Class Setting for Black Letter Headings            */
/* Used on Product & Brands Pages with alphabet lists */
/******************************************************/
h4.alphabetical {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	letter-spacing:.025em;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:10;
	text-decoration:underline;
}

/********************************************/
/* Class Setting for Grey List Items        */
/* Used for lists with Square Bullet Points */
/********************************************/
ul.grey {
	color:#777777;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	letter-spacing:.025em;
	padding-left:10;
	list-style:square;
}

/*********************************************************/
/* Class Setting for Grey List Items                     */
/* Used on Timeline List, and for other lists requiring  */
/* formatting like a bulletted list, but without bullets */
/*********************************************************/
ul.nodecor {
	color:#777777;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	letter-spacing:.025em;
	padding-left:25;
	padding-right:100;
	list-style:none;
}

/***************************************************/
/* Class Setting for Grey List Items               */
/* Used on lists in the Division Core Page Columns */
/* without bullets, needing margins                */
/* Hardly Used                                     */
/***************************************************/
ul.nodecor2 {
	color:#777777;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	letter-spacing:.025em;
	padding-left:25;
	padding-right:40;
	list-style:none;
}

/***************************************************/
/* Class Setting for Grey List Items               */
/* Used on lists in the Division Core Page Columns */
/* without bullets, minimal margins                */
/* Primarily Used                                  */
/***************************************************/
ul.columnlist {
	color:#777777;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	letter-spacing:.025em;
	padding-left:5;
	padding-right:10;
	list-style:none;
}

p.columnlist {
	color:#777777;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	letter-spacing:.025em;
	padding-left:15;
	padding-right:10;
	padding-top:0;
	list-style:none;
}


/***********************************/
/*                                 */
/*  Rollover Buttons In Templates  */
/*                                 */
/***********************************/
/**************************/
/* Windows & Doors Button */
/**************************/
td.windoor {
	background-image:url(images/windoor2C.gif); background-position:center; background-repeat:no-repeat; background-color:#e7a614;
	width:95px; height:36px; margin:0;	padding:0; }
td.windoor a, td.windoor a:link, td.windoor a:visited {display:block;}
td.windoor img {width:95px; height:36px; border:0;}
td.windoor a:hover img {visibility:hidden;}
	
/***************************/
/* Kitchens & Baths Button */
/***************************/
td.kitbath {
	background-image:url(images/kitbath2C.gif); background-position:center; background-repeat:no-repeat; background-color:#631b4b;
	width:95px; height:36px; margin:0;	padding:0; }
td.kitbath a, td.kitbath a:link, td.kitbath a:visited {display:block;}
td.kitbath img {width:95px; height:36px; border:0;}
td.kitbath a:hover img {visibility:hidden;}
	
/***********************************/
/* Flooring & Hard Surfaces Button */
/***********************************/
td.floor {
	background-image:url(images/floor2C.gif); background-position:center; background-repeat:no-repeat; background-color:#005a84;
	width:95px; height:36px; margin:0;	padding:0;}
td.floor a, td.floor a:link, td.floor a:visited {display:block;}
td.floor img {width:95px; height:36px; border:0; background-color:#000000}
td.floor a:hover img {visibility:hidden;}
	
/*************************/
/* Outdoor Living Button */
/*************************/
td.outdoor {
	background-image:url(images/outdoor2C1.gif); background-position:center; background-repeat:no-repeat; background-color:#a49400;
	width:95px; height:36px;; margin:0;	padding:0;}
td.outdoor a, td.outdoor a:link, td.outdoor a:visited {display:block;}
td.outdoor img {width:95px; height:36px; border:0;}
td.outdoor a:hover img {visibility:hidden;}
	
/*****************/
/* Lumber Button */
/*****************/
td.lumber {
	background-image:url(images/lumber2C.gif); background-position:center; background-repeat:no-repeat; background-color:#794400;
	width:95px; height:36px; margin:0;	padding:0;}
td.lumber a, td.lumber a:link, td.lumber a:visited {display:block;}
td.lumber img {width:95px; height:36px; border:0;}
td.lumber a:hover img { visibility:hidden;}

/********************/
/* Mouldings Button */
/********************/
td.mould {
	background-image:url(images/mould2C1.gif); background-position:center; background-repeat:no-repeat; background-color:#5c6f7b;
	width:95px; height:36px; margin:0;	padding:0;}
td.mould a, td.mould a:link, td.mould a:visited {display:block;}
td.mould img {width:95px; height:36px; border:0;}
td.mould a:hover img {visibility:hidden;}

/*******************/
/* Hardware Button */
/*******************/
td.hardware {
	background-image:url(images/hardware2C1.gif);	background-position:center;	background-repeat:no-repeat; background-color:#dac793;
	width:95px; height:36px; margin:0;	padding:0;}
td.hardware a, td.hardware a:link, td.hardware a:visited {display:block;}
td.hardware img {width:95px; height:36px; border:0;}
td.hardware a:hover img {visibility:hidden;}

/********************/
/* Commercial Button */
/********************/
td.commercial {
	background-image:url(images/commercial2C.gif);	background-position:center;	background-repeat:no-repeat; background-color:#9fcd4f;
	width:95px; height:36px; margin:0;	padding:0;}
td.commercial a, td.commercial a:link, td.commercial a:visited {display:block;}
td.commercial img {width:95px; height:36px; border:0;}
td.commercial a:hover img {visibility:hidden;}


td.blankarea {
	background-color:#000000; width:283px; height:21px; margin:0; padding:0;}
td.blankarea a, td.blankarea a:link, td.blankarea a:visited {display:block;}
td.blankarea img {width:283px; height:21px; border:0;}
td.blankarea a:hover img {visibility:hidden;}

/********************************************************/
/* Special Revisions for <TABLE> & <TD> styling 4/12/10 */
/* by: MIXDESIGN, INC.								    */
/********************************************************/

/*********************************************************/
/* ID Setting for adding a black border of 1px           */
/* Make sure that the TABLE, where the columns are,      */
/* DO NOT have a border="1" or a background color.  For  */
/* the <TD>s you want the black border around, simply    */
/* put <TD ID="blackoutline"> .............. </td>       */
/* This will add a black border to the specified <TD>s.  */
/* This ID also makes the background color WHITE for the */
/* <TD>s you are applying this ID to.                    */
/*********************************************************/

#blackoutline {
	background-color: #ffffff;
	border: 1px solid #000;
}

/**********************************************************/
/* ID Setting for adding a 8px pad above and below all    */
/* images listed in the columns of the division pages.    */
/* KEEP the  											  */
/* <tr style="padding-top:8px; padding-bottom:8px;">      */
/* for the Rows with the images.  This keeps the 8px      */
/* space above and below in I.E.  But this doesn't 		  */
/* render properly in Firefox or Safari, SO...			  */
/* ADD ID="columnimagepadding" to ALL the <img /> tags    */
/* that need the 8px padding on top and bottom.  The	  */
/* addition of the ID to the <img /> will make the 8px    */
/* of space appear correctly in Firefox and Safari.		  */
/* AGAIN, you will need to have BOTH an ID in the <img / >*/
/* as well as the <tr style="padding-top......> for I.E.  */
/**********************************************************/

#columnimagepadding {
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}

/**********************************************************/
/* ID Setting for creating a bulletted list, controlled   */
/* to currently shift 10px left.  To apply and better     */
/* control the bulletted list items in the columns, go    */
/* to a <UL> tag with the CLASS="GREY" or				  */
/* CLASS="COLUMNLIST".  REPLACE these classes with:       */
/* <UL ID="LISTSPADDING">. If you do not like the padding */
/* at 10px, this can be adjusted. ONCE the <UL> tags have */
/* all been adjusted to have an ID, any change you make   */
/* here and upload to the server will be automatic.		  */
/* This is cross-browser compatible, but the bullets will */
/* appear at very SLIGHTLY different sizes no matter what */
/**********************************************************/

#listspadding {
	color:#777777;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:13px;
	letter-spacing:.025em;
	list-style:square;
	left: 10px;
	padding-right: 5px;
}