body {
 margin: 0;
 padding: 0;
 background-image: url('../images/thtch.gif');
 background-repeat: repeat;
 font-family:Arial, Helvetica, sans-serif;
 background-attachment: fixed;
 margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 20px;
 
}

h1 {
	text-align: center;
	margin: 0;
	font-size: large;
}

.style1{
		  width: 614px;
		  height: 49px;
}
/* begin top div*/
#masthead{
		

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

.noborder{ /* eliminates border around logo & colorswatch in right col*/
    border-width: 0;
}

#phone {
 /* styles phone numbers under logo */
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 word-spacing: 100px;
 color: #000;
 background-color:transparent;
 text-decoration: none;
 margin:-10px;
 margin-bottom:155px;
}

.lauhala_brown{
    background-color: #CEAD8E;
   
}


.centerlogo{
	text-align: center;
	}


#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: 60px; /* 60px horz button aligniment*/
    top: 160px; /* 170px how far the dropline sits below buttons */
}
#dropline div {
    /* position of dropline text*/
    padding: 2px;
    margin: auto 15px auto;
    list-style: none;
    position: absolute;
    left: -9999px; /* -9999px*/
    width: 800px;   /* 820px*/
    text-align: center; /* 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;
      width:auto; } /* -1px*/

    #dropline ul li { /* vertical space between dropline */
    display:inline; /* inline*/
    margin:0 0 0 0; /* 0000*/
    text-align:center;} /* 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: 0 5px; /* 0 5 horz txt spacing*/
    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{/* button look*/
    display:inline-block;
    height:36px; /* 36 button look*/
    margin:5px -6px 0 0; /* 5 -6 0 0*/
    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>    

body #dropline li {
    margin: 0; /* 0 squishes buttons*/
    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 15px;/* 0 0 0 15 button shape */
background:url(../images/nav_buttons/topnoarrow.gif) left top; }

#dropline li a:hover {/* hover button text */
 background-position: right bottom;
 
}
#dropline li a:hover b {
 /* color:= hover button text */ */ 
 background-position: right bottom;
 
}
/*  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: -40px;/* top 40px*/
	top: 41px; /* top 41px*/
	text-align: center;
	width: auto;
}

/* 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 a span #abstracts #anthurium #bamboo #bop #critters #folks #ginger #heliconia #hibiscus 

#keiki #leafy #orchids #palms #plumeria #other #solids #surfboards #woodies  {

    background-repeat: no-repeat;  /*motif text position & backgrnd placement*/
    background-position: center;
    height: 25px;
    cursor: pointer;   
    margin: 10px 0px 0px 0px;
    display: block;
    }


div ul #abstracts a:hover {
    background:transparent url('../images/nav_buttons/atomic.png');
    width: 75px;  }

   
div ul #anthurium a:hover {
    background:transparent url('../images/nav_buttons/anthurium.png');}


div ul #bamboo a:hover {
    background:transparent url("../images/nav_buttons/bamboo.png");}


div ul #bop a:hover {
    background:transparent url('../images/nav_buttons/bop2.png');}


div ul #critters a:hover {
    background:transparent url('../images/nav_buttons/koi.png');}



div ul #folks a:hover {
    background:transparent url('../images/nav_buttons/hulagrl.png');}


div ul #ginger a:hover {
    background:transparent url('../images/nav_buttons/ginger2.png');}


div ul #heliconia a:hover {
    background:transparent url('../images/nav_buttons/heliconia.png');}


div ul #hibiscus a:hover {
    background:transparent url('../images/nav_buttons/hibiscus.png');}


div ul #keiki a:hover {
    background: transparent url('../images/nav_buttons/keiki.png');}


 div ul #leafy a:hover {
     background:transparent url('../images/nav_buttons/leafy.png');}


 div ul #orchids a:hover {
      background:transparent url('../images/nav_buttons/orchid.png');}

   

 div ul #palms a:hover {
       background:transparent url('../images/nav_buttons/palm.png');}



  div ul #plumeria a:hover {
     background:transparent url('../images/nav_buttons/plumeria.png');}


  div ul #other a:hover {
     background:transparent url('../images/nav_buttons/protea.png');}


  div ul #solids a:hover {
     background:transparent url('../images/nav_buttons/solids.png');}


  div ul #surfboards a:hover {
     background:transparent url('../images/nav_buttons/surf.png'); width: 65px;}


  div ul #woodies a:hover {
	
	background: transparent url('../images/nav_buttons/woody.png');
	width: 105px;
	padding-left:41px;
}


