/* Real styles */

A:link {color: #8f4;
background: transparent;
text-decoration: none}

A:visited {color:#333;
background: transparent;
text-decoration: none}

A:hover {color:#360;
background: transparent;
text-decoration: none}

BODY {margin: 0em 0% 0em 0%;
font: 12px/17px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000;
background-color: #fff;
cursor: auto;}

/*small purple in scarf gallery, sprinkle dyed roving*/

H1 {margin: 0em 0% 0.5em 0%;
font: 24px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #449;
background: transparent;}

/* large orange heading */

H2 {margin: 0.5em 0% 0.5em 0%;
font: 18px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #e72;
background: transparent;}

/* larger heading for wholesale pdf form */

H2.attention {margin: 0em 0% 0em 0%;
font: bold 48px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #e72;
background: transparent;}

H2.orders {margin: 0em 0% 0em 5%;
font: bold 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #e72;
background: transparent;}


/*smaller green headings for newsletter etc */

H3 {margin: 1em 0% 1em 2%;
font: bold 18px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #444499;}

/*largest purple heading in scarf gallery and sprinkle dyed roving */

H4 {margin: 0em 0% 0em 2%;
font: 30px/45px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #449;
background: transparent;}

/*smaller purple headings in price list */

H5 {margin: 0em 0% 0em 2%;
font: 18px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #449;}

/*smaller pink headings for newsletter etc */

H6 {margin: 0em 0% 0em 0%;
font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #f17;}

/*smaller black headings for newsletter etc */

H7 {margin: 0em 0% 0em 5%;
font: bold 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;}

/*smaller purple headings in price list */

H7.leftalign {margin: 0em 0% 5em 0%;
font: bold 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;}

H8 {margin: 0em 0% 0em 3%;
font: bold 14px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;}

H9 {margin: 0em 0% 0em 2%;
font: 24px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #449;
}

/*larger headings in newsletter*/

H10 {margin: 0em 0% 1em 2%;
font: 18px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #e72;
background: transparent;}

/*orange heading in treenway dealers*/

HTML {margin: 0;
color: #000;
background: #fff;}

LI {margin: 0em 0% 0.5em 0%;
font: 13px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;
line-height: 1.5em;}

LI.news {margin: 0em 0% 0% 0%;
font: 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #000;
line-height: 1.25em;}

li ul {
	text-indent: 20px;	
}
li ol {
	text-indent: 20px;	
}

UL {margin: 0em 0% 2em 0%;
list-style: disc;}

OL {margin: 0em 0% 0em 5%;
list-style: decimal;}


/* used for the navigation menu on every page*/

DIV.content {width: 800px;
position: relative;
padding-top: 10px;
}

DIV.copy {width: 700px;
position: relative;
top: 0px;
left: 40px;
margin: 10px;
}

DIV.dealerright {width: 320px;
margin: 10px;
padding:10px;
float: right;
border: solid 2px #449;
}

DIV.dealerleft {width: 320px;
margin: 10px;
padding:10px;
float: left;
border: solid 2px #449;
}

DIV.footer {width: 750px;
position: relative;
top: 40px;
left: 5px;
padding-bottom: 20px;
text-align: center;
}

DIV.homecontent {width: 800px;
position: relative;
top: 10px;
left: 0px;
}

DIV.homemenu {width: 800px;
/*position: absolute;*/
padding: 0px;
top: 84px;
/*left: auto;*/
z-index: 3;
}

/* used on the corners pages to offset the header*/
DIV.images {
width: 400px;
position: relative;
top: 0px;
left: 40px;
margin: 10px;
}

.imagenoborder {
	border:none;
}

DIV.menu {width: 750px;
position: absolute;
padding: 0px;
top: 20px;
left: auto;
z-index: 999;
}

/* used on the corners index page as the list of links to corner pages*/
DIV.list {width: 300px;
position: absolute;
top: 20px;
right: 50px;
text-align: left;
}

DIV.informationlist {width: 300px;
position: absolute;
top: 90px;
right: 50px;
text-align: left;
}

DIV.order {width: 400px;
float: right;
text-align: left;
margin: 2px;
border: solid 1px #000;
}

DIV.leftalign {width: 260px;
margin: 10px 20px 10px 10px;
padding:10px;
float: left;
border: solid 3px #FECD54;
}

DIV.rightalign {width: 260px;
margin: 10px;
padding:10px;
float: right;
border: solid 3px #FECD54;
}

DIV.sale {width: 425px;
margin: 10px;
padding:10px;
float: center;
border: solid 3px #FECD54;
}

DIV.title {width: 750px;
position: absolute;
padding: 0px;
top: 0px;
left: auto;
}

DIV.wrapper {width: 800px;
margin-left: auto;
margin-right: auto;
}

div.ltpurple {
padding: 5px;
border: none;
background-color: #d8bfd8;
}

DIV.order {width: 700px;
margin: 10px;
padding:10px;
float: center;
border: solid 2px #449;
}



IMG.header {
position: relative;
margin: 15px;
top: 10px;
left: 10px;
bottom: 10px;
}

IMG.rightalign {
float: right;
margin: 1em 1% 1em 1%;
}

IMG.leftalign {
float: left;
margin: 1em 1% 1em 1%;
padding: 6px;
}

IMG.indexright {
float: right;
margin: 2em 2% 2em 2%;
padding: 6px;
}

IMG.indexleft {
float: left;
padding-top: 20px;
margin: 1em 2% 1em 2%;
}

P {
	margin: 10px 0;
font: 14px/18px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;
}

P.caption {margin: 0em 0% 1em 0%;
font: 10px Verdana, Arial, Geneva, Helvetica, sans-serif;
}

P.rightalign {margin: 0em 0% 1em 2%;
font: 14px/18px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;
float: right;
}

P.white {margin: 0em 0% 0em 0%;
font: 18px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
}

P.white2 {margin: 0em 0% 0em 0%;
font: 26px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #ffffff;
}

P.white3 {margin: 0em 0% 0em 0%;
font: 14px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #ffffff;
}

P.salt {margin: 0em 0% 0em 0%;
font: 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #ffffff;
}

P.salt a{
color: #6C3;
}

P.info {margin: 0em 0% 1em 2%;
font: 10px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;
}

P.news {margin: 0em 0% 1.25em 0%;
font: 12px/18px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #000;
}

pre { margin-left: 2em }
/*
p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
*/


LI.news {margin: 0em 0% 0.5em 3%;
font: 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #000;
line-height: 1.5em;}


SPAN.mailorder {margin: 0em 1% 0em 5%;
font: bold 14px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #f17;
text-align: left;}

SPAN.stitching {margin: 0em 1% 0em 5%;
font: bold 18px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;
text-align: center;}

SPAN.alert {font: bold 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #c55;}


/* DHTML Menu Styles */

#content {
        margin-top: 135px;
}
                
.menuStyle  {
        color: #fff;
        font-size: 12px;
        font-family: Verdana, Helvetica, Arial,  sans-serif;
        background-color: #449;
        padding: 3px 3px 3px 5px;
		z-index: 999;
        }
        
.menuitem {color: #fff;
        padding: 0px 0px 5px 5px;
        }

#menuHead   {
        color: #fff;
        background-color: #449;
        position: relative;
        z-index: 50;
        top: 0px;
        left: 0px;
        width: 794px;
        }

                
#menuHead1  {
        position: relative;
        padding-right: 5px;
                 }

#menu1 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 150px;
        }

#menuHead2  {
                position: relative;
                padding-right: 5px;
                 }

