/* CSS layout */

body {
	text-align: center;
    width:1024px;
    margin-left:auto;
    margin-right:auto;
	background-image: url('../images/thtch.gif');
 	background-repeat: repeat;
 	font-family:Arial, Helvetica, sans-serif;
 	background-attachment: fixed;
 	position:relative;
 	text-decoration:none;

 /* added */
}

#photo {
	margin-left: 20px;
	font-weight: 600;
}

.photo {
	margin-left: 20px;
	font-weight: 600;
}





 /* cart upholstery/nonupholstery quantiites */
.u{text-decoration:underline;}









.pic {
	background-color: transparent; 
	left: 360px;
	position: relative;
	top: 5px;
	margin-bottom:30px;
	width: 135px;
}

.pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

.pic a img {
	border: 0;
}

.pic a.p1, .pic a.p1:visited {
	background: transparent; 
	border: none;
	display: block;
	height: 32px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 45px;
}

.pic a.p1:hover {
	background-color: transparent; 
	color: #000000;
	text-decoration: none;
}

.pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 128px;
	left: 128px;
	position: absolute;
	top: -150px;
	width: 178px;
}


.pic a.p2, .pic a.p1:visited {
	background: transparent; 
	border: 1px solid #000000;
	display: block;
	height: 32px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 45px;
}

.pic a.p2:hover {
	background-color: transparent; 
	color: #000000;
	text-decoration: none;
}

.pic a.p2:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 128px;
	left: 128px;
	position: absolute;
	top: -150px;
	width: 178px;
}





.clear {
    clear:both;
    height:0;
    line-height:0; /* for ie6 */
    margin:0;
    padding:0;
    font-size:0;
}
  
h1 {
	font-size: 18px;;
	text-align: center;
	text-decoration: none;
	line-height:3;}


h3  {color: #B22222;text-align: center;
	text-decoration: none;font-size:100%;

}


h5 {color: #B22222;text-align: center;
	text-decoration: none;font-size:80%;

		
}

  }






.comment {
	margin-top:0px; /* -20 */
	padding:0; /* 0 */
	margin-bottom:20px; /* 10 */
	

}