div ul .droptext:link {color: #000;  background-color:transparent; } /*highlight text backgrnd cream*/
div ul .droptext:visited {color: #8B4513; background-color:transparent; }
div ul .droptext:hover {background: #F5F5DC;}

div ul .aquadroptext:link {border-style: none; color: #D30601;} /*highlight text backgrnd aqua*/
div ul .aquadroptext:visited {border-style: none; color: #8B4513; background-color:transparent;}
div ul .aquadroptext:hover {border-style: none;background: #C3E1D2;}




#last a:link {
 color: #000606;
 
}
#last a:active {
 
 color: #CC0000;
}
#last a:hover {
 color: #008B8B;
}
#last a:visited {
 color: #008080;
}



/* begin right col*/

.order {
	border-style: none;
	padding-top: 115px;
	border-width: 0px;
	}
.order2 {
	border-style: none;
	margin-top: 800px;
	border-width: 0px;
	margin-left: -200px;
	position: absolute;
	display: block;
}

#right_col {
	/* styles right nav text container */
     width: 208px;
	height: 250px;/* height of white right menu box */
	float: left;
	/* was margin-right: 25px; */
	margin-right: -25px;
	margin-top: 90px;
	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;
	background-image: url('../images/nav_buttons/gallery/9D5C35top.png');
	background-repeat: no-repeat;
	font-style: normal;
	font-weight: lighter;
	
}

#fabricsorter  {
	padding: 14px; /* moves the selection sorter text */
	font-family: Thickhead;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	color: #FFF8DC; background-color:transparent;
	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;
}


.colorswatch {
	border-style: none;
	display: block;
	
}


#cycat{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #B22222;
	background-color:transparent;
	text-decoration: none;
	display: block;
	text-align: right;
	height: 24px;
	padding-top:6px;
}



#cycle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #B22222;
	background-color:transparent;
	text-decoration: none;
	display: block;
	text-align: right;
	height: 24px;
	
}


#every {
	text-decoration: underline;
}

#cygshp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #B22222;
	background-color:transparent;
	text-decoration: none;
	display: block;
	text-align: right;
	height: 24px;
	padding-top:6px;
	
}

#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;
	background-color:transparent;
	/* sizes height of bottom brown*/
	background-image: url('../images/nav_buttons/gallery/9D5C35top.png');
	line-height: 28px;
	width: 208px;
}

#currentcat{font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: lighter;
	background-position: left;
	color: #FFF8DC;
	background-color:transparent;	
}

#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;
	background-color:transparent;
	width: 208px;
	line-height: 26px;
	height: 27px;

}

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


#switch a: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;
	background-color:transparent;
     width: 208px;
	cursor: pointer;
}


#switch a:hover  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;
	background-color:transparent;
	cursor: pointer;
	}


#fabdescript span {
	border: thin solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	text-align: center;
	letter-spacing: 1px;
	background-color: #C4A585;
	margin-left: 10px;
	position: absolute;
	top: -30px;
	list-style-type: none;
	line-height: 17px;
}

#fabdescript {
	top: 720px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	position: absolute;
	text-align: left;
	margin-left: 50px;
	background-color:transparent;
}
#fabdescript #upview {
	top: 220px;
	color: #B22222;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	position: absolute;
	text-align: center;
	margin-left: 35px;
	border: none;
	line-height: 17px;
	font-variant: normal;
	text-decoration: underline;
	font-weight: lighter;
	
}

 #upview a:link {color: #B22222;text-decoration: underline;background-color: transparent;}
 #upview a:hover {color: #FFF8DC; text-decoration: none; background-color:transparent;}
 #upview a:visited {color: #B22222; text-decoration: none; background-color:transparent;}


#gallery {/* Begin Gallery1 */
	/* gallery white background box */
	width: 0px; /* 610 width of gallery white background box */
	height: 0px;/* 850length of gallery white background box or 0px*/
	top: 160px;/* how far down the page that the thumbnails begin */
	z-index: 100;
	list-style-type: none;
	float: left;
	margin-top: 50px;/* space betwixt at & dcaption 50px */
	margin-left: -200px;
	
}


