/* CSS layout */
body {
  margin: 0;
  padding: 0;
  background-image: url("../images/thtch.gif"); /* whole page */
}

/*Basic Layout*/
/*Header Info*/
/*Horizontal Navigation*/
/*Vertical Navigation*/
/*Gallery*/
/*Content*/

h2 {
  font-size: small;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
}

h3 {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

#masthead {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}

.contact {
  /* styles phone numbers under logo */
  background-color: #cead8e;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  word-spacing: 50px;
}

#top_nav {
  margin: 0;
  padding: 0;
}
/* dropline menu */
#dropline {
  /* list id - style the whole thing here*/
  padding: 0;
  list-style: none;
  background: url(https://www.barkclothhawaii.com/images/nav_buttons/trans.gif);
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-family: arial, sans-serif;
  height: 41px; /* 41px*/
  width: 800px; /* 800px*/
  position: absolute; /* had it as left:100px;*/
  left: 50px; /* 100px*/
  top: 170px; /* 170px how far the dropline sits below buttons */
}
#dropline div {
  /* position of dropline text*/
  padding: -20;
  margin: auto 0 auto;
  list-style: none;
  position: absolute;
  left: -9999px; /* -9999px*/
  width: 820px; /* 820px*/
  text-align: left; /* left*/
  background: url("https://www.barkclothhawaii.com/trans.gif"); /* url(trans.gif*/
}
#dropline table {
  border-collapse: collapse;
  font-size: 1em; /* 1em*/
  float: left; /* left*/
  margin: -1px;
} /* -1px*/

#dropline ul li {
  /* vertical space between dropline */
  display: inline; /* inline*/
  margin: 0px 0 0 0; /* 0000*/
  text-align: left;
} /* dropline position */

/* all horiz linked menu text */
#dropline ul li a {
  display: inline-block; /* inline-block*/
  height: 23px; /* 23px*/
  line-height: 30px; /* 30px*/
  margin: 0; /* 0*/
  padding: -50 55px; /* 0 10*/
  background: transparent; /* transparent*/
  font-weight: bold;
  font-size: 14px;
}

#dropline li {
  display: inline;
  margin: 0 -2px; /* 0, -2 space between buttons,replace color:= 8B0000 */
  text-align: right;
} /*  right color and position of text on a buttons and dropline */

#dropline li a {
  display: inline-block;
  height: 36px; /* 36*/
  margin: 5px -6px 0 0; /* 5 000*/
  padding: 0px 15px 0 0; /* 0 15 0 0*/
  background: url(../images/nav_buttons/topnoarrow.gif) right top;
  line-height: 30px; /* 30px*/
  text-decoration: none;
  color: #8b0000; /* 8B0000*/
  cursor: pointer;
}
/* horz width of buttons */

#dropline li a.sub {
  background: url(../images/nav_buttons/toparrow.gif) right top;
}
html>    /* left right button position */

body #dropline li {
  margin: 0px; /* 0*/
  display: inline-block;
  padding: 0; /* 0*/
}

* html #dropline li a {
  margin-bottom: -4px;
  margin-right: 3px;
} /* -4px   3px*/

#dropline li a b {
  display: block;
  height: 36px;
  float: left;
  padding: 0 0 0 25px;
  background: url(../images/nav_buttons/topnoarrow.gif) left top;
}

#dropline li a:hover {
  /* hover button text */
  /* replace color:= fff */
  background-position: right bottom;
}
#dropline li a:hover b {
  /* color:= hover button text */ /* replace color:= DC143C */
  background-position: right bottom;
}
/* replace color:= fff, position of hover text */
#dropline li:hover > a {
  background-position: right bottom;
}

#dropline li:hover > a b {
  background-position: left bottom;
} /* moves arrow spacing */

#dropline :hover div {
  left: 0;
  top: 41px; /* top 41px*/
  text-align: center; /* center*/
}

/* background color: of all hovered dropline text */
#dropline :hover ul li a:hover {
  text-decoration: none;
}
/* Style colors here */
div ul #aqua a:hover {
  background-color: #afeeee;
  color: black;
}

