body {
 z-index: 1;
 margin: 140px 0px 0px 20px;
 padding: 0px;
 color: #4c4c4c; /* IRON */
 background-color: #ffffff;
 font-size: 12px;
 font-weight: 300;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 text-align: center; /* center for old ie */
 
 }

  /* FOR OLD MSIE */
* html body {
 margin: 100px 0px 0px 0px;
 border: 0px solid black;
 }


div {
 margin-left: auto;
 margin-right: auto;
 text-align: center; /* center for msie */
 }



/* ----FIXED BOXES & TOP IMAGE---- */

div.titlebox
 {
 position: fixed;
 z-index: 4;
 overflow: hidden;
 top: 0px;
 left: 0px;
 right: 0px;
 width: 100%;
 height: 103px;
 padding: 0px;
 margin: 0px;
 border: 0px dotted orange; 
 background-color: #cfcec9;
 }
/* FOR OLD MSIE */
* html body div.titlebox 
{
 position: absolute;
 }

/* ONLY FOR IE Mac */
* html>body div.titlebox
 {
 position: fixed;
 }


 /* TITLE IMAGE */
#noborder
 {
 position: fixed;
 left: 0px;
 top: 0px;
 padding: 0px;
 margin: 0px; 
 }

/* FOR OLD MSIE */
* html body #noborder
 {
 position: absolute;
 }

/* ONLY FOR IE Mac */
* html>body #noborder
 {
 position: fixed;
 }



 /* TITLE TEXT DIV */
div.titletext
 {
 position: fixed;
 z-index: 5;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 103px;
 min-width: 960px;
 padding: 0px;
 margin:0px;
 overflow: hidden;
 border: 0px solid blue;
 }

/* FOR OLD MSIE */
* html body div.titletext 
{
 position: absolute;
 width: 960px;
 }

/* ONLY FOR IE Mac */
* html>body div.titletext
 {
 position: fixed;
 }



/* --------FIXED TEXT-------- */

#title {
  /* BARRIERROPE.COM */
 text-align: left;
 color: #917d68; /*CARDBOARD*/ 
 background-color: transparent;
 font-size: 49px;
 font-weight: 400;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 letter-spacing: 2px;
 margin: 0px 0px 0px 232px;
 }

#subtitle {
 text-align: right;
 color: #ffffff;
 background-color: transparent;
 font-size: 14px;
 font-weight: 400;
 font-family: Georgia, "Times New Roman", serif;
 letter-spacing: 10px;
 margin: 10px 20px 0px 100px;
 }

/* -----END---TITLE BOX-------- */



/* -----TOP---KNOT LINKS BOX---- */
div.knotlinksbox 
{
 position: fixed;
 width: 100%;
 min-width: 960px;
 height: 80px;
 top: 103px;
 left: 20px;
 padding: 0px;
 margin:0px;
 background-color: #ffffff;
 z-index: 2;
 text-align: center;
 overflow: hidden;
 border: 0px dotted orange;
 }

/* FOR OLD MSIE */
* html body div.knotlinksbox
{
 position: absolute;
 }

/* ONLY FOR IE Mac */
* html>body div.knotlinksbox
 {
 position: fixed;
 }
 

div.knotlink
{
  margin-left: auto;
  margin-right: auto;
  height: 76px;
  width: 8%;
  float: left;
  text-align: center;
  border: 0px solid blue;
}

div.knotlink img
{
  display: inline;
  margin: 3px;
  border: 0px solid black;
}


div.knotlink a {
 color: #b2a691; /* NATURAL */
 font-size: 12px;
 font-weight: 400;
 letter-spacing: 1px;
 text-decoration: none;
 }

div.knotlink a:hover {
 color: #4c4c4c; /* IRON */
 font-size: 14px;
 }

/* ------MESSAGE BOX----- */

div.messagebox {
 width: 800px;
 background-color: transparent;
 margin: auto;
 padding: 2px;
 border: 2px solid #cfcec9;
}