div.comment h4  {color: #000;text-align: left;line-height:17px; margin-top:590px;
text-decoration: none;font-size:94%;cursor:text; font-weight:normal;margin:0px;margin-left:140px;padding:0}div
div.comment h4  a:link {color:#CEAD8E;; text-decoration: none; background-color:transparent;outline:none;cursor:pointer; font-weight:normal;}div
div.comment h4  a:hover {color:#000; text-decoration: none; background-color:#CEAD8E;outline:none; cursor:text; visibility:visible;}
div.comment h4  a:visited {color:#CEAD8E; text-decoration: none; background-color:transparent;outline:none;visibility:visible;}

div.comment a { 	display: block;	margin-left:20px;
  	                text-decoration: none;color:black;
  }

:focus {
	outline: 0;	
}

ol, ul {
	list-style: none;
}

h3  a:link {color: #B22222; text-decoration: underline; background-color:transparent;outline:none; }
h3  a:hover {color: #B22222; text-decoration: underline; background-color:transparent;outline:none;}
h3  a:visited {color: #B22222; text-decoration: underline; background-color:transparent;outline:none;}
     
a:hover {background:#F0EEE7; text-decoration:none;} /*BG color is a must for IE6*/   
a.tooltip span {display:none; padding:2px 2px; margin-left:-195px; width:170px; font-size:small; top:-22px; z-index: 500;}
a.tooltip:hover span{
	display: inline;
	position: absolute;
	background: #F0EEE7;
	border: 1px solid #cccccc;
	color: #6c6c6c;
	text-decoration: none;
}


a:hover {background:#F0EEE7; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltipcart1 span {
	display: none;
	padding: 2px 2px;
	margin-left: 5%;
	width: 110px;
	font-size: small;
	margin-top: -15px;
	z-index: 200;
	text-decoration: none;
}
a.tooltipcart1:hover span{
	display: inline;
	position: absolute;
	background: #F0EEE7;
	border: 1px solid #cccccc;
	color: #6c6c6c;
	text-decoration: none;
}

a:hover {background:#F0EEE7; text-decoration:none;} /*BG color is a must for IE6*/   
a.tooltipcart span {
	display: none;
	padding: 2px 2px;
	margin-left: 5%;
	width: 120px;
	font-size: small;
	margin-top: -15px;
	text-decoration: none;
}
a.tooltipcart:hover span{display:inline; position:absolute; background:#F0EEE7; border:1px solid #cccccc; color:#6c6c6c;}

legend.carthd {
	padding: 2px;
	border: thin solid #663300;
	width: 75%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #F0EEE7;
	margin-top:10px;
	
}

legend.carthd1 /*aqua color behind buy sample & min.*/
{	border: thin solid #663300;
	color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	background-color: #c3e1d2;
	margin-top: 20px;
	width: 65%;
	padding-left:2px;
	margin-left:28px;
	text-align:center;}

legend.carthd1top /*cream color in samples and cart*/
{
	border: thin solid #663300;
	color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	background-color: #F0EEE7;
	margin-top: 20px;
	width: 97%;
	margin-left:1px;
	text-align:left;}



.tooltipcart1 {text-decoration:none;}
.tooltipcart {text-decoration:none;
				width: 95%;}

.namelabel {font-size: 12px;
font-weight: bold;
color: #000;


}

.namelabel2 {font-size: 12px;
font-weight: normal;
color: #CC3300;
text-align:left;
}

.namelabel3 {font-size: 12px;
font-weight: normal;
color: #663300;
text-align:left;
margin-left: 2px;
width:100%;

}

input {background-color: #F0EEE7; font-size: 15px; border: 1px solid #000000; outline:none; cursor:pointer;}

#samples {
	left: 20px;
	border: thin solid black;
	height:300px;
	
}

#yardage {
	left: 20px;
	border: thin solid black;
	height:350px;
	
}

.rblkarrow {color:#000; z-index:600}

#submit {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #000000;
	padding-top: 15px;
	font-size: 16px;
	font-weight: bolder;
	background-color: #c3e1d2;
	font-family: Arial;
	color: #000000;
	cursor:pointer;
	width:200px;
	height:25px;
	}

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

.noborder{
    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:25px;
	font-size:x-large;
	letter-spacing: 1px;
}

.lauhala_brown{
    background-color: #CEAD8E;
}

.dblarrow{
	top: 160px;
	left:90px;
	position: relative;
	display: inline-block;
	
}


#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; /* 0 auto = center position*/
    font-size: 14px;
    font-family: arial, sans-serif;
    /*border: 1px solid blue;*/
}

#dropline div {
    /* position of dropline text*/
    padding: 5px 0px 0px 70px; /* 5 0 0 70 centers dropline tect horz*/
    margin: auto 15px auto;
    list-style: none;
    text-align: center; /* left*/
    background: url('https://www.barkclothhawaii.com/images/nav_buttons/trans.gif'); /* url(trans.gif*/
}






/* dropline_div is a copy of #dropline div, subelement styles copied here too */

.dropline_div_wrapper {
	/*border:3px groove black;*/
	height:200px;
	width:800px; /*added*/
	border:1px solid transparent;/*added*/
     margin:0 auto;
	
}

.dropline_div {
    /* position of dropline text*/
    list-style: none;
    text-align: center;
    background: url('https://www.barkclothhawaii.com/images/nav_buttons/trans.gif'); /* url(trans.gif*/
    /*border:1px solid black;*/
   
}

.dropline_div table {
    border-collapse:collapse;
    font-size:1em;
    float:left;
    margin:-1px;
    width:auto; 
}

.dropline_div ul li { /* vertical space between dropline */
    display:inline;
    margin:0px 0px 0px 0px;
    text-align:center;
}

.dropline_div ul li a {
    /*display:inline-block;  inline-block*/
    /*height:23px;  23px*/
    /*line-height:30px;  30px*/
    margin:0;
    padding: 0 5px;
    background:transparent;
    font-weight:bold;
    font-size:14px; 
}

.dropline_div li {
    display:inline;
    text-align:center;
}

.dropline_div  li  a {
    display:inline-block;
    padding:0px 20px 0 0;
    background:url(../images/nav_buttons/topnoarrow.gif) right top;
    line-height:30px;
    text-decoration:none;
    color:#8B0000;
    cursor: pointer;
     
}

.dropline_div li a.sub {
	background:url(../images/nav_buttons/toparrow.gif) right top;
}


/* end of .dropline_div sub element styles */




#dropline table {
    border-collapse:collapse;
    font-size:1em; /* 1em*/
    float:left;  /* left*/
    margin:-1px;  /* -1px*/
    width:auto;  
} /* -1px*/

#dropline ul li { /* vertical space between dropline */
    display:inline; /* inline*/
    margin:0px 0px 0px 0px; /* 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 space between dropline words*/
    padding: 0 5px; /* -50  55*/
    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 20px 0 0; /* 0 20 0 0*/
    background:url(../images/nav_buttons/topnoarrow.gif) right top;
    line-height:30px; /* 30px*/
    text-decoration:none;
    color:#8B0000; /* 8B0000*/
    cursor: pointer;
}

#dropline li a.sub {
	background:url(../images/nav_buttons/toparrow.gif) right top;
}

html>    /* right top button position */

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

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

#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 25px;/* 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: -40px;
    top: 41px; /* top 41px*/
    text-align: center; /* center*/
}

/* background color: of all hovered dropline text */
#dropline :hover ul li a:hover {
    text-decoration: none;
   
}

div ul #maqua a:hover {background-color: #C3E1D2; color:black;}
div ul #mblack a:hover {background-color: #000;color:#FFF8DC;}
div ul #mblue a:hover {background-color: #ADD8E6;color:black;}
div ul #mbrown a:hover {background-color: #D2B48C;color:#FFF8DC}
div ul #mgray a:hover {background-color: #C0C0C0;color:black;}
div ul #mgreen a:hover {background-color: #8FBC8F;color:#FFF8DC}
div ul #mnatural a:hover {background-color: #F5F5DC;color:black;}
div ul #morange a:hover {background-color: #FFA07A;color:black;}
div ul #mpink a:hover {background-color: #FFE4E1;color:black;}
div ul #mpurple a:hover {background-color: #DDA0DD;color: black;}
div ul #mred a:hover {background-color: #B22222;color:#FFF8DC;}
div ul #myellow a:hover {background-color: #F0E68C;color:black;}






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

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

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

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

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

}

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

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

   
}

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

}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

