@charset "UTF-8";
/* CSS Document */
/*************************************/
/*************************************
This file is the content css.

OK to edit.

*************************************/
/*
COLORS-COLORS-COLORS-COLORS-COLORS

To prevent chaos - stick  to these colors for content :::::

#000     BLACK 
#3C662f  MEDIUM GREEN 
#634E93  MEDIUM  BLUE PURPLE 
#7D6871  GRAY PURPLE
#a51a3c  RUBY
#BFB49A  TAN
#bfb49a  LIGHT TAN TAUPE
#EAE5D3  LIGHT TAN


/**********  LEFT  ***************************/

#leftcontent {
width: 208px;
}

#leftcontent h1 {
padding: 50px 20px 20px 20px;  /*note the big 50px top pad */
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.2em;
color: #9A917D;  /* Tan Taupe color */
	
}

#leftcontent h2 {
padding: 10px 3px 3px 10px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.em;
color: #9A917D;
	
}

#leftcontent h3 {
padding: 10px 3px 3px 10px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: .9em;
color: #9A917D;
	
}

/*----------------------------
The the left nav is styled in the p7TMM02.css file.
To edit that you should open the nav.php file and then 
use the Dreamweaver Project Seven plugin to edit left nav style. 

------------------------------*/


/* The .notnav class will let you edit UL or list things
in the left content area without messing with the p7TMM02.css file.  */

#leftcontent .notnav ul {  
padding:50px 3px 10px 20px;

}

#leftcontent .notnav li {  
text-decoration:none;
list-style-type: none;
padding:4px 6px 4px 0;
font-size: .8em;
color:#7D6871 ;
}

#leftcontent .notnav li a{  
text-decoration:underline;
list-style-type: none;
padding:4px 6px 4px 0;
font-size: 1em;
color:#9A917D;
}


/*************************** CENTER or MAIN ************/

/*---- Tan background - full width, option of boxright inside --------*/
.tanbg-content {
background-color:#EAE5D3;
padding: 20px 8px 20px 20px;

}

