/**********************************************************************
Main Part of the Site
**********************************************************************/

html, body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
	background-image:url(/images/bg.gif);
	background-color:#000000;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:1px;
	margin-right:5px;
	font-weight:normal;
	color:#000000;
	text-align:left;
}

P {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
	margin-left:5px;
	margin-top:5px;	
	font-weight:normal;
	color:#000000;
	text-align:left;
	line-height:18px;
}

a {
   outline: none;
}

a:hover, a:active, a:focus {
    outline: none;
}

#mainTable { 
	width: 1000px;
	border: none; 
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
}

#mainleft { 
	width: 200px;
	border: none; 
	background-position:top left;
	background-color:#ffffff;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#homeright { 
	width: 800px;
	border: none; 
	background-position:top left;
	background-color:#ffffff;
	text-align:left;
	vertical-align: top;
	padding: 5px 15px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	 
}

#mainright { 
	width: 800px;
	border: none; 
	background-position:top left;
	background-color:#ffffff;
	text-align:left;
	vertical-align: top;
	padding: 15px 15px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	 
}
#mainright p { 

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px; 
	text-align:left;
	vertical-align: top;
}


#gradient {
	background-image:url(/images/gradient.jpg);
	background-repeat:repeat-x;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left:  1px solid #CCCCCC;
	border-right:  1px solid #CCCCCC;
	padding: 2px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0px;
}

#sales {
	width: 90%;
	border-top-width: 5px;
	border-top-color: green;
}

#tdsales {
border-top-width: 5px;
border-top-color: green;
}

.overstockred {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	padding: 5px 0 5px 0px;
	text-align:left;
}

.overstocktitle {
	font-size: 16px;
	font-weight: bold;
}

.overstockblue {
	color: #0033FF; 
	font-weight: bold; 
	}

.pageupdate {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;/*tahoma, helvetica, arial, sans-serif;*/
    font-size: 10px;
	font-weight:normal;
	color:#666666;
}

.justifyleft {
vertical-align:top;
padding: 0px 0px 0px 15px;
text-align:justify;
}

.justifyright {
vertical-align:top;
padding: 0px 15px 0px 0px;
text-align:justify;
}

.aligntop {
vertical-align:top;
}


.sitetitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1E364E;
	font-weight:bold;
}
.sitetitle a:link   {font-weight:bold; text-decoration:none; color:#1E364E; font-size:14px;}
.sitetitle a:visited{font-weight:bold; text-decoration:none; color:#1E364E; font-size:14px;}
.sitetitle a:hover  {font-weight:bold; text-decoration:underline; color:#1E364E; font-size:14px;}


.sitelinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0A2E53;
	font-weight:bold;
}
.sitelinks a:link   {font-weight:bold; text-decoration:underline; color:#0A2E53; font-size:12px;}
.sitelinks a:visited{font-weight:bold; text-decoration:underline; color:#0A2E53; font-size:12px;}
.sitelinks a:hover  {font-weight:bold; text-decoration:underline; color:#0A2E53; font-size:12px;}

.notes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CD0001;
	text-align:justify;
}

/**********************************************************************
Tables
**********************************************************************/

table.bluetable {
	border-width: 4px;
	border-style: double;
	border-color: #4f81bd;
	border-collapse: collapse;
	background-color: white;


}
table.bluetable th {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: #d3dfee;
}
table.bluetable td {
	border-style: none;
	border-color: gray;
	background-color: #d3dfee;
	padding: 2px 15px 2px 15px
}


table.bus {
	width: 70%;
	border-width: 4px;
	border-style: double;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.bus th {
	border-width: 0;
	padding: 5px;
	border-style: double;
	border-color: gray;
	background-color: white;
	text-align:center;
	background-color:#FFFFCC;
}
table.bus td {
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	padding: 5px 20px 5px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

tr.row td {
	background-color: #d3dfee; color: black;
}

tr.th th {
	background-color: #3375C8; color: black;
}

table.products {
	width: 90%;
	border-width: 4px;
	border-style: double;
	border-color: #4f81bd;
	border-collapse: separate;
	background-color: white;
	border-spacing: 1px;
}
table.products  th {
	border-width: 1px;
	border-style: none;
	border-color: gray;
	background-color: #d3dfee;
	padding: 2px 0px 5px 15px;
}
table.products  td {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: #d3dfee;
	padding: 2px 0px 2px 15px;
	color: #000;
}

table.white {
	width: 50%;
	border-width: 4px;
	border-style: double;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.white th {
	border-width: 0;
	padding: 5px;
	border-style: double;
	border-color: gray;
	background-color: white;
	text-align:center;
	background-color:#FFFFCC;
}
table.white td {
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	padding: 5px 20px 5px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/**********************************************************************
Header Section CSS 
**********************************************************************/
#headerTable { 
	width: 1000px;
	border: none; 
	background-image:url(../images/headerbg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#ffffff;
	outline: none;

}

#headerrow1 { 
	width: 1000px;
	border: none; 
	background-image:url(../images/blueheader.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#ffffff;
	padding: 0px 2px 0px 0px;
	outline: none;
}
#headerrow2 { 
	width: 1000px;
	border: none; 
	background-image:url(../images/blueheader.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#ffffff;
	white-space: nowrap;
	text-decoration: none;
	background-color:#FFF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding: 2px 2px 2px 2px;
	line-height:18px;
	text-align:center;
	font-weight:bold;
	outline: none;
}
#headerrow2 a:link   {font-weight:bold; padding: 2px 4px 2px 4px; text-decoration:none; color:#FFFFFF; font-size:11px; outline: none;}
#headerrow2 a:visited{font-weight:bold; padding: 2px 4px 2px 4px; text-decoration:none; color:#FFFFFF; font-size:11px; outline: none;}
#headerrow2 a:hover  {font-weight:bold; padding: 2px 4px 2px 4px; text-decoration:underline; color:#FFFFFF; font-size:11px; outline: none;}

/**********************************************************************
Menu Section CSS
**********************************************************************/
#hr{
width:70%;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#div
{
margin-left:20px;
vertical-align:top;
}


#menuTitles{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:center;
}

#SpecialtyTable{
background-image:url(../images/menu/specialty.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-bottom:5px;
width: 205px;
height:250px;
}

#SpecialtyTable tr{vertical-align:top;}
#SpecialtyText{ padding: 3px 0px 2px 0px; }
#SpecialtyText a:link { font-size:12px; color:#000000;	text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#SpecialtyText a:visited { font-size:12px; color:#000000; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
#SpecialtyText a:hover { font-size:12px; color:#807903; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }


#GraphicsTable{
background-image:url(../images/menu/gbg.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-bottom:5px;
width: 205px;
height: 135px;
}
#GraphicsTable tr{vertical-align:top;}
#graphicText{ padding: 2px 0px 2px 0px; }
#graphicText a:link { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#graphicText a:visited { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
#graphicText a:hover { font-size:12px; color:#FF0000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}


#JanitorialTable{
background-image:url(../images/menu/jbg.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-bottom:5px;
width: 205px;
height:100px;
}
#JanitorialTable tr{vertical-align:top;}
#janitorialText{ padding: 2px 0px 2px 0px; }
#janitorialText a:link { font-size:12px; color:#000000;	text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#janitorialText a:visited { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#janitorialText a:hover { font-size:12px; color:#0066CB; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;  }


#GarmentTable{
background-image:url(../images/menu/grbg.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-bottom:5px;
width: 205px;
height:150px;
}
#GarmentTable tr{vertical-align:top;}
#garmentText{ padding: 2px 0px 2px 0px; }
#garmentText a:link { font-size:12px; color:#000000;	text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#garmentText a:visited { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#garmentText a:hover { font-size:12px; color:#CD6702; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;  }

#ModularTable{
background-image:url(../images/menu/mobg.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-bottom:5px;
width: 205px;
height: 75px;
}
#ModularTable tr{vertical-align:top;}
#modularText{ padding: 2px 0px 2px 0px; }
#modularText a:link { font-size:12px; color:#000000;	text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#modularText a:visited { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#modularText a:hover { font-size:12px; color:#986699; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;  }

#FurnitureTable{
background-image:url(../images/menu/fbg2.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-bottom:5px;
width: 205px;
height:235px;
}
#FurnitureTable tr{vertical-align:top;}
#furnitureText{ padding: 2px 0px 2px 0px; }
#furnitureText a:link { font-size:12px; color:#000000;	text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#furnitureText a:visited { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#furnitureText a:hover { font-size:12px; color:#009899; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;  }

#MetalTable{
background-image:url(../images/menu/mbg1.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-bottom:5px;
width: 205px;
height:260px;
}
#MetalTable tr{vertical-align:top;}
#metalText{ padding: 2px 0px 2px 0px; }
#metalText a:link { font-size:12px; color:#000000;	text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#metalText a:visited { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#metalText a:hover { font-size:12px; color:#339933; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;  }

#ServicesTable{
background-image:url(../images/menu/sbg.jpg);
background-repeat:no-repeat;
margin-left:5px;
margin-bottom:5px;
width: 205px;
height:190px;
}
#ServicesTable tr{vertical-align:top;}
#servicesText{ padding: 2px 0px 2px 0px;}
#servicesText a:link { font-size:12px; color:#000000;	text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#servicesText a:visited { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#servicesText a:hover { font-size:12px; color:#800001; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;  }

#catalogTable{
background-image:url(../images/menu/cbg2.jpg);
background-repeat:no-repeat;
margin-left:5px;
width: 205px;
height:100px;
}
#catalogTable tr{vertical-align:top;}
#catalogText{ padding: 2px 0px 2px 0px;}
#catalogText a:link { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#catalogText a:visited { font-size:12px; color:#000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#catalogText a:hover { font-size:12px; color:#6A00B5; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;  }




/**********************************************************************
State Links
**********************************************************************/

#statelinks {
	background-image:url(/images/bgDefaultSection.jpg);
	background-repeat:repeat-x;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left:  1px solid #CCCCCC;
	border-right:  1px solid #CCCCCC;
	list-style-type:none;
	padding: 10px 10px 10px 10px;
	} 

#statelinks a{
	font-weight:normal;
	list-style-type:none;
	color:#000000;
	text-decoration:underline;
	outline: none;
} 

#statelinks a:hover{
	font-weight:normal;
	list-style-type:none;
	color:#666666;
	text-decoration:underline;
	outline: none;
} 

#statelinks a:visited{
	font-weight:normal;
	list-style-type:none;
	color:#333333;
	text-decoration:underline;
	outline: none;
} 

#statelinks th{
	padding: 10px 10px 10px 10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid #CCCCCC;
} 