div ul #black a:hover {
  background-color: #000;
  color: #fff8dc;
}

div ul #blue a:hover {
  background-color: #add8e6;
  color: black;
}

div ul #brown a:hover {
  background-color: #d2b48c;
  color: #fff8dc;
}

div ul #gray a:hover {
  background-color: #c0c0c0;
  color: black;
}

div ul #green a:hover {
  background-color: #8fbc8f;
  color: #fff8dc;
}

div ul #natural a:hover {
  /* styles dropdowns */
  background-color: #f5f5dc;
  color: black;
}

div ul #orange a:hover {
  background-color: #ffa07a;
  color: black;
}

div ul #pink a:hover {
  background-color: #ffe4e1;
  color: black;
}

div ul #purple a:hover {
  background-color: #dda0dd;
  color: black;
}

div ul #red a:hover {
  background-color: #b22222;
  color: #fff8dc;
}

div ul #yellow a:hover {
  background-color: #f0e68c;
  color: black;
}

div ul #abstracts a:hover {
  background: transparent url("../images/nav_buttons/atomic.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
  width: 75px;
}

/* distanc between pic and label pushes the label  	height: 25px;
	use to have for all motif spans:
	width: 75px;height 25px
	margin-top: 5px;
	margin-bottom: 50px;
 */

#abstracts a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #anthurium a:hover {
  background: transparent url("../images/nav_buttons/anthurium.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#anthurium a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #bamboo a:hover {
  background: transparent url("../images/nav_buttons/bamboo.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#bamboo a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #bop a:hover {
  background: transparent url("../images/nav_buttons/bop2.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#bop a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #critters a:hover {
  background: transparent url("../images/nav_buttons/koi.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#critters a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #folks a:hover {
  background: transparent url("../images/nav_buttons/hulagrl.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#folks a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #ginger a:hover {
  background: transparent url("../images/nav_buttons/ginger2.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#ginger a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #heliconia a:hover {
  background: transparent url("../images/nav_buttons/heliconia.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#heliconia a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #hibiscus a:hover {
  background: transparent url("../images/nav_buttons/hibiscus.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#hibiscus a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #keiki a:hover {
  background: transparent url("../images/nav_buttons/keiki.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#keiki a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #leafy a:hover {
  background: transparent url("../images/nav_buttons/leafy.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#leafy a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #orchids a:hover {
  background: transparent url("../images/nav_buttons/orchid.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#orchids a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #palms a:hover {
  background: transparent url("../images/nav_buttons/palm.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#palms a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #plumeria a:hover {
  background: transparent url("../images/nav_buttons/plumeria.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#plumeria a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #other a:hover {
  background: transparent url("../images/nav_buttons/protea.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#other a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #solids a:hover {
  background: transparent url("../images/nav_buttons/solids.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#solids a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #surfboards a:hover {
  background: transparent url("../images/nav_buttons/surf.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#surfboards a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #woodies a:hover {
  background: transparent url("../images/nav_buttons/woody.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
}

#woodies a span {
  cursor: pointer;
  margin: 10px 0px 0px 0px;
  display: block;
}

div ul #nubby:link {
  color: #000;
}
div ul #nubby:visited {
  color: #8b4513;
}
div ul #nubby:hover {
  background: #f5f5dc;
}

div ul #crepe:link {
  color: #000;
}
div ul #crepe:visited {
  color: #8b4513;
}
div ul #crepe:hover {
  background: #f5f5dc;
}

div ul #canvas57:link {
  color: #000;
}
div ul #canvas57:visited {
  color: #8b4513;
}
div ul #canvas57:hover {
  background: #f5f5dc;
}

div ul #inout:link {
  color: #000;
}
div ul #inout:visited {
  color: #8b4513;
}
div ul #inout:hover {
  background: #f5f5dc;
}

div ul #twill:link {
  color: #000;
}
div ul #twill:visited {
  color: #8b4513;
}
div ul #twill:hover {
  background: #f5f5dc;
}