#dcaption {
	/*  caption box for detailed view*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	border: thin solid #000000;
	background-color: #F0EEE7;
	color: #B22222;
	font-size: medium;
	line-height: 15px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 1px;
	width: 105px;
	display: block;
	list-style-type: none;
	line-height: 17px;
	position: absolute;
	top: 40px;
	text-decoration: none;
	display: block;
	left: -190px;
}



#gallery ul li {  /*  gallery images lineup horz*/
		
		float:left;
		list-style-type: none;/*list style get rid of the dots in the at pics.*/

}
	
	

#gallery a.at{
	/*at text*/
	/* space between gallery images*/
	border-style: none;
	border-width: 0;
	padding: 40px 250px 50px 0px; /*35=top of at,118=?,50=betwen pics,0=horz */
	margin: -20px; 
	width: 72px;
	height: 108px;
	text-decoration: none;
	float: left;
	list-style-type: none;
	text-align:center;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:transparent;
	font-weight:bold;
}

#gallery a:hover span {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #C3E1D2;
}



#gallery a img {
    border: 0; /* get rid of border on at pics */
    list-style-type: none;

}




#gallery a .large {/* vertical placement of gallery text */
display: block;
position: inherit;
width: 0;
height: 0px;
list-style-type: none;


}
#gallery a.at:hover .large {
	/* controls the d hover img */

	display: block;
	position: absolute;
	top: 30px;/* top-30px D hover img */
	left: 30px; /* left 30px D hover img */
	width: 375px; /* width of 375 D hover img */
	height: 525px; /* height of 375 D hover img */
	z-index: 100;
}

#gallery li.dmtb1 {
	/* controls the img under D img */

	display: block;
	position: absolute;
	top: 30px;/* vertical - d pic */
	left: 30px; /* narrows space betwixt at & d */
	width: 144px;
	height: 130px;
}

.dmeasure {
		top:35px;
		left: 0px;
		z-index: 10;
		display: block;
	     position: absolute;
		height:547px;
		width: 384px;
}
          
#badphoto1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	font-weight: lighter;
	margin-left: -40px;
	top:30px;
	letter-spacing: 1px;
	margin-top:0px; /*  */
	display: block;
	position: absolute;
	color: #B22222; 
	text-decoration: none;
    background-color: #F0EEE7;
   
	}


#badphoto{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: small;
	color: #000;
	background-color:transparent;
	font-weight: lighter;
	margin-left: 100px;
	letter-spacing: 1px;
	margin-top:615px; /* vertical - also moves oa at text */
	display: block;
	position: absolute;
	}

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

   /* Begin Gallery2 */

#dcaption2 { /*  caption box for detailed views*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	border: thin solid #000000;
	background-color: #F0EEE7;
	color: #B22222;
	font-size: medium;
	line-height: 15px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 1px;
	width: 115px;
	display: block;
	list-style-type: none;
	line-height: 17px;
	position: absolute;
	top: 30px;
	text-decoration: none;
	left: -60px;
}

#gallery2 {
/* Begin Gallery1 */
	/* gallery white background box */
	width: 0px; /* 610 width of gallery white background box */;
	height: 0px;/* 850length of gallery white background box or 0px*/;
	top: 600px;/* how far down the page that the thumbnails begin */;
	z-index: 100;
	list-style-type: none;
	float: left;
	margin-top: 20px;
	margin-left: -130px;
	display: block;
	position: absolute;
}



#gallery2 .colorswatch {


	text-align: left;
	font-size: small;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -6px;
		
}

#gallery2 ul li {  /*  gallery images lineup horz*/
		
		float:left;
		list-style-type: none;/*list style get rid of the dots in the at pics.*/
}
	
	

#gallery2 a.at{

	/* space between gallery images*/
	border-style: none;
	border-width: 0;
	text-decoration: none;
	float: left;
	list-style-type: none;
	text-align:center;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:transparent;
	font-weight:bold;
	margin-left: -70px; /*-70 oa at left*/
	margin-top: 40px;
	padding: 15px 100px 10px 0px; 	/*15=space between oa at text*/
}

#gallery2 a:hover span {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #C3E1D2;
}



#gallery2 a img {
    border: 0; /* get rid of border on at pics */
    list-style-type: none;
}




