/* ELECTRIC QUILT CO. CSS ------------------------------------------------------------------------- */
/* REF: blue, green, purple store pack */
/* July 2005*/


/* STRUCTURAL ELEMENTS ---------------------------------------------------------------------------- */
BODY 
{
    MARGIN: auto;
	PADDING: none;	
	COLOR: #000000; 
    BACKGROUND: #FFFDE8;
    TEXT-ALIGN: center;
	FONT-FAMILY: Arial, Helvetica,  sans-serif;
	FONT-SIZE: 85%;
}
TD {FONT-FAMILY: Arial, Helvetica,  sans-serif; FONT-SIZE: 90%;}

A:LINK, A:VISITED {COLOR: #7e6f61; BACKGROUND: #FFFFFF; TEXT-DECORATION: underline;}
A:HOVER, A:ACTIVE {COLOR: #94683D; BACKGROUND: #FFFFFF; TEXT-DECORATION: underline;}

/* BASIC ELEMENTS --------------------------------------------------------------------------------- */
A.front:LINK, A.front:VISITED {COLOR: #000000; BACKGROUND: transparent; TEXT-DECORATION: none;}
A.front:HOVER, A.front:ACTIVE {COLOR: #000000; BACKGROUND: transparent; TEXT-DECORATION: underline;}

h1 {COLOR: #c51039; BORDER: 0px; FONT-SIZE: 130%; FONT-WEIGHT: bold;}
h2 {COLOR: #c51039; BORDER: 0px; FONT-SIZE: 120%; FONT-WEIGHT: bold;}
h3 {COLOR: #c51039; BORDER: 0px; FONT-SIZE: 110%; FONT-WEIGHT: bold;}
.blackH3 {COLOR: #000000; BORDER: 0px; FONT-SIZE: 110%; PADDING-LEFT: 10px;}
#boxie {BORDER: #DBD1C5 2px dotted;}
#boxie2 {BORDER: #CA5367 2px dotted;}
.pseudoheader {COLOR: #c51039; FONT-WEIGHT: bold;}

.hide {VISIBILITY: hidden;}
.noprint {VISIBILITY: visible;}

.incWARN {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 90%;}
.comment {FONT-SIZE: smaller;}
.graycomment {FONT-SIZE: smaller; COLOR: #CCC;}
.boldcomment {FONT-SIZE: smaller; FONT-WEIGHT: bold;}
.commentsubnav {FONT-SIZE: smaller; BACKGROUND: #DCD1C5; TEXT-DECORATION: none; PADDING-LEFT: 0.8em; }

p.names {FONT-WEIGHT: bold;}
#separatorline {BORDER-TOP: #7e6f61 1px dashed;	BACKGROUND: #ffffff; WIDTH: 520px;}
#attentionbox
{
	BORDER: #94683D 2px dotted;
	MARGIN: 0px;
	BACKGROUND: #CBE2E7;
	TEXT-ALIGN: center;
	PADDING: 2px;  /*TRBL*/
	FONT-SIZE: 100%; 
	COLOR: #000000;
	FLOAT: center;
    WIDTH: 440px;	
}
#attentionbox A:LINK, A:VISITED {COLOR: #94683D; BACKGROUND: #CBE2E7; TEXT-DECORATION: underline;}
#attentionbox A:HOVER, A:ACTIVE {COLOR: #94683D; BACKGROUND: #CBE2E7; TEXT-DECORATION: underline;}
#attentionboxline {BORDER-TOP: #94683D 1px solid; BACKGROUND: #CBE2E7; WIDTH: 95%;}

#shopbox
{
	BORDER: #7e6f61 2px dotted;
	MARGIN: 0px;
	BACKGROUND: #f5ece3;
	TEXT-ALIGN: left;
	PADDING: 2px;  /*TRBL*/
	FONT-SIZE: 100%; 
	COLOR: #000000;
	FLOAT: center;
	WIDTH: 535px;	
}
A.shopbox:LINK, A.shopbox:VISITED {COLOR: #7e6f61; BACKGROUND: #f5ece3; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
A.shopbox:HOVER, A.shopbox:ACTIVE {COLOR: #000000; BACKGROUND: #f5ece3; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}

A.shopbox2:LINK, A.shopbox2:VISITED {COLOR: #7e6f61; BACKGROUND: #f5ece3; TEXT-DECORATION: underline; FONT-WEIGHT: normal;}
A.shopbox2:HOVER, A.shopbox2:ACTIVE {COLOR: #000000; BACKGROUND: #f5ece3; TEXT-DECORATION: underline; FONT-WEIGHT: normal;}

A.shopboxREL:LINK, A.shopboxREL:VISITED {COLOR: #000000; BACKGROUND: #f5ece3; TEXT-DECORATION: underline; FONT-WEIGHT: normal;}
A.shopboxREL:HOVER, A.shopboxREL:ACTIVE {COLOR: #000000; BACKGROUND: #f5ece3; TEXT-DECORATION: underline; FONT-WEIGHT: normal;}

#shopboxline {BORDER-TOP: #7e6f61 2px dotted; BACKGROUND: #f5ece3; WIDTH: 100%;}
#shopbox h3 {COLOR: #000000; BORDER: 0px; FONT-SIZE: 110%; FONT-WEIGHT: bold;}

p.center {TEXT-ALIGN: center;}

#sectionbox
{
	BORDER: #7e6f61 1px solid;
	margin: 0px;
	BACKGROUND: #f5ece3;
	TEXT-ALIGN: left;
	PADDING: 2px;  /*TRBL*/
	FONT-SIZE: 100%; 
	COLOR: #000000;
	FLOAT: center;
    WIDTH: 520px;	
}
#sectionbox A:LINK, A:VISITED {COLOR: #7e6f61; BACKGROUND: #f5ece3; TEXT-DECORATION: underline;}
#sectionbox A:HOVER, A:ACTIVE {COLOR: #94683D; BACKGROUND: #f5ece3; TEXT-DECORATION: underline;}
#sectionboxline {BORDER-TOP: #7e6f61 1px dashed; BACKGROUND: #f5ece3; WIDTH: 100%;}

#outlinebox
{ 
	WIDTH: 535px;
	BORDER: #999999 1px solid;
	BACKGROUND: #FFFFFF;
	TEXT-ALIGN: left;
	FONT-SIZE: 100%; 
}
A.outlinehd:LINK, A.outlinehd:VISITED, A.outlinehd:HOVER, A.outlinehd:ACTIVE {COLOR: #000000; BACKGROUND: #CCCCCC; TEXT-DECORATION: underline;}


TR.zebratitle, TD.zebratitle {BACKGROUND: #E39F15; VERTICAL-ALIGN: top;}
TR.zebradark, TD.zebradark {BACKGROUND: #F0DBC3; VERTICAL-ALIGN: top;}
TR.zebralight, TD.zebralight {BACKGROUND: #FFF6EB; VERTICAL-ALIGN: top;}
A.zebralight:LINK, A.zebralight:VISITED {COLOR: #000000; FONT-WEIGHT: bold; BACKGROUND: #FFF6EB;}
A.zebralight:HOVER, A.zebralight:ACTIVE {COLOR: #000000; FONT-WEIGHT: bold; BACKGROUND: #FFF6EB;}
/* zebra light the same color as sectionbox bgd!!!! */

.anchorlite:target{
	BACKGROUND: #FFFF99;
	BORDER: 2px dotted #FFCC00;
	POSITION: relative;
	TOP: -2px;
	PADDING: 0 1em;
}

.anchorlite:target a{
	COLOR: #7e6f61;
}

OL, UL {PADDING-LEFT: 15px;	MARGIN: auto; LIST-STYLE-POSITION: inside;}

abbr, acronym, .help {BORDER-BOTTOM: 1px dotted #333; CURSOR: help;}

/* HEADER ----------------------------------------------------------------------------------------- */
#header {
    PADDING: 0px;
    WIDTH: 748px;
    MARGIN: auto;
    POSITION: relative;
    TEXT-ALIGN: justify;
    BORDER-BOTTOM: #120012 8px solid;
    BACKGROUND: #c51039;
    HEIGHT: 66px;
}
TD.headerTD {BACKGROUND: #CA5368;	BORDER-BOTTOM: #120012 8px solid;}

/* TOP NAVIGATION  -------------------------------------------------------------------------------- */
#topnav
{
	BACKGROUND: #9b8976;
	PADDING: 2px 0px 2px 0px;  /*TRBL*/
   	WIDTH: 748px;
   	MARGIN: auto;
   	POSITION: relative;
   	TEXT-ALIGN: left;
	FONT-SIZE: 90%;
}
A.topnav:LINK, A.topnav:VISITED {COLOR: #f8f7f1; BACKGROUND: #9b8976; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
A.topnav:HOVER, A.topnav:ACTIVE {COLOR: #f8f7f1; BACKGROUND: #9b8976; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}

A.topnavthis:LINK, A.topnavthis:VISITED {
	COLOR: #f8f7f1; BACKGROUND: #120012; BORDER: #120012 2px solid; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
A.topnavthis:HOVER, A.topnavthis:ACTIVE {
	COLOR: #f8f7f1; BACKGROUND: #120012; BORDER: #120012 2px solid; TEXT-DECORATION: none; FONT-WEIGHT: bold;}

TD.topnavTD {BACKGROUND: #9b8976;}

#topnavnotice
{
	BACKGROUND: #f8f7f1;
	PADDING: 2px 0px 2px 0px;  /*TRBL*/
   	WIDTH: 748px;
   	MARGIN: auto;
   	POSITION: relative;
   	TEXT-ALIGN: left;
}

/* WRAPS NAV & MAIN CONTENT ---------------------------------------------------------------------- */
#wrapper
{
	CLEAR: both;
	BACKGROUND: #FFFFFF;
	PADDING: 0px;
   	WIDTH: 748px;
   	MARGIN: auto;
   	POSITION: relative;
   	TEXT-ALIGN: left;
}
TD.wrapperTD {BACKGROUND: #FFFDE8;}

/* MAIN CONTENT ----------------------------------------------------------------------------------- */
#container {VOICE-FAMILY : "\"}\"";	VOICE-FAMILY : inherit;	PADDING: 0px 0px 0px 4px;}  /*TRBL*/

/* FOOTER 1 --------------------------------------------------------------------------------------- */
#footer1 
{	CLEAR: both;
	PADDING: 2px 0px 2px 0px; /*TRBL*/
    BACKGROUND: #9b8976;
	FONT-SIZE: 100%;
	COLOR: #000000;
	TEXT-ALIGN: center;
	WIDTH: 748px;
   	MARGIN: auto;
   	POSITION: relative;
}
A.footer1:LINK, A.footer1:VISITED {COLOR: #000000; BACKGROUND: #9b8976; TEXT-DECORATION: underline;}
A.footer1:HOVER, A.footer1:ACTIVE {COLOR: #000000; BACKGROUND: #9b8976; TEXT-DECORATION: none;}

TD.footer1TD {BACKGROUND: #9b8976;}
/* FOOTER 2 --------------------------------------------------------------------------------------- */
#footer2 
{
	CLEAR: both;
	FONT-SIZE: 100%; 
	COLOR: #000000;	
	PADDING: 2px 0px 2px 0px; /*TRBL*/
	TEXT-ALIGN: center;
	BACKGROUND: #ffffff;
	WIDTH: 748px;
   	MARGIN: auto;
   	POSITION: relative;
}
A.footer2:LINK, A.footer2:VISITED {COLOR: #000000; BACKGROUND: #ffffff; TEXT-DECORATION: underline;}
A.footer2:HOVER, A.footer2:ACTIVE {COLOR: #000000; BACKGROUND: #ffffff; TEXT-DECORATION: none;}

TD.footer2TD {BACKGROUND: #FFFDE8;}
/* SEARCH NAVIGATION ------------------------------------------------------------------------------ */
#searchnav
{
	BORDER: #120012 1px solid;
	MARGIN: 0px;
	BACKGROUND: #DCD1C5;
	TEXT-ALIGN: center;
	PADDING: 0px 0px 0px 4px;  /*TRBL*/
	FONT-SIZE: 100%; 
	COLOR: #333333;
	FLOAT: center;
    WIDTH: 165px;	
}
A.searchnav:LINK, A.searchnav:VISITED {
	COLOR: #333333; BACKGROUND: #DCD1C5; TEXT-DECORATION: none; FONT-WEIGHT: bold; TEXT-ALIGN: center;}
A.searchnav:HOVER, A.searchnav:ACTIVE {
	COLOR: #333333; BACKGROUND: #DCD1C5; TEXT-DECORATION: underline; FONT-WEIGHT: bold; TEXT-ALIGN: center;}
	
A.searchnavimp:LINK, A.searchnavimp:VISITED {
	COLOR: #c51039; BACKGROUND: #DCD1C5; TEXT-DECORATION: none; FONT-WEIGHT: bold; TEXT-ALIGN: center;}
A.searchnavimp:HOVER, A.searchnavimp:ACTIVE {
	COLOR: #c51039; BACKGROUND: #DCD1C5; TEXT-DECORATION: underline; FONT-WEIGHT: bold; TEXT-ALIGN: center;}

/* SIDE NAVIGATION -------------------------------------------------------------------------------- */
#sidenav
{
	CLEAR: both;
	FLOAT: right;
    WIDTH: 188px;
	BACKGROUND: #DCD1C5;
	TEXT-ALIGN: left;
	COLOR: #333333;	
	PADDING: 0px 0px 0px 7px;  /*TRBL*/	
	MARGIN: 0px 0px 0px 7px;  /*TRBL*/
}
A.nav:LINK, A.nav:VISITED {
	COLOR: #333333; BACKGROUND: #DCD1C5; TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-LEFT: 3px; FONT-SIZE: 90%;}
A.nav:HOVER, A.nav:ACTIVE {
	COLOR: #7e6f61; BACKGROUND: #DCD1C5; TEXT-DECORATION: underline; FONT-WEIGHT: bold; PADDING-LEFT: 3px; FONT-SIZE: 90%;}

A.subnav:LINK, A.subnav:VISITED {COLOR: #333333; BACKGROUND: #DCD1C5; TEXT-DECORATION: none; PADDING-LEFT: 0.7em; FONT-SIZE: 90%; }
A.subnav:HOVER, A.subnav:ACTIVE {COLOR: #7e6f61; BACKGROUND: #DCD1C5; TEXT-DECORATION: underline; PADDING-LEFT: 0.7em; FONT-SIZE: 90%; }

A.login:LINK, A.login:VISITED {
	COLOR: #E94E80; BACKGROUND: #DCD1C5; TEXT-DECORATION: none; PADDING-LEFT: 0.7em; FONT-STYLE: italic; FONT-SIZE: 90%;}
A.login:HOVER, A.login:ACTIVE {
	COLOR: #E94E80; BACKGROUND: #DCD1C5; TEXT-DECORATION: underline; PADDING-LEFT: 0.7em; FONT-STYLE: italic; FONT-SIZE: 90%;}