#orchid a span {
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    display: block;
}
   
div ul #palms a:hover {
	background:url('../images/nav_buttons/palm.png') no-repeat center;
	height: 25px;   
}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.wrapper {
	width:100%;
	margin-left: auto;
    margin-right: auto;

}

#top_nav {
	text-align:center;
}


#container {
}


#page_content {
	text-align:center;

}


.order {
	border-style: none;	
	border-width: 0px;
	margin-left: 790px;
	top:1330px;
     z-index:200;
     position: absolute;
     display: block;
     width:150px; height:137px;
     background:url('../images/nav_buttons/trophyred.png')
}

img.order {
	border-style: none;
	border-width: 0px;
     width:150px; height:137px;
	}
	
.toparrows {
	position: fixed;
	text-decoration: none;
	list-style-type: none;
     margin-left: 810px;
     top:130px;
     display: block;
     font-weight:bold;
	color: #B22222;
	font-size:large;
	
}


.toparrows a:link {color: #B22222; text-decoration: none; background-color:transparent; }
.toparrows a:hover span {color: #B22222; text-decoration: none; background-color:#C3E1D2;}
.toparrows a:visited {color: #B22222; text-decoration: none; background-color:transparent;}

#left_col {
	width: 300px;
	float: left;
	margin-top:20px;}

#right_col {
    width:25px;
	float:right;
	margin-right:114px;
	
}

.rightlab {
	text-decoration: none;
	list-style-type: none;
	font-size: medium;
	position:fixed;
	top:65%;
	width:150px;
	/*position: fixed;
	display:inline-block;
	z-index: 400;
	width:20px;
	margin-bottom:15px;
    letter-spacing: 1px;
    top:75%;
    right:20%;
    margin-left:-6%;*/
}

/*
#right_col {
    width: 40px;
    float: right;
}

.rightlab {
	text-decoration: none;
	list-style-type: none;
	font-size: large;
	display:inline-block;
	z-index: 400;
	width:20px;
	margin-bottom:15px;
    letter-spacing: 1px;
   	position: fixed;
    top:75%;
}
*/

	
#colors .rightlab span {
}