/* ------MESSAGE TEXT----- */
#messagecenter {
 text-align: center;
 color: #51473f; /* CHOC */
 background-color: transparent;
 font-size: 14px;
 font-weight: 800;
 font-family: "Trebuchet MS", Arial, "Lucida Grande", Verdana, sans-serif;
 margin: 5px;
 letter-spacing: 0px;
 word-spacing: 2px;
 }
#message {
 text-align: left;
 color: #51473f; /* CHOC */
 background-color: transparent;
 font-size: 13px;
 font-weight: 500;
 font-family: "Trebuchet MS", Arial, "Lucida Grande", Verdana, sans-serif;
 margin: 10px;
 letter-spacing: 0px;
 word-spacing: 2px;
 }

#messagelink {
 color: #51473f; /* CHOC */
 background-color: transparent;
 font-size: 14px;
 font-weight: 800;
 font-family: "Trebuchet MS", Arial, "Lucida Grande", Verdana, sans-serif;
 margin: 10px;
 letter-spacing: 0px;
 word-spacing: 2px;
 }



/* ------MAIN BODY DIV BOXES----- */

div.mainbox {
 width: 840px;
 background-image: url(images/background.jpg);
 background-repeat: repeat;
 margin: auto;
 padding: 0px;
 border: 1px solid #cfcec9;
}

div.mainboxcream {
 width: 840px;
 background-image: url(images/backgroundcream.jpg);
 background-repeat: repeat;
 margin: auto;
 padding: 0px;
 border: 1px solid #cfcec9;
}

/* --------INNER BOX------- */

div.samplebox {
 overflow: hidden;
 width: 836px;
 margin: 1px;
 margin-left: auto;
 margin-right: auto;
 padding: 1px;
 background-color: transparent;
 border: 0px solid purple;

 }


div.whitebox {
 width: 840px;
 background-color: transparent;
 border: 0px solid red;                            
 }


/* ------FOOTLINKS----- */

#footlinksbox {
 width: 900px;
 margin-top: 20px;
 margin-bottom: 15px;
 background-color: transparent;
 padding: 0px;
 border-bottom: 1px dotted #cfcec9;
 border: 0px solid green;
 }

#footlinksbox ul {
 text-align: center;
 list-style: none;
 margin: 1px;
 padding: 1px;
 }

#footlinksbox ul li {
 display: inline;
 padding: 1px;
 border: 0px dotted green;
 }


#footlinksbox ul a, visited {
 color: #b2a691; /* NATURAL */
 font-size: 11px;
 font-weight: 500;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 letter-spacing: 1px;
 text-decoration: underline;
 padding: 4px;
 border: 0px solid red;
  }


#footlinksbox a:hover {
 color: #4c4c4c; /* IRON */
  }

/* ONLY FOR IE Mac */
* html>body ul>li, * html>body ul>li a {
 display:inline-block;
	}
* html>body ul>li a {
 width:1px; white-space:nowrap}







/*----- INNER DIVS FOR IMAGES WITH TEXT------- */

div.sampleimageright { /* FOR ROPES, CUSTOM IRON BRACKS, BARRIER WHIPPING CLOSE UPS & PRICES LISTS */ 
 width: 320px;
 float: right;
 margin: 1px 30px 15px 30px;
 padding: 1px 10px 1px 10px;
 border: 0px solid red;
 }

div.sampleimageleft { /* FOR ROPES, CUSTOM IRON BRACKS & PRICES LISTS */ 
 width: 320px;
 float: left;
 margin: 1px 30px 15px 30px;
 padding: 1px 10px 1px 10px;
 border: 0px solid blue;
 }


div.fitting { /* BOX FOR 3xBRACKS ROW & BARRIER WHIPPING CLOSE UPS*/ 
 width: 276px;
 height: 194px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 border: 0px solid green;
 }

