body {
  background-color: rgb(51,51,51);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  min-width: 970px;
  color: rgb(255,255,255);
}

.userinfo {
  float:left;
  width:475px;
}

span.userinfo-label {
  float:left;
  width:125px;
  margin-top: 3px;
  text-align:right;
  padding-right: 5px;
}

span.userinfo-input {
  float:left;
  width:340px;
  margin-top: 3px;
}

#radio1, #radio2 {
  background: none;
}

#checkbox1, #checkbox2 {
  background: none;
}

DIV, P, TH, TABLE, TD {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(255,255,255);
  font-size: 10pt;
}

INPUT, SELECT, TEXTAREA {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(10,10,10);
  background: rgb(230,230,230);
  font-size: 10pt;
}

/* Only for IE: */

* html input {
  overflow: visible;
  padding: 0px 0px 0px 0px ;
}

form {
  margin: 0;
}

/* End for IE: */

INPUT.bbutton {
  font-family: Arial, Helvetica, sans-serif;
  background: rgb(50,50,50);
  color: rgb(255,255,255);
  cursor: pointer;
}

SUBMIT.bbutton {
  font-family: Arial, Helvetica, sans-serif;
  background: rgb(50,50,50);
  color: rgb(255,255,255);
  cursor: pointer;
}

INPUT.nbbutton {
  font-family: Arial, Helvetica, sans-serif;
  background: rgb(50,50,50);
  color: rgb(255,255,255);
  border: 0px;
  cursor: pointer;
}

SUBMIT.nbbutton {
  font-family: Arial, Helvetica, sans-serif;
  background: rgb(50,50,50);
  color: rgb(255,255,255);
  border: 0px;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: bold;
}

h2 { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
}

h2.sampling { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 5px;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}


a img {border: none; }

.phonenumber { }

#wrapper {
  width: 970px;
  padding: 0 0 0 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#container {
  width: 970px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

#header {
  width: 970px;
  height: 100px;
  text-align: center;
  float: left;
}

#secondary-header {
  float: left;
  width: 432px;
  height: 100px;
  text-align: left;
  padding: 0 0 0 0;
}

#secondary-navigation {
  float: right;
  width: 538px;
  color: rgb(255,255,255);
  height: 100px;
  padding: 0 0 0 0;
  text-align: right;
  font-weight: bold;
}

#secondary-navigation a:hover {
  color: rgb(102,102,102);
  text-decoration: none;
}

#top-nav {
  width: 538px;
  float:left;
  text-align: right;
  font-size: 80%;
}

#main-nav {
  width: 538px;
  float:left;
  text-align: right;
}

#top-nav input {
  font-size: 8pt;
}

#bottom-nav {
  width: 538px;;
  text-align: right;
}

#bottom-nav a:hover {
  color: rgb(102,102,102);
}

#bottom-nav1 {
  width: 135px;
  float: left; 
	text-align: center;
	margin: 7px 0 0 122px;
	border-left: 2px solid rgb(255,255,255);
}

#bottom-nav2 {
  width: 135px;
  float: left; 
	text-align: center;
	margin: 7px 0 0 0;
	border-left: 2px solid rgb(255,255,255);
}

#bottom-nav3 {
  width: 135px;
  float: left; 
	font-family: Arial,helvetica,sans serif, default;
	text-align: center;
	margin: 7px 0 0 0;
	border-left: 2px solid rgb(255,255,255);
	border-right: 2px solid rgb(255,255,255);
}

.bottom-nav-text 	{
	text-align: center;
	font-family: Arial,helvetica,sans serif, default;
	font-size: 10pt;
	letter-spacing: 3pt;
}

.bottom-nav-text a:link	{
	text-align: center;
	font-family: Arial,helvetica,sans serif, default;
	font-size: 15pt;
	color: rgb(255,255,255);
	text-decoration: none;
	letter-spacing: 3pt;
}

.bottom-nav-text a:active	{
	text-align: center;
	font-family: Arial,helvetica,sans serif, default;
	font-size: 15pt;
	color: rgb(102,102,102);
	text-decoration: none;
	letter-spacing: 3pt;
}

.bottom-nav-text a:hover	{
	text-align: center;
	font-family: Arial,helvetica,sans serif, default;
	font-size: 15pt;
	color: rgb(102,102,102);
	text-decoration: none;
}

#navigation {
  width: 970px;
  height: 20px;
  text-align: center;
}

#left-column {
  width: 300px;
  border: 1px solid rgb(255,255,255);
  float: left;
  text-align: center;
  margin-right: 24px;
  height: 364px;
  padding:0;
}

#center-column {
  width: 300px;
  border: 1px solid rgb(255,255,255);
  float: left;
  text-align: left;
  margin-right: 24px;
  height: 364px;
  padding:0;
}

#right-column {
  width: 300px;
  border: 1px solid rgb(255,255,255);
  float: left;
  text-align: left;
  height: 364px;
  padding:0;
}

#gallery-column {
  width: 400px;
  border: 2px solid rgb(255,255,255);
  float: left;
  margin-right: 8px;
  height: 470px;
  padding: 4px;
  background-color: rgb(91,91,91);
  }