.rightlab  a:link {color: #B22222; text-decoration: none; background-color:transparent; font-weight: bold;}
.rightlab a:visited {color: #B22222; text-decoration: none; background-color:transparent;font-weight: bold;}
.rightlab a:hover {color: #000; text-decoration: none; background-color:#C3E1D2;font-weight: bold;}
.rightlab a:active {color: #B22222; text-decoration: none; background-color:transparent;font-weight: bold;}



a{/*  fabric names in shopping cart*/
		  color: #000000;
}
a:visited{
		  color: #000000;
}
a:active{
		  color: #8FBC8F;
}
a:hover{
		  color: #B22222;
}




#emailusintl{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #B22222;
	background-color:transparent;
	top:900px;
	padding-top:25px;
	font-weight: bold;
	text-align:center;}

#emailusintl a:link {color: #B22222; text-decoration: none;text-align:center;  }
#emailusintl a:visited {color: #B22222; text-decoration: none;text-align:center; }
#emailusintl a:hover {color: #000; text-decoration: none;text-align:center; }
#emailusintl a:active {color: #B22222; text-decoration: none;text-align:center; }
 

	
	
#emailus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: lighter;
	background-color:transparent;
	top:900px;
	padding-top:25px;		
}

#emailus a:link {color: #000; text-decoration: none; background-color:transparent; }
#emailus a:visited {color: #000; text-decoration: none; background-color:transparent;}
#emailus a:hover {color: #B22222; text-decoration: none; background-color:transparent;}
#emailus a:active {color: #000; text-decoration: none; background-color:transparent;}
 
.backaqua {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #C3E1D2;
	padding-bottom: 2px;
	width: 170px;
	max-width:200px;
	margin-left:10px;
	
}
	
.choices {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	top:-12px;		
}

.sapict {color: #000;font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}	

#dcaption {
	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: 125px;
	margin:5px auto 5px auto;
	line-height: 17px;
	text-decoration:none;
}



#dcaption3
 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: thin solid #000000;
	background-color: #F0EEE7;
	color: #B22222;
	font-size: medium;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 1px;
	width: 78px;
	margin:5px auto 5px auto;
	text-decoration:none;
		}
	
	
.dcaption3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: thin solid #000000;
	background-color: #F0EEE7;
	color: #B22222;
	font-size: medium;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 1px;
	width: 78px;
	margin:5px auto 5px auto;
	text-decoration:none;
		}

#highlights {
	list-style-type: none;
	list-style-position: inside;
	width: 130px;
	text-align: left;
	font-size: small;
	margin: 20px;
	
}

#highlights ul {margin-left:3px;}

.catname {
	text-align: right;
}



/*
#xapparel {top: 95px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xrayon44 {top: 260px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xrayon55 {top: 450px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xnon44 {font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xnon55 {font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xtwill44 {font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xtwill55 {top: 1295px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xcanvas44 {top: 1420px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xcanvas55 {top: 1730px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xcrepe {top: 825px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xnubby {top: 885px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xfleece {top: 1171px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xinout {top: 1346px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xmicro {top: 1520px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xweaved {top: 1730px;font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
#xindigo {font-size:18px;color:#B22222; position:relative; text-decoration:underline;}
*/
#xapparel {font-size:18px; color:#B22222; text-decoration:none;}
#xrayon44 {font-size:18px;color:#B22222;  text-decoration:underline;}
#xrayon55 {font-size:18px;color:#B22222;  text-decoration:underline;}
#xnon44 {font-size:18px;color:#B22222;  text-decoration:underline;}
#xnon55 {font-size:18px;color:#B22222;  text-decoration:underline;}
#xtwill44 {font-size:18px;color:#B22222;  text-decoration:underline;}
#xtwill55 {font-size:18px;color:#B22222;  text-decoration:underline;}
#xcanvas44 {font-size:18px;color:#B22222;  text-decoration:underline;}
#xcanvas55 {font-size:18px;color:#B22222;  text-decoration:underline;}
#xcrepe {font-size:18px;color:#B22222;  text-decoration:underline;}
#xnubby {font-size:18px;color:#B22222;  text-decoration:underline;}
#xfleece {font-size:18px;color:#B22222;  text-decoration:underline;}
#xinout {font-size:18px;color:#B22222;  text-decoration:underline;}
#xmicro {font-size:18px;color:#B22222;  text-decoration:underline;}
#xweaved {font-size:18px;color:#B22222;  text-decoration:underline;}
#xindigo {font-size:18px;color:#B22222;  text-decoration:underline;}

.fabric_name {
	font-size: 20px;
	color: #000;
	margin-bottom:20px;
	margin-left:175px;
	text-align:center;
	border: thin solid #000000;
	background-color: #F0EEE7;
	color: #B22222;
	width: 110%;
	position:relative;
	margin:15px auto;
	top:-1150px; 
}