#gallery2 a .large {/* vertical placement of gallery text */
display: block;
position: inherit;
width: 0;
height: 0px;
list-style-type: none;


}
#gallery2 a.at:hover .large {
	/* controls the d hover img */

	display: block;
	position: absolute;
	top: 30px;/* top-30px D hover img */
	left: 100px; /* left 30px D hover img */
	width: 504px; /* width of 375 D hover img */
	height: 360px; /* height of 375 D hover img */
	z-index: 100;
}

#gallery2 li.dmtb1 {
	/* controls the img under D img */

	display: block;
	position: absolute;
	top: 30px;/* vertical - d pic */
	left: 100px; /* narrows space betwixt at & d */
	width: 504px;
	height: 360px;
	
}

.measure {
		top:30px;
		margin-left: 60px;
		z-index: 10;
		display: block;
	     position: absolute;

}



/* Begin TABLE*/


#input {
	border: 0;	
}

#table1{
	border: medium solid #9D5C35;
	color: #CC3300;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #F0EEE7;
	width: 601px; /* 601px connect width of notetext & table1 junto*/
	text-decoration: none;
	position: absolute;
	top: 1100px;/* 1100px vert alignment of table*/
	margin-left: -150px;/* 150px horz alignment of table*/;
	
}

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

.scdescript{
		  color: #F0EEE7;
		  background-color:transparent;
		  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: 595px; /* 595px connect width of notetext & table1 junto*/
	text-decoration: none;
	margin-left: -53px;/* -53px connect width of notetext & table1 junto*/
	margin-top: 1510px;
	
}

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



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


.style1{
		  left: 980px;
		  top: 36px;
}
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 #9D5C35;
	border-left: 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;
}


.style37{
		  border-style: solid;
		  border-color: #9d5c35;
		  width: 580px;
		  float: left;
		  background-color: #f0eee7;
		  left: 97px;
		  
}
.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;
}


.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;
		  background-color:transparent;
}
.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;
		  background-color:transparent;
}
.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;
		  background-color:transparent;
		  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: #000;
		  font-weight: bold;
		  background-color: #F0EEE7;
}

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


.style132 { text-align: center;
		  border: 1px solid #9D5C35;
		  font-size: Medium;

		
		
}
.style133 {
		  text-align: center;
		  border: 1px solid #9D5C35;
		  font-size: medium;
		  border: 1px solid #9D5C35;
		  background-color: #C3E1D2;

		
}

.style134 {text-align: right;
		font-size: medium;
		font-weight: bold;
		  background-color: #F0EEE7;

}

.style135{
/* font - on submit button*/
		  color: #663300;
		  background-color: #F0EEE7;
		  font-size: 14px;
}


.style136{
		  font-family: Manuscript;
		  font-size: large;
}
.style137{
		  /* font - on submit button*/
		  color: #663300;
		  background-color: #F0EEE7;
		  font-size: large;
		  width: 71px;
		  height: 28px;
}


.style138{
		  color: #663300;
}


.style140{
		  text-align: center;
		  font-size: small;
		  background-color: #F0EEE7;
		  width: 47px;
}
.style141{
		  text-align: center;
		  font-size: medium;
		  font-weight: bold;
		  background-color: #C3E1D2;
		  border: 1px solid #9D5C35;
}



#container {
	position: relative;
	
}

#cell3 { /* right side */
	width:100%;
	float:left;
	margin:0;
	position:relative;
	
	
}
#cell2 { /* middle */
	width:75%;
	float:left;
	
}
#cell1 { /* left side */
	width:33.3%;
	float:left;
		
}
#cell2a, #cell3a {
	float:right;
	position:relative;
     
}
#cell2a {width:200%;margin-right:-199.5%;}

#cell3a {width:50%;margin-right:-49.5%;}

* html #cell3a {margin-right:-100%;}

p {padding:2px 2px 2px 1em;margin:0;}



#footer {
	text-align:center;
	height:30px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	display: block;
	position: absolute;
	padding-top: 20px;
	padding-bottom:20px;
	margin-left:300px;
	top: 1590px;
}
#foottop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	background-color:transparent;
	}

#footer a:link {color: #B22222; text-decoration: none; background-color:transparent; }
#footer a:hover {color: #FFF8DC; text-decoration: none; background-color:transparent;}
#footer a:visited {color: #B22222; text-decoration: none; background-color:transparent;}