div ul #weaved:link {
  color: #000;
}
div ul #weaved:visited {
  color: #8b4513;
}
div ul #weaved:hover {
  background: #f5f5dc;
}

div ul #nonup44:link {
  color: #000;
}
div ul #nonup44:visited {
  color: #8b4513;
}
div ul #nonup44:hover {
  background: #f5f5dc;
}

div ul #nonup57:link {
  color: #000;
}
div ul #nonup57:visited {
  color: #8b4513;
}
div ul #nonup57:hover {
  background: #f5f5dc;
}

div ul #apparel:link {
  color: #000;
}
div ul #apparel:visited {
  color: #8b4513;
}
div ul #apparel:hover {
  background: #f5f5dc;
}

div ul #rayon:link {
  color: #000;
}
div ul #rayon:visited {
  color: #8b4513;
}
div ul #rayon:hover {
  background: #f5f5dc;
}

div ul #fleece:link {
  color: #000;
}
div ul #fleece:visited {
  color: #8b4513;
}
div ul #fleece:hover {
  background: #f5f5dc;
}

div ul #canvas44:link {
  color: #000;
}
div ul #canvas44:visited {
  color: #8b4513;
}
div ul #canvas44:hover {
  background: #f5f5dc;
}

div ul #email:link {
  color: #d30601;
}
div ul #email:visited {
  color: #8b4513;
}
div ul #email:hover {
  background: #d6f1e8;
}

div ul #address:link {
  color: #000;
}
div ul #adress:visited {
  color: #8b4513;
}
div ul #adress:hover {
  background: #f5f5dc;
}

div ul #refer:link {
  color: #000;
}
div ul #refer:visited {
  color: #8b4513;
}
div ul #refer:hover {
  background: #d6f1e8;
}

div ul #certs:link {
  color: #000;
}
div ul #certs:visited {
  color: #8b4513;
}
div ul #certs:hover {
  background: #f5f5dc;
}

div ul #ibds:link {
  color: #000;
}
div ul #ibds:visited {
  color: #8b4513;
}
div ul #ibds:hover {
  background: #f5f5dc;
}

div ul #pillows:link {
  color: #000;
}
div ul #pillows:visited {
  color: #8b4513;
}
div ul #pillows:hover {
  background: #f5f5dc;
}

div ul #hair:link {
  color: #000;
}
div ul #hair:visited {
  color: #8b4513;
}
div ul #hair:hover {
  background: #f5f5dc;
}

div ul #table:link {
  color: #000;
}
div ul #table:visited {
  color: #8b4513;
}
div ul #table:hover {
  background: #f5f5dc;
}

div ul #tags:link {
  color: #000;
}
div ul #tags:visited {
  color: #8b4513;
}
div ul #tags:hover {
  background: #f5f5dc;
}

div ul #seeds:link {
  color: #000;
}
div ul #seeds:visited {
  color: #8b4513;
}
div ul #seeds:hover {
  background: #f5f5dc;
}

div ul #bags:link {
  color: #000;
}
div ul #bags:visited {
  color: #8b4513;
}
div ul #bags:hover {
  background: #f5f5dc;
}

div ul #patterns:link {
  color: #000;
}
div ul #paterns:visited {
  color: #8b4513;
}
div ul #patterns:hover {
  background: #f5f5dc;
}

div ul #bedding:link {
  color: #000;
}
div ul #bedding:visited {
  color: #8b4513;
}
div ul #bedding:hover {
  background: #f5f5dc;
}

div ul #curtains:link {
  color: #000;
}
div ul #curtains:visited {
  color: #8b4513;
}
div ul #curtains:hover {
  background: #f5f5dc;
}

div ul #holiday:link {
  color: #000;
}
div ul #holiday:visited {
  color: #8b4513;
}
div ul #holiday:hover {
  background: #f5f5dc;
}

div ul #scraps:link {
  color: #000;
}
div ul #scraps:visited {
  color: #8b4513;
}
div ul #scraps:hover {
  background: #f5f5dc;
}