#nivo-gallery-column {
  background-color: rgb(91,91,91);
  border: 2px solid rgb(255,255,255);
  float: left;
  height: 430px;
  margin-right: 8px;
  padding: 40px 0 0 54px;
  width: 346px;
  }

#main-column {
  width: 960px;
  padding-left: 10px;
  color: rgb(250,250,250);
  text-align: left;
  font-size: 10pt;
}

#gallery-right-column {
  width: 520px;
  border: 0px solid rgb(255,255,255);
  float: left;
  text-align:center;
  padding: 0px 0px 0px 20px;
  min-height: 458px;
  height:auto !important;
  height:458px;
}

#gallery-right-column fieldset {
  color: rgb(255,255,255);
  border: 1px solid rgb(255,255,255);
}

#gallery-right-column legend {
  color: rgb(255,255,255);
}

#bottom1 {
  width: 314px;
  float: left; 
  text-align: center;
  margin-right: 10px;
  min-height: 50px;
}

#pagesWrapper	{
  height:500px;
}

#bottom2 {
  width: 314px;
  float: left; 
  text-align: center;
  margin-right: 10px;
  min-height: 50px;
}

#bottom3 {
  width: 314px;
  float: left; 
  text-align: center;
  min-height: 50px;
}

div.header-image {
  width: 135px;
  border: 1px solid rgb(255,255,255);
  float: left; 
  height: 36px;
  margin-right: 1px;
  text-align:left;
	text-align:center;
	padding: 5px 0 0 0;
}

#footer {
  width: 970px;
  padding-top: 10px;
  background-color: rgb(50,50,50);
  color: rgb(255,255,255);
  text-align: center;
  font-size: .75em;
}

#address {
  float: left;
  padding-right: 50px;
  text-align: left;
}

#div-sound {
  float:left;
}
  
a:link, a:active, a:visited {
  color: rgb(255,255,255);
  text-decoration: none;
}

a:hover {
  color: rgb(102,102,102);
  text-decoration: underline;
}


div.slideshow {
  background-color: rgb(91,91,91);
  border:0;
  margin:0;
  padding:0;
}

div.footer-slideshow {
  background-color: rgb(50,50,50);
  height: 50px;
}

div.footer-links {
  background-color: rgb(50,50,50);
  height: 50px;
	padding: 5pt 0 0 0;
}

.footer-text	{
	font-family: Arial,helvetica,sans serif, default;
	font-size: 23pt;
}

.footer-text a:link		{
	font-family: Arial,helvetica,sans serif, default;
	font-size: 23pt;
	color: rgb(255,255,255);
	text-decoration:none;
}

.footer-text a:active	{
	font-family: Arial,helvetica,sans serif, default;
	font-size: 23pt;
	color: rgb(255,255,255);
	text-decoration:none;
}

.footer-text a:hover	{
	font-family: Arial,helvetica,sans serif, default;
	font-size: 23pt;
	color: rgb(102,102,102);
	text-decoration:none;
}

.clear0 {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

.clear {
  clear:both;
  height:5px;
  font-size: 1px;
  line-height: 5px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear10 {
  clear: both;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
}

.clear15 {
  clear: both;
  height: 15px;
  font-size: 15px;
  line-height: 15px;
}

div.swatch {
  float: left;
  width: 15px;
  height: 15px;
  padding: 3px;
}

.header_button1 {
	width: 135px;
	height: 36px;
	display: block;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(images/header-trimmings_on.gif);
}

.header_button1:hover {
	background-position: bottom right;
	color: rgb(91,91,91);
}

.header_button2 {
	width: 135px;
	height: 36px;
	display: block;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(images/header-hardware_on.gif);
}

.header_button2:hover {
	background-position: bottom right;
	color: rgb(91,91,91);}

.header_button3 {
	width: 135px;
	height: 36px;
	display: block;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(images/header-textiles_on.gif);
}

.header_button3:hover {
	background-position: bottom right;
	color: rgb(91,91,91);
}


#desc {
  font-style: italic;
}

#largeCatalog	{
  float:left;
}

div.showrooms {
	text-align:center;
}

a.white-text:link, a.white-text:visited, a.white-text:active, a.white-text:hover {
  text-decoration: underline;
  font-weight: bold;
}  


/*                   */
/* PDF COVER Styles */
/*                   */		
.hidden {display: none;}
.unhidden {display: block;}

#pdfcover_container {
  width: 970px;
}

#pdfcover {
  float:left;
  width:350px;
  border: 0px solid white;
}

#pdfcover-inspire {
  float:left;
  width:375px;
}

#pdfthumbs {
  float:left;
  width: 480px;
  margin-left:120px;
  padding: 0 0 24px 0;
  text-align: left;
}

#pdfthumbs_inspire {
  float:left;
  width: 585px;
  padding: 0px 0px 24px 0px;
  text-align: center;
}

#pdfthumbs_inner {
  float:left;
  width: 440px;
  padding: 0 0 0 75px;
  text-align: left;
}

div.click-view {
  width:450px;
  text-align:center;
  font-weight:bold;
}

