/* Real styles */

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

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

A:hover {color: #8f4;
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: 1em 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: #009999;}

/*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 */

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

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: 750px;
position: relative;
padding-top: 30px;
}

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: 750px;
position: relative;
top: 40px;
left: 0px;
}

DIV.homemenu {width: 750px;
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;
}

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

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

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

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

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

P.caption {margin: 0em 0% 1em 0%;
font: 12px/18px 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.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: 800px;
        }

                
#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: #f82;
        text-decoration: none;
        }

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

a:hover {
		color: #dbf;
        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;
        }