#last a:link {
  color: #000606;
}
#last a:active {
  color: #cc0000;
}
#last a:hover {
  color: #008b8b;
}
#last a:visited {
  color: #008080;
}

#right_col {
  /* styles right nav text container */
  width: 208px;
  height: 13px; /* 0px height of white right menu box */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #f0eee7;
  border: medium solid #9d5c35;
  text-decoration: none;
  text-align: center;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-style: none solid solid solid;
  border-color: #9d5c35 #9d5c35 #9d5c35 #9d5c35;
  background-image: url("../images/nav_buttons/gallery/9D5C35top.png");
  background-repeat: no-repeat;
  font-style: normal;
  font-weight: lighter;
  position: fixed;
  margin-top: 30px; /* 150px height box rises */
  margin-bottom: 150px; /* 350px height box rises */
  right: 6%; /* moves box right of dropline */
  padding-bottom: 225px;
}

ul {
  z-index: 99;
}

#fabricsorter {
  padding: 18px; /* moves the selection sorter text */
  font-family: Thickhead;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  color: #fff8dc;
  vertical-align: top;
  background-repeat: repeat-x;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

.sscur {
  /* change "current" text color*/
  font-weight: lighter;
  color: #003333;
}

#switch {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: lighter;
  background-position: center;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff8dc;
  /* sizes height of bottom brown*/
  background-image: url("../images/nav_buttons/gallery/9D5C35top.png");
  line-height: 26px;
  width: 208px;
}

#currentcat {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: lighter;
  background-position: left;
  color: #fff8dc;
}
#switch a span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff8dc;
  width: 208px;
}

#switch a:link {
  text-decoration: none;
}

#switch a:hover span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  background-position: center;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #b22222;
  background-color: #c3e1d2;
  cursor: pointer;
}

#switcha: active {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  background-position: center;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff8dc;
  width: 208px;
  cursor: pointer;
}

#switch a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  background-position: center;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff8dc;
  cursor: pointer;
}

#switch a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  background-position: center;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff8dc;
}

#cycle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  color: #b22222;

  text-decoration: none;
  display: block;
  text-align: right;
  height: 20px;
  padding-top: 4px;
}

#cycat {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  color: #b22222;

  text-decoration: none;
  display: block;
  text-align: right;
  height: 20px;
  padding-top: 4px;
}

#cygshp {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  color: #b22222;

  text-decoration: none;
  display: block;
  text-align: right;
  height: 20px;
  padding-top: 6px;
}

#every {
  text-decoration: underline;
}

#container {
  min-width: 600px;
}

#left_col {
  width: 100px;
  float: left;
}

#sew {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  text-decoration: none;
  text-indent: 20px;
  top: 20px;
}
#altcolors {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
  margin: -70px;
  list-style-type: none;
  float: right;
  margin-top: 300px;
}

.ataltcolors {
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
  background-color: #ffffff;
  line-height: 30px;
}

#page_content {
  margin-left: 25px;
  margin-right: 250px;
}

#detailed {
  margin: 30px;
  padding-top: 130px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
  margin-top: 30px;
  top: 120px;
}
#cart {
  top: 150px;
}

#overall {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
  padding-top: 0px; /*280px vert alignment of oa*/
  top: 280px;
  margin: 130px; /* 130px horz alignment of table*/
  list-style-type: none;
  line-height: 439px; /* 480px vert alignment of oa*/
}

#badphoto {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #9d5c35;
  background-color: #f0eee7;
  position: absolute;
  top: 620px; /*620px vert alignment of text*/
  font-weight: lighter;
  text-align: center;
  letter-spacing: 1px;
  vertical-align: bottom;
  margin: 350px 230px; /*310px = distance of text to img 250= horz of text*/
}

#badphoto a:link {
  color: #b22222;
  text-decoration: none;
}
#badphoto a:hover {
  color: #ffcc00;
  text-decoration: none;
}
#badphoto a:visited {
  color: #9d5c35;
  text-decoration: none;
}