.tanbg-content h1 {
 Xcolor: #A61A3C;
 color:#800000; 
 font-size:1.5em;
 /*line-height: 1.6em;*/
 padding: 4px 20px 4px 0;
	margin-bottom: 20px;
 
}
.tanbg-content h1 a {color:#800000 !important; }


.tanbg-content h2 {
 color: #A61A3C;
 font-size:1.1em;
 line-height:1.1em;
 
}

.tanbg-content h3 {
 color:#634E93;
 font-size: 1em;
 line-height:1.2em;
}
.tanbg-content h3 a{
 color:#634E93;
 font-size: 1em;
 line-height:1.4em;
 text-decoration:underline;
}

.CWproductPreviewDescription {min-height: 120px;}
.tanbg-content h4 {
 color:#634E93;
 font-size: 0.9em;
 line-height:1.2em;
}
.tanbg-content h4 a{
 color:#634E93;
 font-size: 0.9em;
 line-height:1em;
 text-decoration:underline;
}

.tanbg-content p {
color:#665C46;
 font-size: 1em;
 line-height:1.3em;
}

.tanbg-content p a {
	color:#665C46;
	text-decoration:underline;
}
.tanbg-content p a:hover {
	color:#665C46;
	text-decoration:none;
}

.tanbg-content ol li {
	padding: 8px 0;
	color:#665C46;
	font-size: .9em;
 	line-height:1.3em;
}
.tanbg-content ul a {
	color:#665C46;
	text-decoration:underline;
}

.tanbg-content .red{
	
	color:#a51a3c ;
}
	


/* --- bordered box floats to right ----- */
.boxright {
width: 380px;
margin: 10px;
padding:10px;
float: right;
border: solid 2px #449;
	
}

.boxright_sm {
width: 300px;
margin: 10px;
padding:10px;
float: right;
border: solid 2px #449;
	
}

/* --- bordered box floats to right ----- */
.boxright_lg {
width: 440px;
margin: 10px;
padding:10px;
float: right;
border: solid 2px #449;
	
}

/* 50/50 column*/
.halfcolumn-rt {
	float:right;
	width: 50%;
	padding: 0 0 0 10px;
}
/* --- bordered box floats to left ----- */
.boxleft {
width: 300px;
margin: 10px;
padding:10px;
float: left;
border: dashed 2px #449;
background-color:black;

	
}

.boxleft_sm {
width: 290px;
margin: 10px;
padding:10px;
float: left;
border: solid 2px #449;
	
}

.boxright img {
margin: 0 auto;	
}

/*---- Black background - full width, for product display --------*/
/*---- Black background - full width, for product display --------*/
.blkbg-content {
	border-top:#36622f thick solid;
	border-left:#36622f 10px solid;
	padding: 0 20px 30px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display:block;
	color:#FFF; 
	background:#000;
}

/* --- keyword search --- */
.blkbg-content input{
	border: none;
	background-color: #7D6B71;
	color:#EAE5D3;
	margin-top:8px;
} 
.blkbg-content .searchbutton {
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	color:#000;
	background-color:#3C662f;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
	padding:3px 4px;	
}
.blkbg-content .searchbutton:hover {
	
	color:#EAE5D3;
	
}


.blkbg-content table {
	height: 100%;
}

.blkbg-content h1 {
	font-size: 1.5em;
	padding: 4px 20px 4px 0;

}

.blkbg-content h2 {
	font-size: 1.2em;
	border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color:#634e93;
}

.blkbg-content p {
	padding: 4px 0 8px;
	color:#eae5d3;
	font-size: 1em;
	line-height: 1.4em;
	
}
.blkbg-content ul {color:#eae5d3 !important;}

.blkbg-content.paging p {
	padding: 4px 0 4px;
	color:#eae5d3;
	font-size: .8em;
	
}

.blkbg-content img {
	padding: 20px;
	border:none;
	
}

.blkbg-content ul {
	padding: 4px 0 4px;
	color:#000;
	font-size: .8em;
	line-height: 1.4em;
}

.blkbg-content ul a{
	text-decoration:underline;
	color:#eae5d3;
	
}

.blkbg-content ol {
	padding: 4px 50px 8px 50px;
	color:#eae5d3;
	font-size: .8em;
	line-height: 1.4em;
}

.blkbg-content ol li{
	padding: 10px 0 0;
	color:#eae5d3;
	font-size: 1em;
	line-height: 1.4em;
}

.blkbg-content p a:link, .blkbg-content p a:visited { 
	color:#fff;
	text-decoration:underline;
}
.blkbg-content p a:hover{
	color:#a51a5c;
	text-decoration:underline;
}
/*  ------------------  */

/*---- Tan background - 1/3 right col, 2/3 main col --------*/
#rightcol {
display: table;
}
#right {
display: table-cell;
vertical-align: top;
}
#main {
display: table-cell;
vertical-align: top;
}




/*************************** RIGHT ************/
.rightcontent {
width:208px;
	
}

.rightcontent h1 {
padding: 50px 3px 3px 20px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.2em;
color: #9A917D;
	
}

.rightcontent h3 {
padding: 10px 3px 3px 20px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1.0em;
color: #9A917D;	
}

.rightcontent ul {  
padding:20px 3px 10px 10px;
list-style-type: none;
color: #9A917D;

}

.rightcontent li {  
text-decoration:none;
padding:4px 3px 10px 0;
font-size: .9em;
}


.problems {
font-size:1.5em;	
}

ol {
color:	#665C46; /* #9A917D */
}

ol.making {
	color:	#665C46;
}

ul {
color:	#665C46;
padding: 15px;
font-size: .9em;
}

ul.arrow_links {
	list-style-type:none;	
}

.news_links {
	padding:5px;		
	font-weight:bold;
}

a.arrow_link {	
	text-decoration:none;
	color:green;
}

h3.quote {
	font-style:italic;

}

.med {
	font-size:.75em;
}

a.text_link {
	text-decoration:none;
	color:green;
}

.green {
	color:green;	
}

/* +++++++++ dl +++++++ */

dl {
	color:	#665C46;
	clear:left;
}

dt {
	color: #A61A3C;
 	font-size: 1em;
 	line-height:1.em;
	margin: 8px 0 8px ;
}

dt a {
	color: #A61A3C;
	text-decoration:underline;
}

dt img {
	float:left;
	padding: 6px 20px 6px 0;
}

dd {
	padding:0 0 16px 0;
	font-size: .8em;
	
}

dd a {
   	color:#665C46;
	text-decoration:underline;
}



