/* CSS layout */

@import url("../files/aloha.css");

/* begin whole page code*/

body {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 10px;
  margin-bottom: 30px;
  background-attachment: fixed;
  background-image: url("../images/thtch.gif");
}

img {
  border: 0px;
}

font {
  text-decoration: none;
}

ul {
  z-index: 99;
}

/* end whole page code*/

/*Begin Masthead horz. Navigation*/

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

#top_nav {
}

/*End Horizontal Navigation*/

#container {
  /*holds three colums begin = left page_content & right*/

  min-width: 600px;
  border: thin dashed blue;
  height: 1500px;
  float: none; /*none in ff spreads container wide center*/
}

#left_col {
  border: thin dashed yellow;
  width: 150px; /*200 gave 10px to page_cont*/
  float: left;
  margin-top: 140px; /*vert align of left_col container*/
}

#altcolors {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
  list-style-type: none;
  height: 240px;
  float: right;
  margin-top: 100px;
}

#right_col {
  /* try r click in html to see watermark option */
  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;
}

#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;
}

#page_content {
  /*in the middle of the page*/
  border: thin dashed #ff0000;
  margin-left: 190px; /*190 gave 8px to right col*/
  margin-top: 140px; /*vert align of page_content container*/
  width: 515px;
  text-align: center;
}

#detailed {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

#overall {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000000;
  top: 130px;
  height: -100px;
  list-style-type: none;
  margin-top: 10px;
  margin-left: -100px;
}

#badphoto {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #9d5c35;
  font-weight: lighter;
  margin-left: -100px;

  letter-spacing: 1px;
  vertical-align: bottom;
  margin-top: 50px;
}

#badphoto a:link {
  color: #b22222;
  text-decoration: none;
  background-color: #f0eee7;
}
#badphoto a:hover {
  color: #8fbc8f;
  text-decoration: none;
  background-color: #f0eee7;
}
#badphoto a:visited {
  color: #9d5c35;
  text-decoration: none;
  background-color: #f0eee7;
}

#table1 {
  border: medium solid #9d5c35;
  color: #cc3300;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #f0eee7;
  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: 593px;
  text-decoration: none;
  margin-left: 53px;
  margin-top: 10px;
  z-index: 200;
}

#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 {
  clear: both;
  margin-top: 150px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  text-align: center;
}

#footer a:link {
  color: #b22222;
  text-decoration: none;
}
#footer a:hover {
  color: #fff8dc;
  text-decoration: none;
}
#footer a:visited {
  color: #b22222;
  text-decoration: none;
}

/*The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dropline_three.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
 */