#table1 {
  border: medium solid #9d5c35;
  color: #cc3300;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #f0eee7;
  line-height: 10px;
  width: 600px;
  text-decoration: none;
  position: absolute;
  top: 1400px; /* 1400px vert alignment of table*/
  margin-left: -15px; /* 130px horz alignment of table*/
}

#sctext {
  color: #f0eee7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-decoration: none;
}

.scdescript {
  color: #f0eee7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: lighter;
  text-decoration: none;
  width: 60px;
  text-align: left;
  background-color: #996633;
}
#notetext {
  border: medium solid #9d5c35;
  color: #f0eee7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #9d5c35;

  width: 600px;
  text-decoration: none;
  margin-left: 52px;
}

#aprox {
  text-decoration: none;
  font-style: italic;
}

.style5 {
  width: 100px;
  float: none;
  border: 1px solid #cc3300;
  background-color: #fff8dc;
}

.style1 {
  left: 980px;
  top: 36px;
}
.style37 {
  border-style: solid;
  border-color: #9d5c35;
  width: 580px;
  float: left;
  background-color: #f0eee7;
  left: 97px;
  top: 880px;
}
.style38 {
  border: 1px solid #9d5c35;
}
.style41 {
  text-align: center;
  border: 1px solid #9d5c35;
}
.style42 {
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  line-height: 12px;
}
.style43 {
  text-align: left;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  text-align: center;
  font-weight: bold;
}
.style45 {
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #9d5c35;
}
.style46 {
  color: #f0eee7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: lighter;
  text-decoration: none;
  width: 60px;
  text-align: left;
  background-color: #8b4513;
}
th {
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #6d929b;
  font-size: 14px;
  border-right: 1px solid #9d5c35;
  border-bottom: 1px solid #9d5c35;
  border-top: 1px solid #c1dad7;
  border-bottom: 1px solid #9d5c35;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  padding: 6px 6px 6px 9px;
  background: #cae8ea url("https://www.barkclothhawaii.com/images/bg_header.jpg") no-repeat;
}

th.nobg {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #9d5c35;
  background: none;
}
.bold {
  font-weight: bold;
}
.style47 {
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  width: 60px;
}
.style48 {
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  width: 90px;
}
.style49 {
  text-align: right;
  border: 1px solid #9d5c35;
}
.descriptcell {
  border: 1px solid #9d5c35;
  text-align: left;
  line-height: 15px;
  font-size: 12px;
}
.style54 {
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  width: 174px;
}
.style56 {
  border: 1px solid #9d5c35;
  width: 200px;
  text-align: left;
}
.style57 {
  font-size: small;
}
.style58 {
  border: 1px solid #9d5c35;
  width: 200px;
  text-align: left;
  font-size: 12px;
  text-decoration: none;
}

.style59 {
  border: 1px solid #9d5c35;
  width: 664px;
  text-align: left;
  font-size: small;
  text-decoration: none;
  background-color: #faf3ef;
}
.style60 {
  border: 1px solid #9d5c35;
  width: 664px;
  text-align: left;
  height: 7px;
}
.style61 {
  border: 1px solid #9d5c35;
  height: 7px;
  text-align: center;
  background-color: #c3e1d2;
}
.style62 {
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  width: 85px;
}
.style63 {
  border: 1px solid #9d5c35;
  width: 85px;
  text-align: center;
}
.style64 {
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  width: 113px;
  line-height: 12px;
}
.style65 {
  border: 1px solid #9d5c35;
  width: 113px;
}
.style67 {
  border: 1px solid #9d5c35;
  width: 664px;
  text-align: left;
  font-size: small;
  text-decoration: none;
}
.style68 {
  border: 1px solid #9d5c35;
  width: 664px;
  text-align: left;
}
.style69 {
  border-style: solid;
  border-color: #9d5c35;
  width: 616px;
  float: left;
  background-color: #f0eee7;
  left: 97px;
  top: 880px;
}
.style70 {
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  width: 64px;
  line-height: 12px;
}
.style71 {
  border: 1px solid #9d5c35;
  height: 7px;
  width: 64px;
}
.style72 {
  border: 1px solid #9d5c35;
  width: 64px;
}
.style73 {
  border: 1px solid #f5f5dc;
  color: #f0eee7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: lighter;
  text-decoration: none;
  width: 60px;
  text-align: left;
  background-color: #8b4513;
}
.style74 {
  border: 1px solid #f5f5dc;
  color: #f0eee7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: lighter;
  text-decoration: none;
  width: 60px;
  text-align: right;
  background-color: #8b4513;
}
.style76 {
  border: 1px solid #9d5c35;
  width: 40px;
  text-align: center;
  background-color: #c3e1d2;
}
.style77 {
  color: #9d5c35;
  font-size: medium;
  background-color: #f0eee7;
}
.style78 {
  color: #9d5c35;
}
.style79 {
  border: 1px solid #f5f5dc;
  color: #f0eee7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: lighter;
  text-decoration: none;
  text-align: center;
  background-color: #8b4513;
}
.style80 {
  color: #9d5c35;
  margin-left: 0px;
  width: 414px;
  background-color: #f0eee7;
}
.style81 {
  border: 1px solid #9d5c35;
  color: #c3e1d2;
  text-align: center;
  background-color: #c3e1d2;
}
.style84 {
  width: 48px;
  color: #9d5c35;
  background-color: #f0eee7;
}