div.fitting img {
 display: inline;
 }

div.fittinglabel { /* LABELS FOR 3xBRACKS ROW &, BARRIER WHIPPING CLOSE UPS*/ 
 width: 275px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 border: 0px solid red;
 text-align: center;
 }


div.contactimagethird { /* IMAGE IN CONTACT PAGE ONLY */ 
 width: 300px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 border: 0px solid green;
 }

div.contactimagethird img {
 display: inline;
 }

div.contacttextthird { /* TEXT  CONTACT PAGE ONLY  */ 
 width: 230px;
 height: 310px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 border: 0px solid purple;
 }

div.contacttextthird img {
 display: inline;
 }


div.imagethird { /* IMAGE IN HOME PG CONTACT BOX ONLY */ 
 width: 340px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 border: 0px solid green;
 }

div.imagethird img {
 display: inline;
 }

div.minitextthird { /* TEXT IN  HOME PG CONTACT BOX  ONLY */ 
 width: 150px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 border: 0px solid orange;
 }

div.minitextthird img {
 display: inline;
 }


#shortleft { /* ALTERNATIVE 2 ON KNOTS PG */
 width: 320px;
 float: left; 
 float: left;
 margin: 1px;
 padding: 1px;
 border: 0px dotted blue;
 }


#longright { /* ALTERNATIVE 2 ON KNOTS PG */
 width: 480px;
 float: right; 
 margin: 1px;
 margin-left: 1px;
 padding: 1px;
 border: 0px dotted red;
 }

div.customerright { /* CUSTOMERS PAGE main RIGHT */
 width: 275px;
 margin: 10px 5px 5px 5px; 
 float: right;
 border: 0px solid red;
 }

div.customerleft { /* CUSTOMERS PAGE main LEFT */
 width: 275px; 
 float: left;
 margin: 10px 5px 5px 5px;
 border: 0px solid blue;
 }

div.customerwideright { /* CUSTOMERS PAGE wide RIGHT */
 width: 350px;
 margin: 10px 5px 5px 5px; 
 float: right;
 border: 0px solid red;
 }

div.customerwideleft { /* CUSTOMERS PAGE wide LEFT */
 width: 350px;
 margin: 10px 5px 5px 5px; 
 float: left;
 border: 0px solid blue;
 }



/* -----IMAGES------ */

img {
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
 border: 0px dotted #cfcec9;
 }


img.right { /* PICS ON RIGHT OF MAIN BOXES */
 float: right;
 margin: 0px 0px 0px 15px;
 padding: 10px;
 border: 0px dotted #cfcec9;
}


img.left { /* PICS ON LEFT OF MAIN BOXES */
 float: left;
 padding: 10px;
 margin: 0px 15px 0px 0px;
 
 border: 0px dotted #cfcec9; 
 }


img.stonklinks {/* PICS OF STONKLINKS ON BOTTOM OF INDEX PG */
 margin: 15px 30px 15px 30px;
 border: 1px dotted #cfcec9;
 }




/*----- LIST FOR PRICES ------*/

ul.prices {
 color: #4c4c4c; /*IRON*/
 background-color: transparent;
 background-image: url(images/background.jpg);
 font-size: 12px;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 list-style: none;
 margin-left: 15px;
 padding: 0px;
 border: 0px dotted orange;
  }