.heading1 {
  text-align: left;
  font-family: shelly allegro, monotype corsiva, cursive, fantasy;
  font-size: 22pt;
  color: rgb(255,255,255);
}

.heading2 {
  font-size: 110%;
}  

.opentable1 {
  width: 98%;
}

input:focus {
  color: rgb(20,20,20);
  background: rgb(255,255,255);
  padding: 0px;
}

#form_container {
 width: 970px;
}

#formleftcol {
  float: left;
  width: 450px;
}

#formrightcol {
  float: left;
  width: 450px;
  margin: 0px 0px 0px 50px;
  vertical-align: top;
}

#formleftcol h2 {
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: -8px;
}

#formrightcol h2 {
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 5px;
}

.form_message {
  color: rgb(0,200,200);
}

#formleftcol2 {
  float: left;
  width: 550px;
}

#formrightcol2 {
  float: left;
  width: 380px;
  margin: 0px 0px 0px 30px;
  vertical-align: top;
}

.trimmings_search_items {
  font-size: 10pt;
}

a.gold-link:link {
  color: rgb(189,162,80);
  text-decoration: none;
  font-size:110%;
}

a.gold-link:visited {
  color: rgb(189,162,80);
  text-decoration: none;
  font-size:110%;
}

a.gold-link:hover {
  color: rgb(189,162,80);
  text-decoration: none;
  font-size:110%;
}

#hardware_left_col {
  float: left;
  width: 795px;
  margin-right:15px;
}

#hardware_right_col {
  float: left;
  width: 148px;
  text-align: center;
  border: 1px solid rgb(200,200,200);
  padding-top: 5px;
  padding-bottom: 5px;
  }

#hardware_right_col div, p, th, table, td {
  font-size: 9pt;
}
P
#hardware_right_col_inner {
}

div.social {
  display:block;
  float:left;
}

div.admin-menu ul {
}

div.admin-menu li {
  display: inline;
  list-style-type: none;
  padding-left: 10px;
  padding-right: 20px;
  border-right: 1px solid white;
}

.button_link {
  border:0;
  padding:0;
  display:inline;
  background: rgb(50,50,50);
}

.button_link hover {
  border:0;
  padding:0;
  display:inline;
  background: rgb(50,50,50);
}

.hardware_collection_details {
  font-size:12pt;
  float:left;
  width:400px;
}

.matching_hardware {
  display: block;
  font-size:12pt;
  float:right;
  text-align:left;
  width:370px;
  margin-left:70px;
  font-weight: bold;
}

.hw_search_button {
  color: rgb(255,255,255);
  background: rgb(50,50,50);
  border:0;
  cursor: pointer;
}

/* ================ */
/* ! Bending Page   */
/* ================ */

    .column {
    float:left;
    margin: 0 2%;
    padding: 0 2%;
    overflow: auto;
    }

    .bend {
    float:left;
    margin: 0;
    padding: 0 2%;
    overflow: auto;
	width:900px;
	vertical-align:text-bottom;
    }


/*	.bending {
	width:80%;
	
	}

    .bending li {
    float:left;
    list-style:none;
    width:214px;
    margin: 0 0px 10px 0px;
    padding: 0 10px 0px 0; 
    }
*/

div.bending	{
    float:left;
    width:214px;
    margin: 0 10px 10px 0px;
    padding: 0 0px 0px 0;
    }

div.bending	{
    float:left;
    width:214px;
    margin: 0 10px 10px 0px;
    padding: 0 0px 0px 0;
    }

div.bendAllow	{
    float:left;
    width:214px;
    margin: 0 10px 10px 0px;
    padding: 30px 0px 0px 0;
    }



.bendHead	{
	font-family:century gothic,arial,helvetica,sans serif;
	font-size:24pt;
	width:392px;
	float:left;
	vertical-align:text-bottom;
	margin-top:20px;
}

.bendClick	{
	float:left;
	font-family:century gothic,arial,helvetica,sans serif;
	font-size:12pt;
	font-weight:bold;
	width:180px;
	vertical-align:text-bottom;
	margin:20px 0 0 20px;
	
}

.bend img	{
	float:left;
	}



.column_one {
	float: left;
	width:400px;
	margin-right:50px;
}

.column_two {
	float: left;
	width: 495px;
/*	margin-right:115px; */
}
.column_two img {
	float:left;
	width:214px;
/*	height: 165px;
*/	border:0 solid #000;
}


/*
	TRIM PAGE
*/
#trim-area	{
	text-transform: uppercase;
}


#trim-columnl	{
	float:left;
	width:420px;
}
#trim-columnl h1	{
	font-weight:lighter;
	font-size: 32px;
	text-align:center;
	
}

#trim-columnr	{
	position:relative;
	float:right;
	width:490px;
}

.clear-both	{
	clear:both;
}

.img-top-left	{
	float:left;
	margin-bottom: 40px;
}
.img-top-right	{
	float:right;
	margin-bottom: 40px;
}

.float-left	{
	float:left;
}
.float-right	{
	float:right;
}
#view-collection	{
	margin: 60px 0 0 120px;
}