.style85 {
  text-decoration: none;
  color: #f0eee7;
  background-color: #9d5c35;
}
.style86 {
  color: #f0eee7;
  background-color: #9d5c35;
}
.mins {
  /*text in minimum box*/
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
  color: #9d5c35;
  background-color: #e6f2ec;
}

.style87 {
  /*label red minimums font*/

  text-align: center;

  font-size: small;
  color: #d30601;
}

.style88 {
  /*aqua back*/
  font-size: small;
  background-color: #e6f2ec;
}

.style95 {
  /* minimum font*/
  border: 1px solid #f5f5dc;
  color: #9d5c35;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: lighter;
  text-decoration: none;
  width: 152px;
  text-align: left;
}

.style99 {
  /* aqua name label colum box*/
  text-align: left;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  text-align: center;
  font-weight: bold;
  width: 152px;
}

.style101 {
  /* label Description & to buy box*/
  border: 1px solid #f5f5dc;
  color: #f0eee7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: lighter;
  text-decoration: none;
  width: 152px;
  text-align: right;
  background-color: #9d5c35;
}

.style105 {
  /* 80awa/label item text*/
  border: 1px solid #9d5c35;
  width: 831px;
  text-align: left;
  font-size: 12px;
  text-decoration: none;
  background-color: #faf3ef;
}

.style106 {
  /* header description font & box*/
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  width: 58px;
  font-size: small;
}

.style109 {
  /* table description font & box*/
  border: 1px solid #9d5c35;
  text-align: center;
  line-height: 15px;
  font-size: 12px;
}

.style119 {
  /* check box aqua background*/
  border: 1px solid #9d5c35;
  width: 58px;
  text-align: center;
  font-size: small;
  text-decoration: none;
  background-color: #c3e1d2;
}

.style121 {
  /* header check box*/
  text-align: center;
  border: 1px solid #9d5c35;
  background-color: #c3e1d2;
  line-height: 12px;
  width: 90px;
}

.style122 {
  /* brown cell lines*/
  text-align: center;
  border: 1px solid #9d5c35;
  font-size: medium;
}

.style128 {
  /* font - on submit button*/
  color: #9d5c35;
  background-color: #f0eee7;
}

.style129 {
  /* font - on order button*/
  color: #9d5c35;
  font-weight: bold;
  background-color: #f0eee7;
}

.style131 {
  /* font - note to shopkeeper*/
  text-align: left;
  color: #f0eee7;
  font-size: small;
}

/*Footer*/

#footer {
  clear: both;
  margin-top: 150px;
}
#footer a:link {
  color: #b22222;
  text-decoration: none;
}
#footer a:hover {
  color: #fff8dc;
  text-decoration: none;
}
#footer a:visited {
  color: #9d5c35;
  text-decoration: none;
}