ul.prices li {
 width: 260px;
 margin: 1px;
 margin-left: 5px;
 padding: 9px;
 padding-left: 35px;
 background-image: url(http://www.stairropes.com/images/list.gif);
 background-repeat: no-repeat;
 background-position: 1px 5px;
 border: 0px dotted blue;
 text-align: left;
 }



/* -------LINKS--------- */

a, a:visited 
 {
 color: #7f7f7f; /* TIN */
 background-color: transparent;
 font-family: "Century Gothic", "Trebuchet MS", Arial, "Lucida Grande", Verdana, sans-serif;
 font-weight: 300;
 font-size: 13px;
 letter-spacing: 0px;
 text-decoration: underline;
  }


a:hover {
 color: #4c4c4c; /* IRON */
 }

/* ------TEXT------ */


h1 {
  /* VERY TOP TITLE */
 text-align: center;
 background-color: transparent;
 color: #51473f; /* CHOC */
 font-size: 11px;
 font-weight: 800;
 font-family: Georgia, "Times New Roman", serif;
 letter-spacing: 1px;
 word-spacing: 2px;
 margin: 2px 0px 0px 101px;
 }

h2 {
  /* FITTINGS DIMENSIONS */
 text-align: center;
 background-color: transparent;
 color: #7f7f7f; /* TIN */
 font-weight: 600;
 margin-top: 15px;
 font-size: 14px;
 font-family: "Trebuchet MS", Arial, "Lucida Grande", Verdana, sans-serif;
 }

h3 {
  /* MAINBOX INTRO PARAGRAPHS */
 text-align: left;
 color: #51473f; /* CHOC */
 background-color: transparent;
 font-size: 14px;
 font-weight: 800;
 font-family: "Trebuchet MS", Arial, "Lucida Grande", Verdana, sans-serif;
 margin: 15px 15px 0px 15px;
 letter-spacing: 0px;
 word-spacing: 2px;
 }

h4 {
  /* LABELS ROPE & BRACK IMGS, CENTRAL CONTACT IMGs & CUSTOMER IMGS */
 text-align: center;
 background-color: transparent;
 color: #7f7f7f; /* TIN */
 font-size: 11px;
 font-weight: 300;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 letter-spacing: 1px;
 margin: 1px 0px 10px 0px;
 }

h5 {
  /* BOX TITLES */
 color: #b2a691; /* NATURAL */
 background-color: transparent;
 font-size: 15px;
 font-weight: 400;
 font-family: Georgia, "Times New Roman", serif;
 letter-spacing: 10px;
 margin: 44px 0px 2px 0px;
 padding-left: 1px;
 text-align: left;
 }

h6 {
  /* FAQS */
 text-align: left;
 color: #000080; /* MIDNIGHT */
 background-color: transparent;
 font-weight: 600;
 margin: 20px 15px 0px 15px;
 font-size: 14px;
 font-family: Georgia, "Times New Roman", serif;
 }





p {
 text-align: left;
 color: #4c4c4c; /* IRON */
 font-size: 13px;
 font-weight: 300;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 margin: 15px;
 }

p.top {
 margin: 30px 15px 15px 15px;
 }

p.center { /* ON CONTACT BOX ONLY */
 text-align: center;
 margin-top: 25px;
 }


p.right {
 text-align: right;
  }

#rightlabel { /* CONTACT IMGS */
 text-align: right;
 color: #7f7f7f; /* TIN */
 font-size: 11px;
 letter-spacing: 1px;
 margin: 0px 12px 2px 0px;
  }

#leftlabel { /* CONTACT IMGS */
 text-align: left;
 color: #7f7f7f; /* TIN */
 font-size: 11px;
 letter-spacing: 1px;
 margin: 0px 0px 2px 12px;
  }


#rightcontact {
  /* CONTACT PAGE RIGHT SIDE */
 text-align: right;
 color: #51473f; /* CHOC */
 font-size: 14px;
 font-family: "Trebuchet MS", Arial, "Lucida Grande", Verdana, sans-serif;
 margin: 25px 10px 10px 10px;
 letter-spacing: 0px;
 word-spacing: 2px;
 }

p.customers {
  /* CUSTOMERS */
 color: #000080; /* MIDNIGHT */
 font-style: oblique;
 }


p.answer { /* FAQS */
 margin: 5px 15px 20px 15px;
 }

p.credits { /* CREDITS END ALL PGS */
 text-align: center;
 font-size: 11px;
 letter-spacing: 0px;
 margin: 10px 0px 10px 0px;
 }