/* ============ sample table ======= */
#one-column-emphasis
{
	margin: 10px 15px 40px 15px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	color: #A61A3C;
 	font-size:.9em;
	padding: 12px 15px;
	
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #333;
	border-top: 1px solid #eae5d3;
	vertical-align:top;
}
#one-column-emphasis td:nth-child(1)
{
	width: 20%;
	padding: 10px 15px;
	color: #A61A3C;
 	font-size:.9em;
	border-top: 1px solid #eae5d3;
	text-align: right;
}
/*.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}*/
#one-column-emphasis tr:hover td
{
	color: #000;
	background: #eae5d3;
}
/* ============ sample table ======= */
/* ============ sample table ======= */
.yarnlist
{
	margin: 10px 10px;
	float:left;
	width: 240px;
	text-align: left;
	border-collapse: collapse;
}
.yarnlist th
{
	color: #A61A3C;
 	font-size:.9em;
	padding: 2px;
	
}
.yarnlist tr
{
	width: 130px;
}
.yarnlist td
{
	padding: 2px;
	color: #333;
	font-size:.9em;
	border-top: 1px solid #eae5d3;
	vertical-align:top;
}

.yarnlist td a
{
	padding: 2px;
	color:#060;
	font-size:1.2em;
	font-weight:bold;
	border-top: 1px solid #eae5d3;
	vertical-align:top;
}
.yarnlist td:nth-child(1)
{
	width: 40%;
	padding: 2px;
	color: #A61A3C;
 	font-size:.7em;
	border-top: 1px solid #eae5d3;
	text-align: right;
}
/*.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}*/
.yarnlist tr:hover td
{
	color: #000;
	background: #eae5d3;
}
/* ============ sample table ======= */

/* ============ wild silk table ======= */
#wildsilk
{
	
	margin: 10px 15px 40px 15px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#wildsilk th
{
	color: #A61A3C;
 	font-size:.9em;
	padding: 12px 15px;
	
}
#wildsilk td
{
	font-size:.7em;
	padding: 10px 15px;
	color: #333;
	border-top: 1px solid #eae5d3;
	vertical-align:top;
}
#wildsilk td:nth-child(1)
{
	width: 12%;
	padding: 10px 15px;
	color: #A61A3C;
 	font-size:.9em;
	border-top: 1px solid #eae5d3;
	text-align: right;
}
/*.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}*/
#wildsilk tr:hover td
{
	color: #000;
	background: #eae5d3;
}
/* ============ wild silk  ======= */


.cboth {
	clear:both;
}

.imgcredit {
	font-size:.75em;
}

.imgflol {
	float:left;
	padding:10px 10px 10px 0;	
}



.flol {
	float:left;
}

.imgflor {
	float:right;
	padding:10px 0 10px 10px;	
}


h2.story_title {
	color:orange;
}

h3.story_title {
	color:orange;
}

/*  ===========used to make two columns ===================== */
.glossary {
  float: left;
  width: 420px;
  padding: 0 15px;
  border-right: 1px solid #C8CDD2;
  background-color:#FFF;
  }
.glossary dl {
  float: left;
  
 
  }
.glossary dt {
  float: right;
  width: 246px;
  color: #A61A3C;
 	font-size: 1em;
 	line-height:1.em;
	margin: 0 0 8px ;
  }
.glossary dd {
  margin: 0;
  padding: 0;
  color:#665C46;
 font-size: .8em;
 line-height:1.3em;
  }
.glossary dd.img img {
  float: left;
  margin: 0 8px 0 0;
  padding: 4px;
  border: 1px solid #D9E0E6;
  }
/*  ======= */

/*  ====Color Table=== */
.colors100 {
  width: 100%;
}

.color100 {
  	
}


/*  ====Color Table=== */

* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontainer{ /*IE6 hack*/
height: 100%; 
}

/*======Yarn Details=============*/

.yarndetails table {
	color:#333;
	font-size: 1.2em;
	line-height: 1.4em;
  border-collapse: collapse;
  border: none;
   border-spacing: 1px;
   width: 480px;
   margin-bottom: 12px;
  }
.yarndetails caption {
  text-align: left;
  padding: 0 0 10px 0;
  
  }
.yarndetails td, th {
  text-align: left;
  border: none;
  padding: 8px 0;
  
  }
  

.yarndetails thead th, tfoot th {
  color:#000;
	font-size: 1em;
	line-height: 1.4em;
  border-bottom:#CCC thin solid;
  text-align: left;
  padding-top:4px;
  margin-bottom: 6px;
  }

.colornow {
	display:inline-block;
	font-style:italic;
	font-weight:bold;
}
#shopcart {font-size:17px !important;}