#statelinks td{
	font-size:11px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
} 

#statelinks img{
	text-align:center;
	vertical-align:top;
}

#statelinks ul {
list-style-type: none;
padding: 0px;
margin: 0px;
} 

/**********************************************************************
Policies
**********************************************************************/

#policies { 
	margin-left: auto;
	margin-right: auto;
	border: none; 
	background-color:#ffffff;
	font-size:11px;
	color: #0D094B;	
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-style: normal;
	font-variant:  normal;
	text-transform: none;
}
#policies a:link   {font-weight:bold; padding: 0px 10px 0px 10px; text-decoration:none; color:#0D094B; font-size:11px;}
#policies a:visited{font-weight:bold; padding: 0px 10px 0px 10px; text-decoration:none; color:#0D094B; font-size:11px;}
#policies a:hover  {font-weight:bold; padding: 0px 10px 0px 10px; text-decoration:underline; color:#0D094B; font-size:11px;}


/**********************************************************************
Product Listing Mouseover
**********************************************************************/
.fabric{
position: relative;
z-index: 0;
}

.fabric:hover{
background-color: transparent;
z-index: 50;
}

.fabric span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.fabric span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.fabric:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -25px;
left: -50px; /*position where enlarged image should offset horizontally */

}


/**********************************************************************
more css
**********************************************************************/
#pie {
vertical-align:top;
padding: 0px 0px 0px 0px;
text-align:justify;
outline: none;
}