.gallery_sub_head {
	width:50%;
	margin:0 auto; margin-bottom:-20px;
	
}

.gallery_sub_head_popup {
	visibility:hidden;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#6c6c6c;
	background-color: #c3e1d2;
	font-size:small;
	position:relative;
	left: 260px;
	bottom: 32px;
}

div#paw {
	position:static;
	border:none;
	background-color:transparent;
	outline:none;
	height:150px;
	top:590px;width:150px;
	z-index: 400;
	padding-top:100px;
}

div#paw a {
	display: inline;
	text-decoration: none;
	line-height:10px; 
}

div#paw a:hover{
	background:transparent;
    visibility:hidden;
}

div#paw a span {
	display:none;
}

div#paw a:hover span {
	display: inline;
	position: relative;
	visibility: visible;
	color: #2D2815;
	font-family: "Comic Sans MS";
	font-size: medium;
	font-weight: 500;
	top: -200px;
	left: -80px;
	line-height:15px;
	
}

#gallery {
	width:700px;
	float: left;
	top:-100px;
}

#detail_thumbs {
	width:135px;
	float:left;
		background-color:transparent;
	border:none;

}

#detail_thumbs a {
	text-decoration:none;
	font-weight:bold;
	font-size:small;
	line-height:25px;
	

}

#detail_thumbs a:hover {
	background:transparent;
	color:black;
	text-decoration:none;
	background-color:#c3e1d2;
	font-weight:bold;
}

#detail_thumbs a:link img {
	border:0;
}
#detail_thumbs a:hover img {
	border:0;
}

#detail_large {
	width:490px;
	height:580px;
	float:left;
	
}

#detail_large img {
	display:block;
	margin:0 auto;
	
}

#overall_thumbs {
	width:150px;
	float:left; 
	border:0;
	background-color:transparent;	
 }

#overall_thumbs a {
	text-decoration:none;
	font-weight:bold;
	font-size:small;
	line-height:25px;
	

}

#overall_thumbs a:hover {
	border: 0;
	background:transparent;
	color:black;
	background-color:#c3e1d2;
	font-weight:bold;
	font-size:small;
}



#overall_thumbs a:link img {
	border:0;	
	
	
}



#overall_thumbs a:hover img {
	
	border:none;
	list-style-type: none;
	width:55px;
	height:36px;
	background-color:transparent;	
	
}

a img {/*border works here;*/
    border: none;text-decoration: none;background-color:transparent;
    }

a:hover img{
    border: none;background-color:transparent;
    }
    
    
 

#overall_large {/*border works here;*/
	width:490px;
	height:400px;
	float:left;
}






	/*border not working on gallery;*/


#gallery_thumbs {
	float:left;
}

.dmeasure {
	position:relative;
	top: -530px;
	left: -25px;
}

#match  a:link {color: #B22222;}
#match  a:visited{color: #B22222;}
#match  a:active {color: #B22222;}
#match  a:hover { color: #B22222;}


#midbad {
	
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 14px;
	color: #000;
	background-color:transparent;
	font-weight: lighter;
	letter-spacing: 1px;
	background-color: #F0EEE7;
	width:250px;
/*	margin:20px auto;*/
    margin:0 auto;
	text-decoration: none;
	position:relative;
	left:40px;
	margin-bottom:10px;margin-top:10px;
}

.midbad {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 14px;
	color: #000;
	background-color:transparent;
	font-weight: lighter;
	letter-spacing: 1px;
	background-color: #F0EEE7;
	width:250px;
/*	margin:20px auto;*/
    margin:0 auto;
	text-decoration: none;
	position:relative;
	left:4px;
	margin-bottom:10px;margin-top:-100px;
}

.tooltip1 {text-decoration:none;}

.tooltip {text-decoration:none;}

.midarrow {
	margin-right: -390px;
	width: 370px;
	text-decoration: none;
	margin-top: -100px;
}

.midarrow2 {
	margin-left: 220px;
	width: 500px;
	text-decoration: none;
	margin-top: -60px;
}



.nounderline {
	text-decoration: none;
}

.nextbottom {text-decoration:none;}

.nextbottom2 {text-decoration:none;margin-top: -40px;margin-left: 220px;
}


#detail {color: #B22222;}