#externallinks { /*TOP LINK*/
 color: #b2a691; /* NATURAL */
 background-color: transparent;
 text-align: center;
 font-size: 14px;
 font-weight: 400;
 font-family: Georgia, "Times New Roman", serif;
 letter-spacing: 17px;
 margin: 20px 0px 0px 0px;
 }




/* -----CHARTS---- */

#pricingchart { /* MEASURE PG */
 border: 1px dotted #cfcec9;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1px;
 margin-bottom: 15px;
 }


#cornerchart { /* MEASURE PG */
 border: 1px dotted #cfcec9;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1px;
 margin-bottom: 1px;
 }



/* -----TABLES---- */

table {
 width: 100%;
 padding: 0px;
 background-color: #ffffff;
 margin-left: auto;
 margin-right: auto; 
  }


#pricingtable { /* EXAMPLE PRICING MEASURE PG */
 border: 1px dotted #cfcec9;
 width: 600px;
 height: 250px;
 padding: 18px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 15px;
 margin-bottom: 15px; 
 background-color: #ffffff;
 font-size: 13px;
 font-style: italic;
 font-family: Georgia, "Times New Roman", serif;
 text-align: left;
 empty-cells: show;
 }


#pricelisttable { /* PRICE LIST ORDER PG */
 text-align: left;
 width: 650px;
 height: 1000px;
 padding: 20px;
 border: 1pt solid #cfcec9;
 background-image: url(images/background.jpg);
 color: #333333; /* TUNGSTEN */
 font-size: 14px;
 font-family: "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 font-weight: 300;
 empty-cells: show;
 }





/* NOT STAIRROPES MAIN - CHECK FOR OTHERS OF STONK */


table.tiny {
 background-image: url(images/background.jpg);
 width: 350px;
 }




p.wee {
 text-align: center;
 color: #b3b3b3; /* MAGNESIUM */
  background-color: transparent;
 font-weight: 400;
 font-size: 12px;
 font-family: Optima, Times, serif;
  margin: 1px 0px 0px 6px;
 }



p.label {
  /*SMALL PHOTOS LABELLING*/
 text-align: center;
 color: #b2a691; /* NATURAL */
 background-image: url(images/background.jpg);
 background-color: transparent;
 font-size: 11px;
 font-weight: 500;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 }



p.order {
 text-align: left;
 color: #666666;
 background-image: url(images/background.jpg);
 background-color: transparent;
 font-size: 18px;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 margin: 1px 0px 0px 6px;
 }



#order {
 text-align: left;
 color: #666666; /* IRON */
 background-image: url(images/background.jpg);
 background-color: transparent;
 font-size: 19px;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 }


#right {
 text-align: right;
 margin-right: 6px;
 min-width: 850px;
 }


#left {
 text-align: left;
 margin-left: 6px;
 min-width: 850px;
 }





/* ------STONKSTUFF------ */

span.bigstonkmagnesium {
  /* STONKKNOTS */
 text-align: left;
 color: #b3b3b3; /* MAGNESIUM */
 background-image: url(images/background.jpg);
 background-color: transparent; 
 font-size: 32pt;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 }

span.bigstonknatural {
  /* STONKKNOTS */
 text-align: left;
 color: #b2a691; /* NATURAL */
 background-image: url(images/background.jpg);
 background-color: transparent;
 font-size: 32pt;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 }

#stonktitle {
  /* STONK PRODUCT */
 text-align: left;
 color: #666666; /* STEEL */
 background-image: url(images/background.jpg);
 background-color: transparent;
 font-size: 26pt;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 }

#stonksubtitle {
  /* IN ...(MATERIALS) */
 text-align: left;
 color: #666666; /* STEEL */
 background-image: url(images/background.jpg);
 background-color: transparent;
 font-size: 18pt;
 font-family: "Century Gothic", "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
 }