/**********************************************************************
Thumbnail
**********************************************************************/
.thumbnail {
float: left;
width: 127px;
height: 158px;
display:inline;
}
#links a {
display:block;
padding-top: 110px;
}
#links a img {
height: 0;
width: 0;
border-width: 0;
}
#links a:hover img {
position: relative;
top: -140px;
left: -50px;
height: 200px;
width: 223px;
border: none;
}

.print {
display:none;
}
/**********************************************************************
Thumbsoap   JUST FOR SOAP PAGE  per request from Darin Pacher
**********************************************************************/
.thumbsoap {
float: left;
width: 127px;
height: 185px;
display:inline;
}
#links a {
display:block;
padding-top: 110px;
}
#links a img {
height: 0;
width: 0;
border-width: 0;
}
#links a:hover img {
position: relative;
top: -140px;
left: -50px;
height: 200px;
width: 223px;
border: none;
}

.print {
display:none;
}

/**********************************************************************
Modular
**********************************************************************/

.modularthumbnail {
float: left;
width: 200px;
height: 162px;
padding-left: 5px;
padding-bottom: 20px;
/*padding: 20px;*/
background-repeat:no-repeat;
margin-left:60px;
}
.printmod {
display:none;
}
#mod a {
display:block;
padding-top: 110px;
}
#mod a img {
height: 0;
width: 0;
border-width: 0;
}
#mod a:hover img {
position: relative;
top: -140px;
left: -50px;
height: 235px;
width: 290px;
border: none;
}

/**********************************************************************
Flip-Tex Lounge Furiture
**********************************************************************/

.flipthumbnail {
float: left;
width: 200px;
height: 121px;
padding-left: 5px;
padding-bottom: 20px;
/*padding: 20px;*/
background-repeat:no-repeat;
margin-left:20px;
}
.printflip {
display:none;
}
#flip a {
display:block;
padding-top: 110px;
}
#flip a img {
height: 0;
width: 0;
border-width: 0;
}
#flip a:hover img {
position: relative;
top: -140px;
left: -50px;
height: 200px;
width: 330px;
border: none;
}


/**********************************************************************
Fabric Samples
**********************************************************************/

.smallerpic{
position: relative;
z-index: 0;
}

.smallerpic:hover{
background-color: transparent;
z-index: 50;
}

.smallerpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}


.smallerpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.smallerpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: -100px; /*position where enlarged image should offset horizontally */

}


/**********************************************************************
Pop UP - thumbnails css are on the individual pages
**********************************************************************/

#popup a {
display:block;
padding-top: 110px;
}
#popup a img {
height: 0;
width: 0;
border-width: 0;
}
#popup a:hover img {
position: relative;
top: -180px;
left: -50px;
height:auto;
width:auto;
border: none;
}

.printpopup {
display:none;
}

/**********************************************************************
Chair Colors
**********************************************************************/

.chaircolors{
position: relative;
z-index: 0;
}

.chaircolors:hover{
background-color: transparent;
z-index: 50;
}

.chaircolors span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
border: 1px solid #CCCCCC;
visibility: hidden;
color: black;
text-align:center;
text-decoration: none;
width:auto;
margin-left:auto;
margin-right:auto;
}


.chaircolors span img{ /*CSS for enlarged image*/
border-width: 0;
}

.chaircolors:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: -50px; /*position where enlarged image should offset horizontally */

}



ul.sitelist {
	list-style-type: disc;
	list-style-position: outside;
	color:#000066
	
}

ul.sitelist li { 
font-style: italic; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#1E364E;
font-weight:bold;
}

.specialcs {
display:none;
}