#dcaption2 {
	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;
	list-style-type: none;
	line-height: 17px;
	text-decoration: none;
	margin:5px auto 5px auto;
}

#gallery2 {
	width:600px;
	position:relative;
	top:-460px;
	left:-40px;
	height:300px;
}

#gallery2 .colorswatch {		
}

#gallery2 ul li {
	float:left;
	list-style-type: none;
}

#gallery2 a.at {
	
	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;
	margin-top: 40px;
	/* padding: 15px 100px 10px 0px; */
}

#gallery2 a:hover span {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	
	

}

#gallery2 a img {
}

#gallery2 a .large {/* vertical placement of gallery text */
}

#gallery2 a.at:hover .large {
}

#gallery2 li.dmtb1 {
}

.measure {
	position:relative;
	top:-360px;
}

div#paw2 {	
	position:relative;
	background-color: transparent;
	outline: none;
	left: 850px;
	top: 375px;
	width: 250px;
}	
	
div#paw2 a {
	display: inline;
	text-decoration: none;
	line-height:10px; 
}

div#paw2 a:hover{
	background:transparent;
    visibility:hidden;
}

div#paw2 a span {
	display:none;
}

div#paw2 a:hover span {
	/* text distance from img*/
	display: inline;
	position: relative;
	visibility: visible;
	color: #2D2815;
	font-family: "Comic Sans MS";
	font-size: medium;
	font-weight: 500;
	top: -40px;
	left: -20px;
	z-index: 400;
	text-decoration: none;
	letter-spacing:1px;
}

#footer {
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: lighter;
    text-align: center;
    width:630px;
    margin:30px auto;
    padding-left: 160px;
}   

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

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

}


#measure1 {/*top:-520px; left:-20px; position:relative;*/
	position:relative;
	top:-520px;
	left:-20px;
	z-index:-1;
}

#measure2 {/*top:-363px; left:1px; position:relative;*/
	position:relative;
	top:-363px;
	left:-1px;
	z-index:-1;
}


#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
    cursor:pointer;
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(../fabrics/scripts/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
	
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}

.cybersale30 {
	padding-bottom:20px;
}

.cybersale50 {
	padding-bottom:20px;
}
.note {
	font-family: Arial;
	color: #008080;
	text-decoration: none;
	font-weight: bold;
	font-size: medium;
	text-decoration: none;
	background-color:#F0EEE7;
	width: 90%;
	margin-left:10px;;
}
	
.note a:link {text-decoration: none; color:teal; background-color: #C3E1D2;}
.note a:hover {text-decoration: none; color:teal;}
.note a:visited {text-decoration: none; color:teal;}

legend.toorder  {
	border: thin solid #663300;
	color: #008080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	background-color: #F0EEE7;
	margin-top: 20px;
	width: 95%;
	text-align:center;
	max-width: 200px;
	
}
		
	input {width: 30px;
	padding-right:3px;
	text-align:center;
	}
	
	input.bold {width: 70px;text-align:center;}
	
	input.reset {width: 70px;text-align:center;}

	
	legend.availability{
	border: thin solid #663300;
	color: #008080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	background-color: #F0EEE7;
	margin-top: 20px;
	width:75%;
	max-width:200px;
	text-align:center;}

	
	legend.toordername{
	border: medium solid #663300;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #F0EEE7;
	margin-top: 20px;
	width:100%;
	text-align:left;
	}
	
	
	

.bold {
	font-weight:bold;
	color:  #B22222;
}


.italic {
	font-weight: normal;
	font-style: italic;
}

.boldred {
	font-weight:bold;
	font-size:medium;
	color:  #B22222;	

}

#samples {width: 200px;}
#yardage {width: 200px;}

.sa {font-size: 14px; color: #B22222; margin-left:25px; font-weight:normal;}
.non55yd {font-size: 14px; color: #B22222; margin-left:25px; font-weight:normal;}
.apparelyd {font-size: 14px; color: #B22222; margin-left:25px; font-weight:normal;}
.upyd {font-size: 14px; color: #B22222; margin-left:25px; font-weight:normal;}
.non44yd {font-size: 14px; color: #B22222; margin-left:25px; font-weight:normal;}
.twillyd {font-size: 14px; color: #B22222; margin-left:25px; font-weight:normal;}



.like {
	background-color: transparent;
	width: 100px;
	position: fixed;
	top: 55%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	color: #000000;
}