#menu2 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 170px;
        }
        
#menuHead3  {
                position: relative;
                padding-right: 5px;
                 }

#menu3 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 175px;
        }
        
#menuHead4  {
                position: relative;
                padding-right: 5px;
                 }

#menu4 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 185px;
        }

#menuHead5  {
		position: relative;
        padding-right: 5px;
                 }

#menu5 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 165px;
        }        
		
#menuHead6  {
        position: relative;
        padding-right: 5px;
                 }

#menu6 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 170px;
        }
		
#menuHead7  {
                position: relative;
                padding-right: 5px;
                 }

#menu7 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 180px;
        }

#menuHead8  {
         position: relative;
         padding-right: 5px;
                 }

#menu8 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 210px;
        }	
		
#menuHead9  {
        position: relative;
        padding-right: 5px;
                 }

#menu9 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 160px;
        }

#menuHead10  {
        position: relative;
        padding-right: 5px;
                 }

#menu10 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 155px;
        }		
		
#menuHead11  {
        position: relative;
        padding-right: 5px;
                 }

#menu11 {
        position: absolute;
        z-index: 999;
        visibility: hidden;
        width: 155px;
        }		

        
a:link {
        color:#690;
        text-decoration: none;
        }

a:visited {
        color:#333;
        text-decoration: none;
        }

a:hover {
		color:#6C0;
        text-decoration: none;
        }
        
a.menulink:link {
        color: #ffffff;
		font-family: Verdana, Helvetica, Arial,  sans-serif;
		font-size: 12px;
        line-height: 20px;
        text-decoration: none
        }

a.menulink:visited {
		color: #ffeecc;
        line-height: 20px;
        text-decoration: none;
        }
        
a.menulink:hover {
        color: #ddbbff;
        line-height: 20px;
        text-decoration: none;
        }

/*================ */

.imgleft 
{
	float:left;
	border:none;
	padding: 10px;
}
.imgright 
{
	float:right;
	border:none;
	padding: 10px;
}

.home ul
{
	width: 500px;
	display: inline;
	list-style:none;
	
}

.home li
{
	list-style:none;
	padding: 2px 0 2px 12px;
}

table {
	font-size: 11px;
	
}

.inline ul
{
	margin: 0;
	padding: 0 5px;
	list-style-type: none;
}
.inline ul li
{
	display:inline;	
}

.founderstable table {
	padding:0;
	margin:0;
	
}

p.red {
	display:inline;
  color: red;	
}


/* ====== */
.yarns table {

	color:#000;
	background:#fff;
	border-collapse:collapse;
	width:800px;
/*	border:5px solid #900; */

}

.yarns thead {

}



.yarns thead th{
	
	padding:4px;
 	border-bottom:2px solid #ccc;
 	margin: 1em 0% 1em 2%;
font: bold 18px Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #444499;
 	text-align:left;
}


.yarns thead tr {

}


/*
.yarns td.left   {
	vertical-align:top;
	padding:.5em 1em;
}  */
.yarns tbody tr td.left {
	vertical-align:top;
	width: 440px;
	padding: 4px 10px;
	margin: 10px 0;
font: 14px/18px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #449;
}


.yarns tbody tr td.right{
	background-color:#000;
	width: 360px;
	

}



.yarns tfoot {

}


.yarns tfoot td {
	text-align:right;
	font-size:.9em;
	color: #333;
	padding: 4px;
}


.yarns tfoot tr {


}



/* ====== */