/* -----------------------------------*/
/* --------->>> GLOBAL STYLES <<<-----*/
/* -----------------------------------*/

* { padding: 0; margin: 0; list-style:none;}

/*------------REQUIRED FOR DEFAULT UNORDERED LIST IN CONTENT WRAP <UL> AND<LI> IN <DIV CLASS="BULLETS">-------------*/
.bullets li {
list-style:disc;
display:list-item;
margin-left: 15px;
color:#4C2A05;
font-size:14px;
line-height:20px;
}


body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 text-align: center;
 color:#4C2A05;
 background:url(../data/site/background.jpg) top left repeat;
}

#wrapper { 
 margin: 10px auto;
text-align: left;
 width: 780px;
}
#header {
 color: #4C2A05;
 width: 780px;
 float: left;
 padding: 0px;
 height: 45px;
 margin: -25px 0px 0px 0px;
 background:url(../images/header_final.jpg) top left repeat;
}

#middlecolumn {
 height: auto;
 width: 780px;
 float: left;
 background: #FFF;
 margin: 0px auto;
}

#wrapper_shop{
 margin: 10px auto;
text-align: left;
 width: 412px;
}
#header_shop {
 color: #4C2A05;
 width: 780px;
 float: left;
 padding: 0px;
 height: 45px;
 margin: -25px 0px 0px 0px;
 background:url(../images/header_final.jpg) top left repeat;
}

#middlecolumn_shop {
 height: auto;
 width: 412px;
 float: left;
 background: #FFF;
 margin: 0px auto;
}

.alreadyMember{
font-size:16px; font-weight:bold; color:#FF0000; padding:5px; margin:5px 0px 5px 0px; width:auto; height:auto;
}
.errorMessage{
font-size:18px; font-weight:bold; color:#000; padding:5px; margin:10px 0px 10px 0px; width:auto; height:auto;
}
/*-------------PAGES THAT ARE ONLY 1 COLUMN USE THIS STYLE |||| MOST STATIC PAGES AND OUR YARNS ||| WHATS NEW STRUCTURE---------------*/
#mainColumn { 
 color: #4C2A05;
 margin: 0px 0px 0px 10px;
 padding-left: 0px;
 padding-right:0px;
 padding-top:10px;
 padding-bottom:15px;
 height: auto;
 width: 760px;
 float: left;
 background: #FFF;
}

/*----------Header Elements----------------------------------------*/
.logo {width: 200px; float: left; height: 65px; position:relative; margin-left: 20px;}

img, div {behavior: url(includes/iepngfix.htc); margin:0; padding:0;}

#signIn {float: right; padding:5px 10px 10px 10px; color: #FFFFFF; font-size:12px;}

#signIn_shop {float: right; padding:5px 10px 10px 10px; color: #FFFFFF; font-size:12px;}

a.signUp {color: white; text-decoration: none;}
a.signUp:link {color: white;}
a.signUp:visited {color: #4C2A05;}
a.signUp:hover {color: #4C2A05; text-decoration:underline;}
a.signUp:active {color: #4C2A05;}
.signUp img {vertical-align: middle;}

a.whatsNew {color: #A6600C; text-decoration: underline; font-size:12px}
a.whatsNew:link {color: #A6600C;}
a.whatsNew:visited {color: #Cbb677;}
a.whatsNew:hover {color: #4C2A05; text-decoration:underline;}
a.whatsNew:active {color: #4C2A05;}


/*----------Main Menu Navigation-------------------------------------*/
#navigation {float: left; width: 780px; padding-top: 5px; margin: 0px 0px 0px 0px; background: #FFFFFF; padding-bottom:5px; border-bottom: .5px solid #CBB677; z-index:998;}

														
/*----------General Typography--------------------------------------*/

h1 {
font-size:28px; font-weight:bold; color:#4C2A05;
padding-bottom:5px;
padding-top:4px;
}


h2 {
font-size:20px; font-weight:bold; color:#4C2A05;
padding-bottom:4px;
padding-top: 3px

}


h3 {
font-size:16px; font-weight:bold; color:#A6600C;

}

h4 {
font-size:14px; font-weight:bold; color:#A6600C;
display:block;

}

h5 {
font-size:12px; font-weight:bold; color:#A6600C;
display:block;
margin:3px 0px 3px 0px;


}

h6 {
font-size:10px; font-weight:normal; color:#4C2A05;
margin: 0px 0px 0px 0px;

}

p {
 color: #4C2A05

}

a:link { 
	color: #A6600C;
	text-decoration: underline;
	}
a:visited { 
	color: #4C2A05;
	}
a:hover { 
	color: #CBB677;
	text-decoration: underline;
	}
a:active { 
	color: #A6600C;
	}	
	
/*----------FOOTER-----------------------------------------------------*/
							#footer { 
								 width: 780px;
								 clear: both;
								 color: #FFFFFF;
								 background: #A6600C url(../images/footer_final.jpg) left repeat-x;
								 height: 66px;
								 padding: 0px;
								 margin: 0px;
								}
								
								#footerNav {
								float:left;
								padding-left:25px;
								margin-top:25px;
								padding-bottom:15px;
								}
								
								a.footerNav {color: #FFFFFF; text-decoration: underline; font-size:12px}
								a.footerNav:link {color: #FFFFFF;}
								a.footerNav:visited {color: #4C2A05;}
								a.footerNav:hover {color: #4C2A05; text-decoration:underline;}
								a.footerNav:active {color: #4C2A05;}							
								
								#copyright {
								float:right;
								font-size:10px;
								padding-right:15px;
								margin-top:30px;
								padding-bottom:15px;
								}
								a.copyright {color: white;}
								a.copyright:link {color: white;  text-decoration: none;}
								a.copyright:visited {color: #4C2A05;}
								a.copyright:hover {color: #4C2A05; text-decoration:underline;}
								a.copyright:active {color: #4C2A05;}	
								
/* -----------------------------------*/
/* --------->>> HOME PAGE <<<-----*/
/* -----------------------------------*/	
/*------------HOME PAGE STRUCTURE-----------------------*/											
#leftcolumn { 
 color: #4C2A05;
 margin: 0px 0px 0px 0px;
 padding-left: 10px;
 padding-right:4px;
 padding-top:10px;
 height: auto;
 width: 510px;
 float: left;
 background: #FFF;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: auto;
 width: 245px;
 display: inline;
 background: #FFF;
 border-left: #CBB677 1px solid;
}

#baserow { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding-top: 15px;
 padding-bottom:10px;
 height: auto;
 width: 780px;
 background: #FFF;
 float: left;
}

/*------------HOME PAGE Typography-----------------------*/

.clear{margin:0; padding:0; clear:both;}
.announcementPost{border-bottom:0px solid #cbb677; margin:0 0 20px 0;}
#announcements {color: #4C2A05; margin: 0px 0px 10px 0px; padding: 5px; height: auto; float: left; line-height:18px;}
#announcements img { margin: 0px 0px 0px 0px; padding: 5px; height: auto; float: left; height: auto; }
#announcements h4 { font-size:14px; font-weight:bold; padding:1px; margin:0; color:#4C2A05; }

#survey {
 float: right;
 padding:15px;
 color: #4C2A05;
 font-size:14px;
 background-color:#CBB677;
 width:215px;
}

.surveyBTN {
 color: #FFF;
 font-size:12px;
 font-weight:bold;
 padding-bottom: 13px;
 width:90px;
 height:40px;
 background: url(../images/survey_btn.jpg) top left no-repeat;
 border:0px;
}

/*-------------Base Columns on HOME PAGE-----------------*/
/*-------IE6 Middle Fix------*/
	#boxLeft{ 
	 margin: 0px 3px 0px 5px;
	 padding: 10px;
	 height: auto;
	 float: left;
	 width: 226px;
	 background-color:#F2EBDD;
	}
	/*-------IE 7 FIX------*/
	*:first-child+html #boxLeft{ 
	 margin: 0px 3px 0px 5px;
	 padding: 10px;
	 height: auto;
	 float: left;
	 width: 236px;
	 background-color:#F2EBDD;
	}
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #boxLeft{ 
	 margin: 0px 3px 0px 5px;
	 padding: 10px;
	 height: auto;
	 float: left;
	 width: 236px;
	 background-color:#F2EBDD;
	}
	
	#boxLeft p { 
	 color: #4C2A05;
	}
	
	#boxLeft img { 
	 margin: 3px;
	 padding: 0px;
	 float: left;
	}
	
	/*-------IE6 Middle Fix------*/
	#boxMiddle{ 
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 height: auto;
	 float:left;
	 width: 246px;
	 background-color:#FFF;
	  border-left: #CBB677 1px solid;
	
	}
	
	/*-------IE 7 FIX------*/
	*:first-child+html #boxMiddle{ 
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 height: auto;
	 float:left;
	 width: 236px;
	 background-color:#FFF;
	  border-left: #CBB677 1px solid;
	
	}
	
	
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #boxMiddle{ 
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 height: auto;
	 float:left;
	 width: 236px;
	 background-color:#FFF;
	  border-left: #CBB677 1px solid;
	
	}
	#boxMiddle p { 
	 color: #4C2A05;
	}
	
	#boxMiddle img { 
	 margin: 3px;
	 padding: 0px;
	 float: left;
	}
	/*-------IE6 Middle Fix------*/
	#boxRight{ 
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 height: auto;
	 float: right;
	 width: 226px;
	 background-color:#FFFFFF;
	  border-left: #CBB677 1px solid;
	
	}
	
	
	/*-------IE 7 FIX------*/
	*:first-child+html #boxRight{ 
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 height: auto;
	 float: right;
	 width: 236px;
	 background-color:#FFFFFF;
	  border-left: #CBB677 1px solid;
	
	}
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #boxRight{ 
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 height: auto;
	 float: right;
	 width: 236px;
	 background-color:#FFFFFF;
	  border-left: #CBB677 1px solid;
	  
	
	}
	
#boxRight p { color: #4C2A05;}
	
#boxRight img {margin: 3px; padding: 0px; float: left;}

/* -----------------------------------*/
/* --------->>> YARN DETAILS <<<-----*/
/* -----------------------------------*/

/*---------------YARN DETAIL STRUCTURE----------------------*/
				#top_image { 
						 color: #333;
						 margin: 0px 0px 0px 0px;
						 padding-top: 10px;
						 padding-bottom:10px;
						 height: auto;
						 width: 780px;
						 background: #fff;
						 float: left;
						 text-align:center;
						}
						/*-------IE6 Left Fix------*/
						#leftYarnDetailColumn { 
						 color: #4C2A05;
						 margin: 0px 0px 0px 5px;
						 padding: 3px;
						 height: auto;
						 width: 230px;
						 float: left;
						 background: #FFF;
						}
						
						/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
					html>body #leftYarnDetailColumn{ 
					     color: #4C2A05;
						 margin: 0px 5px 0px 15px;
						 padding: 5px;
						 height: auto;
						 width: 220px;
						 float: left;
						 background: #FFF;
						}
														
						/*-------IE6 Left Fix------*/								
						#centerYarnDetailColumn { 
						 float: left;
						 margin: 0px 0px 0px 0px;
						 padding: 2px;
						 height: 100%;
						 min-height:auto;
						 width: 150px;
						 background: #FFF;
						}
						/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
						html>body #centerYarnDetailColumn { 
						 float: left;
						 position:relative;
						 margin: 0px 0px 0px 0px;
						 padding: 5px;
						 height: auto;
						 width: 140px;
						 background: #FFF;
						}
					/*-------IE6 Left Fix------*/
						#tabYarnDetailColumn { 
						 float: right;
						 margin: 0px 5px 0px 0px;
						 padding: 0px;
						 height: auto;
						 width: 495px;
						 background: #FFF;
						}
						/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
						html>body #tabYarnDetailColumn { 
						 float: right;
						 margin: 0px 15px 0px 0px;
						 padding: 0px;
						 height: auto;
						 width: 510px;
						 background: #FFF;
						}
						/*-------IE6 Left Fix------*/
						#rightYarnDetailColumn { 
						 float: right;
						 margin: 8px 15px 0px 0px;
						 padding: 5px;
						 height: auto;
						 width: 330px;
						 display: inline;
						 background: #FFF;
						}
						/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
	                     html>body #rightYarnDetailColumn { 
						 float: right;
						 margin: 8px 15px 0px 0px;
						 padding: 5px;
						 height: auto;
						 width: 330px;
						 display: inline;
						 background: #FFF;
						}
#leftcolumnYarn { 
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position:relative;
width: 120px;
height: auto;
}

#rightcolumnYarn { 
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 height: auto;
 float: left;
}

#centerColumn{
border-left: solid 1px #CCC;
margin:0px 0px 0px 0px;
padding:5px;
width:520px;
height:auto;
float:left;
}

html>body #leftcolumnYarn { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
position:relative;
 width: 160px;
  height: auto;
}

html>body #rightcolumnYarn { 
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 height: auto;
 width: 580px;
 float: left;
}

html>body #centerColumn{
border-left: solid 1px #CCC;
margin:0px 0px 0px 90px;
padding:5px;
width:515px;
height:auto;
float:left;
position:relative;
}
	
/*---------------YARN DETAIL PAGE ELEMENTS----------------*/						
.yarnDetailLogo {
 padding-bottom:5px;
 width:auto;
 height:auto;
 margin-left:-25px;
}

.yarnImg {
 width:auto;
 height:auto;
 margin-left: 7px;
}

.yarnDetail {
 padding-bottom:10px;
 padding-top:5px;
 width:215px;
 height:auto;
 background:#F2F2F2;
}
.newTag {
position:absolute;
z-index:501;
float:left;

}

.newSwatchTag {
position:absolute;
z-index:501;
float:left;
margin-top: 16px;
}


.newTagPatternBook {
position:absolute;
z-index:500;
float:left;
margin: 0px 0px 0px 0px;

}

.careIcons {
margin:0px;
}

.detailIcons {
height: auto;
font-size:10px;
color:#4C2A05;
margin:0px;
}
#puzzleImage{
height:8px;
width:56px;
position:absolute;
margin-top:-13px;
}

html>body #puzzleImage{
height:8px;
width:56px;
position:absolute;
margin-top:-8px;
}

#puzzleImageDiscon{
height:8px;
width:56px;
float:left;
position:absolute;
margin:43px 0px 0 -56px;
}

html>body #puzzleImageDiscon{
height:8px;
width:56px;
float:left;
position:absolute;
margin:48px 0px 0 61px;
}

.crochetIcons{
height:56px;
width:37px;
float:right;
position:absolute;
margin:-56px 0px 0px 65px;
}

html>body .crochetIcons{
height:56px;
width:37px;
white-space:nowrap;
float:right;
position:absolute;
margin: -55px 0px 0px 60px;
}

.disConCrochetIcons{
height:56px;
width:37px;
white-space:nowrap;
float:right;
position:absolute;
margin:0px 0px 0px 0px;
}

html>body .disConCrochetIcons{
height:56px;
width:37px;
white-space:nowrap;
float:right;
position:absolute;
margin: 0px 0px 0px 115px;
}

.newCrochetIcons{
height:56px;
width:37px;
white-space:nowrap;
float:right;
position:absolute;
margin:-67px 0px 0px 60px;
}

html>body .newCrochetIcons{
height:56px;
width:37px;
white-space:nowrap;
float:right;
position:absolute;
margin: -68px 0px 0px 60px;
}


 a.rollover {
  display: block;
  width: 120px;
  height: 50px;
  float: left;
  margin:0px;
  background: url(../images/myStuff.gif) top left no-repeat;
 
 }

 a.rollover:hover {
    background-position: -120px 0;
	width:120px;
 }
 
.buyOnline{
position:relative;
float:left;
margin:-18px 0 0 0;
}


/*-----------YARN DETAIL TAB MENU IE 6---------------------*/
#navcontainer
{
float: left;
position:relative;
padding-top:12px;
margin-left:15px;
border-bottom: 3px solid #6a3c09;
}
#navlist
{
padding: 0px;
margin-left: 0px;
font-size:11px;
display:block;

}

#navlist li
{
list-style: none;
margin: 0;
display: inline;

}

#navlist li a
{
padding: 3px;
margin-left: 0px;
background: url(../images/menu_Down.gif) top left no-repeat;
text-decoration: none;

}

#navlist li a:link { color: #FFF; }
#navlist li a:visited { color: #FFF; }

#navlist li a:hover
{
color: #FFF;
background: url(../images/menu_Up.gif) top left no-repeat;

}

#navlist li a#active
{
background: url(../images/menu_Up.gif) top left no-repeat;

}
/*-----------YARN DETAIL TAB MENU OTHER BROWSERS---------*/
html>body #navcontainer
{
float: right;
position:relative;
padding-top:12px;
border-bottom: 3px solid #6a3c09;

}
html>body #navlist
{
padding: 0px;
margin-left: 0px;
font-size:11px;
display:block;

}

html>body #navlist li
{
list-style: none;
margin: 0;
display: inline;

}

html>body #navlist li a
{
padding: 3px;
margin-left: 0px;
background: url(../images/menu_Down.gif) top left no-repeat;
text-decoration: none;

}

html>body #navlist li a:link { color: #FFF; }
html>body #navlist li a:visited { color: #FFF; }

html>body #navlist li a:hover
{
color: #FFF;
background: url(../images/menu_Up.gif) top left no-repeat;

}

html>body #navlist li a#active
{
background: url(../images/menu_Up.gif) top left no-repeat;

}

/*-----------Pagination: Digg Style FOR YARN DETAIL & PATTERNS------------*/
/*-----------Pagination: Digg Style IE 6 FIX------------*/	
#pagination ul { width: auto; background: #000; border:0; margin:0; padding:0; float:left; list-style: none;}
#pagination li { border:0; margin:0; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
#pagination a  { border:solid 1px #A6600C; margin-right:1px; }
#pagination .previous-off, #pagination .next-off { display:block; float:left; font-weight:bold; margin-right:0; padding:0; height:17px; }
#pagination .next a, #pagination .previous a { display:block; float:left; font-weight:bold; border:0; margin:0; padding:0; height:17px;}	
#pagination .active { background: #CBB677; color:#4C2A05; font-weight:bold; float:left; position: relative; padding:0px 0px 0px 0px; margin:0px 2px 0px 0px; width:13px; }
#pagination .activeNum { background: #CBB677; color:#4C2A05;  float:left; padding:2px 0px 0px 5px; margin:0px 3px 0px 0px; height:17px;width:15px; 
						font-size:10px; font-weight:bold; display:block;}
#pagination a:link, #pagination a:visited { color:#A6600C; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pagination a:visited   { color:#A6600C; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pagination a:hover     { border:solid 1px #A6600C; background-color: #CBB677; }
#pagination .display{ color:#4C2A05; font-size:10px; display:block; float:left; padding:3px 2px; margin:0px 0px 0px 0px;}

/*-----------Pagination: Digg Style ALL BROWSERS------------*/
html>body #pagination ul { width: 300px; background: #000; border:0; margin:0; padding:0; float:left; list-style: none;}
html>body #pagination li { border:0; margin:0; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
html>body #pagination a  { border:solid 1px #A6600C; margin-right:2px; }
html>body #pagination .previous-off, #pagination .next-off { display:block; float:left; font-weight:bold; margin-right:0; padding:0; }
html>body #pagination .next a, #pagination .previous a { display:block; float:left; font-weight:bold; border:0; margin:0; padding:0;}	
html>body #pagination .active { background: #CBB677; color:#4C2A05; font-weight:bold; display:block; float:left; padding:0px 0px 0px 0px; margin-right:2px;  width:15px; }
html>body #pagination .activeNum { background: #CBB677; color:#4C2A05;  float:left; padding:2px 0px 0px 6px; margin:0px 2px 0px 0px; height:15px;width:11px; font-size:10px; font-weight:bold; display:block;}
html>body #pagination a:link, #pagination a:visited { color:#A6600C; display:block; float:left; padding:1px 4px; text-decoration:none; }
html>body #pagination a:visited   { color:#A6600C; display:block; float:left; padding:1px 4px; text-decoration:none; }
html>body #pagination a:hover     { border:solid 1px #A6600C; background-color: #CBB677; }
html>body #pagination .display{ color:#4C2A05; font-size:10px; display:block; float:left; padding:3px 2px; margin:0px 0px 0px 0px;}

/*-----------Pagination: Digg Style IE 6 FIX------------*/	
#pageFilter ul { width: auto; background: #000; border:0; margin:0; padding:0; float:left; list-style: none;}
#pageFilter li { border:0; margin:0; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
#pageFilter a  { border:solid 0px #A6600C; margin-right:1px; }
#pageFilter .previous-off, #pageFilter .next-off { display:block; float:left; font-weight:bold; margin-right:0; padding:0; height:17px; }
#pageFilter .next a, #pageFilter .previous a { display:block; float:left; font-weight:bold; border:0; margin:0; padding:0; height:17px;}	
#pageFilter .active { color:#4C2A05; font-weight:bold; float:left; position: relative; padding:0px 0px 0px 0px; margin:0px 2px 0px 0px; width:13px; }
#pageFilter .activeNum {color:#4C2A05;  float:left; padding:2px 0px 0px 5px; margin:0px 3px 0px 0px; height:17px;width:15px; 
						font-size:10px; font-weight:bold; display:block;}
#pageFilter a:link, #pageFilter a:visited { color:#A6600C; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pageFilter a:visited   { color:#A6600C; display:block; float:left; padding:1px 4px; text-decoration:none; }
#pageFilter a:hover     { color:#4C2A05;}
#pageFilter .display{ color:#4C2A05; font-size:10px; display:block; float:left; padding:3px 2px; margin:0px 0px 0px 0px;}

/*-------------YARN DETAIL SWATCHES---------------------*/

/*-------IE6 Left Fix------*/
table.swatch {
padding:0px;
margin:5px;

}
/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
html>body table.swatch {
padding:0px;


}
/*-------IE6 Left Fix------*/
img.swatch {
 border:1px solid #CCC;
margin-right:5px;
float:left;
 width:74px;
 height:48px;
 position:relative;
}
/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
 html>body img.swatch {
 border:1px solid #CCC;
margin-right:3px;
 width:74px;
 height:48px;
 position:relative;
 float:left;
 
}
 /*-------IE6 Left Fix------*/
td.swatch {
 margin:5px;

}
/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
html>body td.swatch {
 width:80px;
 padding:5px;

}
 /*-------IE6 Left Fix------*/
p.swatch {
color:#4C2A05;
font-size:10px;
padding-bottom:4px;
padding-top:3px;
padding-left:3px;
display:block;
height:75px;
} 
/*-------ALL OTHER BROWSER SUPPORT FOR LEFT YARN DETAIL COLUMN------*/
html>body p.swatch {
color:#4C2A05;
font-size:10px;
padding-bottom:5px;
padding-top:5px;
padding-left:3px;
display:block;
height:75px;
} 
 
 
/*-------------YARN DETAIL PAGE TYPOGRAPHY--------------*/
.yarnTextDetails {
font-size:12px;
}
.yarnTextDetails li {
list-style:disc;
display:list-item;
margin-left: 15px;
color:#4C2A05;
font-size:12px;
}

.monitorSettings {
font-size:10px;
padding-bottom:5px;
padding-top:10px;
color:#999999;
}

 
  /* -----------------------------------*/
/* --------->>> WHATS NEW <<<-----*/
/* -----------------------------------*/

/*---------------WHATS NEW 4 HEADERS----------------------*/
.newBlocks {
float:left;
border: 5px solid #CBB677;
margin:4px;
padding:8px;

}

html>body .newBlocks {
float:left;
border: 0px;
margin:6px;
padding:8px;
background-color:#CBB677;
}

/*---------------WHATS NEW PAGE ELEMENTS----------------------*/
.rssIcon {
float:left;
border:0;
margin-top:18px;
margin-right: 5px;
background:#FFF;
}

html> body .rssIcon {
float:left;
border:0;
padding-top:5px;
padding-right: 5px;
background:#FFF;
}

hr {
border: 0;
width: 100%;
background-color: #4C2A05;
height: 2px;
margin-bottom:3px;
margin-top:0px;

}

 a.viewPattern_BTN {
  display: block;
  width: 120px;
  height: 50px;
  float: left;
  margin:0px;
  background: url(../images/rollOverVIEW.gif) top left no-repeat;
 
 }

 a.viewPattern_BTN:hover {
    background-position: -120px 0;
	width:120px;
 }
 
 
/*---------------WHATS NEW PAGE BLOCKS----------------------*/
#newBlocks { 
 color: #333;
 margin: 10px 10px 5px 0px;
 padding-top: 5px;
 padding-bottom:5px;
 height: auto;
 width: 740px;
 background: #FFF;
 float: left;
}

html>body #newBlocks { 
 color: #333;
 margin: 5px 0px 5px 0px;
 padding-top: 5px;
 padding-bottom:5px;
 height: auto;
 width: 760px;
 background: #FFF;
 float: left;
}

.newYarnImg{
max-width:190px;

}

.whatsNewYarnLogo{
float:right;
margin: 0px 0px 0px 0px;
position:relative;
}
										
/*-------------NEW YARNS BLOCK------*/
/*-------IE6 Middle Fix------*/
#newYarnLeft{ 
  margin: 0px 5px 0px 5px;
 padding: 0px;
 height: auto;
 float: left;
 width: 140px;
 background-color:#FFF;
}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newYarnLeft{ 
 margin: 0px 5px 0px 5px;
 padding: 0px;
 height: auto;
 float: left;
 width: 160px;
 background-color:#FFF;
}

/*-------IE6 Middle Fix------*/
#newYarnMiddle{ 
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: auto;
 float:left;
 width: 350px;
border-left: #CBB677 2px solid;
border-right: #CBB677 2px solid;


}
													
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newYarnMiddle{ 
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: auto;
 float:left;
 width: 325px;
border-left: #CBB677 2px solid;
border-right: #CBB677 2px solid;


}
/*-------IE6 RIGHT Fix------*/
#newYarnRight{ 
 margin: 0px 0px 0px 0px;
 padding: 5px;
 padding-bottom:30px;
 height: auto;
 float: left;
 width: 90px;
 

}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newYarnRight{ 
 margin: 0px 0px 0px 0px;
 padding: 5px;
 padding-bottom:30px;
 height: auto;
 float: left;
 width: 100px;
  
}


/*-------IE6 RIGHT Fix------*/
#newYarnRight2{ 
 margin: 0px 0px 0px 10px;
 padding: 0px;
 height: auto;
 float: left;
 width: 90px;
														
}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newYarnRight2{ 
 margin: 0px 0px 0px 20px;
 padding: 0px;
 height: auto;
 float: left;
 width: 100px;
}

.newSwatch {
color:#4C2A05;
font-size:10px;
display:block;
width:25px;
} 

										
										
/*-------------NEW FREE PATTERNS BLOCK------*/
	/*-------IE6 Middle Fix------*/
	#newFreePatternsLeft{ 
	margin: 0px 5px 0px 5px;
	 padding: 0px;
	 height: auto;
	 float: left;
	 width: 120px;
	 
	}
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #newFreePatternsLeft{ 
	 margin: 0px 5px 0px 5px;
	 padding: 0px;
	 height: auto;
	 float: left;
	 width: 125px; 
	 
	}

	/*-------IE6 Middle Fix------*/
	#newFreePatternsMiddle{ 
	margin: 0px 0px 5px 0px;
	 padding: 5px;
	 height: auto;
	 float:left;
	 width: 275px;
	border-right: #CBB677 2px solid;
	background-color:#f0e5c4;
	border-left: #CBB677 2px solid;
		
	}
														
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #newFreePatternsMiddle{ 
	 margin: 0px 0px 5px 0px;
	 padding: 5px;
	 height: auto;
	 float:left;
	 width: 290px;
	border-right: #CBB677 2px solid;
	border-left: #CBB677 2px solid;
	background-color:#f0e5c4;
	}
/*-------IE6 RIGHT Fix------*/
	#newFreePatternsRight{ 
	 margin: 0px 0px 0px 0px;
	 padding: 5px;
	 padding-bottom:20px;
	 height: auto;
	 float: left;
	 width: 100px;
	}

	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #newFreePatternsRight{ 
	 margin: 0px 0px 0px 0px;
	 padding: 5px;
	 padding-bottom:20px;
	 height: auto;
	 float: left;
	 width: 110px;
	  
	}
	
	
	/*-------IE6 RIGHT Fix------*/
	#newFreePatternsRight2{ 
	 margin: 0px 5px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float: right;
	 width: 170px;
	 background:#FFF;
															
	}
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #newFreePatternsRight2{ 
	 margin: 0px 5px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float: right;
	 width: 185px;
	 background:#FFF;
	}
							
/*-------------NEW PATTERN BOOK BLOCK------*/
	/*-------IE6 Middle Fix------*/
	#newPatternBookLeft{ 
	margin: 0px 5px 0px 5px;
	 padding: 0px;
	 height: auto;
	 float: left;
	 width: 140px;
	 border-right: #CBB677 2px solid
	}
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #newPatternBookLeft{ 
	 margin: 0px 5px 0px 5px;
	 padding: 0px;
	 height: auto;
	 float: left;
	 width: 145px; 
	 border-right: #CBB677 2px solid
	}

	/*-------IE6 Middle Fix------*/
	#newPatternBookMiddle{ 
	 margin: 0px 0px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float:left;
	 width: 230px;
	
		
	}
														
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #newPatternBookMiddle{ 
	 margin: 0px 0px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float:left;
	 width: 240px;
	
	}
/*-------IE6 RIGHT Fix------*/
	#newPatternBookRight{ 
	  margin: 0px 0px 5px 0px;
	 padding: 5px;
	 padding-bottom:30px;
	 height: auto;
	 float: left;
	 width: 110px;
	 border-left: #CBB677 2px solid;
	border-right: #CBB677 2px solid;
	}

	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #newPatternBookRight{ 
	 margin: 0px 0px 5px 0px;
	 padding: 0px 5px 0px 5px;
	 padding-bottom:30px;
	 height: auto;
	 float: left;
	 width: 120px;
	 border-left: #CBB677 2px solid;
	 border-right: #CBB677 2px solid;
	}
	
	
	/*-------IE6 RIGHT Fix------*/
	#newPatternBookRight2{ 
	 margin: 0px 5px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float: right;
	 width: 200px;
	 background:#FFF;
	 
															
	}
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #newPatternBookRight2{ 
	 margin: 0px 5px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float: right;
	 width: 200px;
	 background:#FFF;
	
	}
	
	/** Pattern Book's Yarn Images CSS on Whatsnewpage**/
	#newPatternBookYarns{
		float:left;
		height:90px;
		width:90px;
		margin: 0px 3px 0px 0px;
	}
														

a.patternBooks {color: #A6600C;  font-size:11px;display: block;}
a.patternBooks:link {color: #A6600C;  text-decoration: none;}
a.patternBooks:visited {color: #CBB677;}
a.patternBooks:hover {color: #4C2A05; text-decoration:underline;}
a.patternBooks:active {color: #A6600C;}


/*-------------NEWSLETTER BLOCK------*/
/*-------IE6 Middle Fix------*/
#newsletterLeft{ 
 margin: 0px 5px 0px 10px;
 padding: 0px;
 min-height:12.5em;
height:auto !important;
height:12.5em;
 float: left;
 width: 200px; 
}
#newsletterMiddle{ 
 margin: 0px 25px 0px 10px;
 padding: 0px;
min-height:12.5em;
height:auto !important;
height:12.5em;
 float:right;
 width: 500px;
}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newsletterLeft{ 
 margin: 0px 5px 0px 5px;
 padding: 0px;
 min-height: 12.5em;
 float: left;
 width: 200px; 
 }
html>body #newsletterMiddle{ 
 margin: 0px 5px 0px 0px;
 padding: 0px;
 min-height: 12.5em;
 float:right;
 width: 500px;
}


.smallPrint{
font-size:10px;
color:#4C2A05;
float:left;
padding-top:5px;

}

.smallLabelPrint{
font-size:10px;
color:#4C2A05;
float:left;
margin: 0px 0px 0px 170px;
}

.newsletterTag {
position:relative;
z-index:995;
float:left;

}
/*---------UNORDRED NEWSLETTER ARCHIVE LIST----*/

/*-------IE6 Middle Fix------*/
.newsletterArchive {
width:500px;
height:auto;
padding:0px;
margin:0px;
float:left;
position:relative;

}
/*-------IE6 Middle Fix------*/
.newsletterArchive2 {
width:170px;
height:auto;
padding:0px;
margin-right:40px;
float:right;
position:relative;
}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body .newsletterArchive {
width:500px;
padding:0px;
margin:0px;
float:left;
position:relative;

}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body .newsletterArchive2 {
width:230px;
padding:0px;
margin:0px;
float:right;
position:relative;
}

/* -----------------------------------*/
/* --------->>> PATTERN BOOKS<<<-----*/
/* -----------------------------------*/

/*----------PATTERN BOOK STRUCUTRE------PATTERN STRUCTURE AS WELL-----------------------------------------------*/
#leftcolumnPB { 
 float: left;
 color: #333;
 margin: 20px 0px 10px 0px;
 padding: 0px 0px 5px 5px;
height: auto;
position:relative;
 width: 155px;
 display: inline;
 background: #FFF;
 border-right: #CBB677 1px solid;
}

#rightcolumnPB { 
 color: #4C2A05;
 margin: 10px 0px 0px 0px;
 padding:10px 4px 0px 10px;
 height: auto;
 width: 595px;
 float: left;
 background: #FFF;
}

#rightcolumnPB_shop {
 color: #4C2A05;
 margin: 0px;
 padding:0px;
 height: auto;
 width: 412px;
 float: left;
 background: #FFF;
}

html>body #leftcolumnPB { 
 float: left;
 color: #333;
 margin: 20px 0px 10px 0px;
 padding: 0px 0px 5px 5px;
 height: auto;
 position:relative;
 width: 155px;
 display: inline;
 background: #FFF;
 border-right: #CBB677 1px solid;
}

html>body #rightcolumnPB { 
 color: #4C2A05;
 margin: 10px 0px 0px 0px;
 padding-left: 10px;
 padding-right:4px;
 padding-top:10px;
 height: auto;
 width: 595px;
 float: left;
 background: #FFF;
}

html>body #rightcolumnPB_shop {
 color: #4C2A05;
 margin: 0px;
 padding: 0px;
 height: auto;
 width: 412px;
 float: left;
 background: #FFF;
}

/*----------PATTERN BOOK SUB MENU-------FREE PATTERNS SUB MENU AS WELL--------------------*/
	
.patternBookSubMenu ul {
	list-style: none;
	margin-left: 0;
	width: 150px;
	margin: 0px;
	}
	
.patternBookSubMenu ul li {
	color:#A6600C;
}	
.patternBookSubMenu li h4 {
	height:auto;
	margin:10px 0 0 0;
	position:relative;
    display:block;
	text-decoration: none;
	list-style: none;
	}
html>body .patternBookSubMenu li h4 {
	height:auto;
	margin:3px 0 0px 0;
	position:relative;
    display:block;
	text-decoration: none;
	list-style: none;
	}	
		
.patternBookSubMenu li a {
	height:5px;
    display:block;
	text-decoration: none;
	list-style: none;
	}	
	
.patternBookSubMenu li a:link, .patternBookSubMenu li a:visited {
	color: #A6600C;
	display: block;
	list-style: none;
	background: #FFF;
	border-bottom:1px solid #CBB677;
	padding: 3px 0 3px 5px;
	}
	
.patternBookSubMenu li a:hover {
	color: #A6600C;
	list-style: none;
	background: #CBB677;
	border-bottom:1px solid #CBB677;
	padding: 3px 0 3px 5px;
	}

/** Patternbook patterns **/
.patternsFromBook .pbPatternsDesc{
   width:400px;
}

.patternsFromBook .pbPatternsMoreImagesText{
   clear:left;
}
	
html>body .patternBookSubMenu ul {
	list-style: none;
	margin-left: 0;
	width: 150px;
	margin: 0px;
	}
	
html>body .patternBookSubMenu li a {
	height:auto;
	display:block;
	text-decoration: none;
	list-style: none;
}	

html>body .patternBookSubMenu ul li {
	color:#A6600C;
}
	
html>body .patternBookSubMenu li a:link, .patternBookSubMenu li a:visited {
	color: #A6600C;
	display: block;
	background: #FFF;
	list-style: none;
	border-bottom:1px solid #CBB677;
	padding: 3px 0 3px 5px;
	}
	
html>body .patternBookSubMenu li a:hover {
	color: #A6600C;
	background: #CBB677;
	border-bottom:1px solid #CBB677;
	padding: 3px 0 3px 5px;
	list-style: none;
	}
	
#PSYarnList li a{
height:auto;
display:block;
}
#listTitleYarns {
background:#f0e5c4;
color:#A6600C;
font-weight:bold;
font-size:12px;
padding:3px 0 3px 5px;
margin:15px 5px 0px 0;
}

html>body #listTitleYarns {
background:#f0e5c4;
color:#A6600C;
font-weight:bold;
font-size:12px;
padding:3px 0 3px 5px;
margin:15px 5px 0px 0;
}

#listTitle {
background:#f0e5c4;
color:#A6600C;
font-weight:bold;
font-size:12px;
padding:3px 0 3px 5px;
margin:15px 5px -10px 0;
}

html>body #listTitle {
background:#f0e5c4;
color:#A6600C;
font-weight:bold;
font-size:12px;
padding:3px 0 3px 5px;
margin:15px 5px 0px 0;
}

a.showHide {color: #4C2A05; text-decoration: underline; font-size:10px; font-weight:normal;}
a.showHide:link {color: #4C2A05;}
a.showHide:visited {color: black;}
a.showHide:hover {color: black; text-decoration:none;}
a.showHide:active {color: black;}

/*----------PATTERN BOOK GRID & FREE PATTERNS GRID AS WELL----------------------------------------*/
	/*-------IE6 Middle Fix------*/
	#pbGridLeft{ 
	 margin: 0px .3em 1em .3em;
	 padding: 5px;
	 float: left;
	 width: 9em; 
	 background: #FFF;
	 vertical-align:top;
	 min-height:33em;
  	height:auto !important;
  	height:33em;
	border-right:1px solid #E8E8E8;
}
	
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #pbGridLeft{ 
	 margin: 0px .3em 1em .3em;
	 padding: 5px;
	 min-height: 31em;
	 float: left;
	 width: 9em; 
	 background: #FFF;
	 vertical-align:top;
	 border-right:1px solid #E8E8E8;
	 
	}					

/*----------PATTERN BOOK PAGE ELEMENTS--------------------*/
	
.patternBookGridImages {
position:relative;
padding: 0px 0px 5px 0px;
vertical-align:top;
}
/* ------------------------------------------------*/
/* --------->>> PATTERN BOOK DETAIL PAGE <<<-----*/
/* -----------------------------------------------*/

/*-------------PATTERN BOOK PAGE TYPOGRAPHY--------------*/
a.showMe {color: #A6600C; text-decoration: underline; font-size:10px}
a.showMe:link {color: #A6600C;}
a.showMe:visited {color: #Cbb677;}
a.showMe:hover {color: #4C2A05; text-decoration:underline;}
a.showMe:active {color: #4C2A05;}

.bookDesc{
font-size:11px;
color:#4C2A05;


}	

.navFilter{
background:#f0e5c4;
padding:5px;
margin:5px;
color:#A6600C;


}

/*----------PATTERN BOOK LARGE IMAGE-----------------------------------------------------*/

.patternBookLarge {
float:left;
position:relative;
padding: 0px 5px 0px 0px;
margin: 0px 5px 10px 0px;

}

.patternBookPatterns {
float:left;
position:relative;
padding: 0px 5px 0px 0px;
margin: 0px 5px 10px 0px;

}

.patternBookDetail{
float:left;
margin: 0px 0px 0px 0px;
position:relative;
padding:0px;
width:280px;

}

html>body .patternBookDetail{
float:left;
margin: 0px 0px 0px 0px;
position:relative;
padding:0px;
width:300px;

}
.patternsFromBook {
float:left;
position:relative;
width:550px;
padding:5px;
display:inline;
}

/* ------------------------------------------------*/
/* --------->>> PATTERN PAGE <<<--------------------*/
/* -----------------------------------------------*/

	
/*----------PATTERN GRID---------------------------------------*/
	/*-------IE6 Middle Fix------*/
	#pGridLeft{ 
	 margin: 0px .3em 1em .3em;
	 padding: 5px;
	 float: left;
	 width: 9em; 
	 background: #FFF;
	 vertical-align:top;
	 min-height:38em;
  	height:auto !important;
  	height:38em;
	border-right:1px solid #E8E8E8;
	 
	}
	
	#pGridLeft_cp{ 
	 margin: 0px .3em 1em .3em;
	 padding: 5px;
	 float: left;
	 width: 9em; 
	 background: #FFF;
	 vertical-align:top;
	 min-height:30em;
  	height:auto !important;
  	height:30em;
	border-right:1px solid #E8E8E8;
	 
	}

   #pGridLeft_shop{
      margin: 0px;
      padding: 5px;
      float: left;
      width: 9em;
      background: #FFF;
      vertical-align:top;
      min-height:38em;
      height:auto !important;
      height:38em;
      border-right:1px solid #E8E8E8;
   }
	
	
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #pGridLeft{ 
	 margin: 0px .3em .3em .3em;
	 padding: 5px;
	 min-height: 39em;
	 float: left;
	 width: 9em; 
	 background: #FFF;
	 vertical-align:top;
	 border-right:1px solid #E8E8E8; 
	}
	
	html>body #pGridLeft_cp{ 
	 margin: 0px .3em .3em .3em;
	 padding: 5px;
	 min-height: 30em;
	 float: left;
	 width: 9em; 
	 background: #FFF;
	 vertical-align:top;
	 border-right:1px solid #E8E8E8; 
	}

	html>body #pGridLeft_shop{
	 margin: 0px;
	 padding: 5px;
	 min-height: 39em;
	 float: left;
	 width: 9em;
	 background: #FFF;
	 vertical-align:top;
	 border-right:1px solid #E8E8E8;
	}
	
.yarnsUsed{ 
	 margin: 0em 0em 0em 0em;
	 padding: 4px;
	 min-height: 0em;
	 float: left;
	 width: 10em; 
	 background: #FFF;
	 vertical-align:top;
	 font-size:11px; 
}


.addIcon {
float:right;
position:relative;
margin:0px 8px 0px 0px;


}	
.viewDetails{
float:left;
font-size:12px;
margin: 15px 0px 0px 0px;
font-weight:bold;
}

.patternSearch{
background:#f0e5c4;
padding:5px;
margin:5px;
color:#A6600C;
font-size:16px;
font-weight:bold;
}
 .searchBox{
background:#F2F2F2;
border: 1px solid #CCC;
padding-top:0px;
margin:0px 5px 0px 5px;
font-size:10px;
font-weight:bold;
color:#333;
height:20px;
}

.advancedYarnSearch {
font-size:10px;
font-weight:normal;
}

html>body .patternSearch{
background:#f0e5c4;
padding:5px;
margin:5px;
color:#A6600C;
font-size:16px;
font-weight:bold;
}
html>body .searchBox{
background:#F2F2F2;
border: 1px solid #CCC;
padding:5px;
margin:0px;
font-size:10px;
font-weight:bold;
color:#333;
height:auto;
}

html>body .advancedYarnSearch {
font-size:10px;
font-weight:normal;
}


/* ------------------------------------------------*/
/* --------->>> OUR YARNS PAGE/ STRUCTURE<<<--------------------*/
/* -----------------------------------------------*/

/*-------IE6 Middle Fix------*/
	#yarnsGrid{ 
	 margin: 0px .1em 1em .1em;
	 padding: 3px;
	 float: left;
	 min-width: 10em; 
	 width:auto !important;
  	width:10em;
	 background: #FFF;
	 vertical-align:top; 
	 min-height:12em;
  	height:auto !important;
  	height:16em;
	border-right:1px solid #E8E8E8;	 
	}
	
	#yarnsGridStore{ 
	 margin: 0px .1em 1em .1em;
	 padding: 3px;
	 float: left;
	 min-width: 10em; 
	 width:auto !important;
  	width:10em;
	 background: #FFF;
	 vertical-align:top; 
	 min-height:10em;
  	height:auto !important;
  	height:11em;
	border-right:1px solid #E8E8E8;	 
	}	

		
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #yarnsGrid{ 
	  margin: 0px .1em 1em .1em;
	 padding: 3px;
	 min-height: 16em;
	 float: left;
	 min-width: 11em; 
	 background: #FFF;
	 vertical-align:top;
	 border-right:1px solid #E8E8E8;
	 
	}

	html>body #yarnsGridStore{ 
	  margin: 0px .1em 1em .1em;
	 padding: 3px;
	 min-height: 11em;
	 float: left;
	 min-width: 11em; 
	 background: #FFF;
	 vertical-align:top;
	 border-right:1px solid #E8E8E8; 
	}	
	
.yarnBallGrid {
 padding: 5px 0px 5px 0px;
margin: 2px 2px 2px 2px;
 width:160px;
 height:auto;
 background:#F2F2F2;
}

.yarnGridDetailContainer {
margin:0px 0px 0px 2px;
position:relative;
width: 175px;
height:auto;
}
.productSwatch {
float:left;
margin: 0px 5px 0px 0px;
position:relative;
width:74px;
height:48px;
}
.productDetails {
float:left;
position:relative;
font-size:12px;
margin: 0px 0px 0px 0px;
font-weight:bold;

}
.addProductIcon {
float:left;
position:relative;
margin:5px 0px 0px 0px;
width:30px;
height:30px;
}
/* ------------------------------------------------*/
/* --------->>> FAQ <<<--------------------*/
/* -----------------------------------------------*/
.faqHead{
background:#f0e5c4;
padding:5px 0px 5px 5px;
margin:0px 0px 5px 0px;
color:#4C2A05;
font-size:16px;
font-weight:bold;
width:90%;
}



/* ------------------------------------------------*/
/* --------->>> MEMBERSHIP LOGIN <<<--------------------*/
/* -----------------------------------------------*/


.memberSignIn{
padding:5px;
margin:5px 5px 5px 50px;
color:#A6600C;
font-size:16px;
font-weight:bold;
width:500px;
height:auto;
}

#ProjectColourChangerLogin .memberSignIn{
	margin:0px;
	width:400px;
}

.storeLocator{

padding:5px;
margin:5px 5px 5px 30px;
color:#A6600C;
font-size:16px;
font-weight:bold;
width:auto;
height:auto;
}

#storeMain{
 margin: 0px 0px 0px 6px;

}

.memberSignUp{
padding:5px;
margin:5px 5px 5px 5px;
color:#A6600C;
font-size:12px;
font-weight:bold;
width:500px;
height:auto;
}

.forgetPass{
margin-left:165px;
}

.membersMSG{
background:#f0e5c4;
padding:5px 0px 5px 5px;
margin:0px 0px 5px 0px;
color:#4C2A05;
font-size:11px;
position:relative;
z-index:450;
width:100%;
}

/*----------MEMBERSHIP ELEMENTS-----------------------------------------------------*/
.memberIconBar {
position:relative;
z-index:505;
margin:0;
padding:0;
float: right;
margin:8px 0px 0px 0px;
}

.memberDownloadPattern{ 
	 margin: 0em 0em 0em 0em;
	 padding: 4px;
	 float: left;
	 text-align:left;
	 width: auto; 
	font-size:10px; 
}
/*----------MEMBERSHIP STRUCUTRE-----------------------------------------------------*/
#leftcolumnMember { 
 float: left;
 color: #333;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 5px 5px;
min-height: 100%;
 width: 175px;
 display: inline;
 background: #FFF;
 border-right: #CBB677 1px solid;
}

#rightcolumnMember { 
 color: #4C2A05;
 margin: 10px 0px 0px 0px;
 padding:0px 4px 0px 10px;
 height: auto;
 width: 555px;
 float: left;
 background: #FFF;
}

html>body #leftcolumnMember { 
 float: left;
 color: #333;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 5px 5px;
height: 100%;
 width: 175px;
 display: inline;
 background: #FFF;
 border-right: #CBB677 1px solid;
}

html>body #rightcolumnMember { 
 color: #4C2A05;
 margin: 10px 0px 0px 0px;
 padding:0px 4px 0px 10px;
 height: auto;
 width: 555px;
 float: left;
 background: #FFF;
}

/*-------IE6 Middle Fix------*/
	#memberGrid{ 
	 margin: 0px .1em 1em .3em;
	 padding: 3px;
	 float: left;
	 width:160px; 
     background: #e8e8e8;
	 vertical-align:top; 
	 min-height:16em;
  	height:auto !important;
  	height:18em;
	 
	}
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #memberGrid{ 
	  margin: 0px .3em .5em 0em;
	 padding: 3px;
	 min-height: 20em;
	 float: left;
	 position:relative;
	 width: 174px; 
	 background: #e8e8e8;
	 vertical-align:top;
	}
	
.memberImgGrid {
 padding: 5px 5px 5px 5px;
margin: 2px 2px 2px 2px;
 width:160px;
 height:auto;
 background:#F2F2F2;
}	

/*----------MEMBERSHIP MAIN PAGE RSS READER-----------------------------------------------------*/
.accordianBox{background:#EEE; border: 1px solid #CCC; float:left; position:relative; width:550px; height:auto; margin:5px; padding:5px;}
.accordianHead{color:#4C2A05; font-size:14px; display: block; width: 550px; height: 35px; float: left; margin:0 0 5px 0; background: #f0e5c4 url(../images/rss_minus.jpg) top right no-repeat;}
.accordianHeadMinus{color:#4C2A05; font-size:14px; display: block; width: 550px; height: 35px; float: left; margin:0px; background: #e3d4a8 url(../images/rss_plus.jpg) top right no-repeat}


.accordianBody{background: #FFF; color:#4C2A05; font-size:12px; padding:5px;}
.accordianBodyNoDisplay{display:none;}

#accordianHeadnewpatterns, #accordianHeadnewyarns, #accordianHeadnewpatternbooks{font-size: 16px; font-weight:bold;}
.noDisplay{display:none;}

.accordianTitle{width: 20px; height: 18px; float: left; background:url(../images/KnobAdd.png) left no-repeat; margin:0; padding:0;}
.accordianTitleMinus{width: 20px; height: 18px; float: left; background:url(../images/KnobRemove.png) left no-repeat;}

.accordianBodyDetails{margin: 5px 0px 0px 20px; padding:5px; background:#F2F2F2;}
.accordianBodyDetailsNoDisplay{display:none;}



/*----------MEMBERSHIP MAIN MENU--------------------*/
	
memberMenu ul {
	list-style: none;
	margin-left: 0;
	width: 175px;
	margin: 0px;
	}
	
.memberMenu li a {
	height: 40px;
	text-decoration: none;
	list-style: none;
	}	
	
.memberMenu li a:link, .memberMenu li a:visited {
	color: #A6600C;
	display: block;
	background: #FFF;
	border-bottom:1px solid #CBB677;
	padding: 8px 0px 2px 10px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	list-style: none;
	}
	
.memberMenu li a:hover {
	color: #A6600C;
	background: #CBB677;
	border-bottom:1px solid #CBB677;
	padding: 8px 0px 2px 10px;
	list-style: none;
	}
	
	
html>body .memberMenu ul {
	list-style: none;
	margin-left: 0;
	width: 175px;
	margin: 0px;
	}
	
html>body .memberMenu li a {
	height: 24px;
	text-decoration: none;
	list-style: none;
	}	
	
html>body .memberMenu li a:link, html>body .memberMenu li a:visited {
	color: #A6600C;
	display: block;
	background: #FFF;
	border-bottom:1px solid #CBB677;
	padding: 8px 0px 2px 10px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	list-style: none;
	}
	
html>body .memberMenu li a:hover {
	color: #A6600C;
	background: #CBB677;
	border-bottom:1px solid #CBB677;
	padding: 8px 0px 2px 10px;
	list-style: none;
	}	

/*----------DISCONTINUED YARNS PAGE--------------------*/
#disconRow { 
 margin: 0px 0px 0px 0px;
 padding-top: 0px;
 padding-bottom:0px;
 height: auto;
 width:770px;
 background: #FFF;
 float: left;
}

/*-------------Base Columns on DISCONTINUED AREA-----------------*/
/*-------IE6 Middle Fix------*/
	#disconBoxLeft{ 
	 margin: 0px 0px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float: left;
	 width: 226px;
	 background-color:#FFF;
	}
	
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #disconBoxLeft{ 
	 margin: 10px 0px 0px 0px;
	 padding: 0px;
	 height: auto;
	 float: left;
	 width: 220px;
	 background-color:#FFF;
	}
	
	
	/*-------IE6 Middle Fix------*/
	#disconBoxMiddle{ 
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 height: auto;
	 float:left;
	 width: 246px;
	 background-color:#FFF;
	
	}
	
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #disconBoxMiddle{ 
	 margin: 0px 3px 0px 5px;
	 padding: 10px;
	 height: auto;
	 float:left;
	 width: 230px;
	 background-color:#FFF;
	
	}
	/*-------IE6 Middle Fix------*/
	#disconBoxRight{ 
	 margin: 0px 0px 0px 0px;
	 padding: 10px;
	 height: auto;
	 float: right;
	 width: 226px;
	 background-color:#FFF;
	
	}
	
	/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
	html>body #disconBoxRight{ 
	 margin: 0px 3px 0px 5px;
	 padding: 10px;
	 height: auto;
	 float: left;
	 width: 240px;
	 background-color:#FFF;
	  	
	}
	
	html>body #disconTitleBox{
 	 margin: 0px 0px 5px 5px;
	 padding: 0px 0px 0px 0px;

	 float:left;
	 width: 520px;
	 background-color:#FFF;	
	 border-bottom: 2px solid #4C2A05;
	
	}
	
	
.followingYarnsHead{
background:#f0e5c4;
padding:5px 0px 5px 5px;
margin:0px 5px 15px 15px;
width:740px;
font-size:16px; font-weight:bold; color:#4C2A05;
	}
	
.yarnGridDisconContainer {
margin:0px 0px 0px 0px;
position:relative;
width: 185px;
height:auto;
}
	
html>body .yarnGridDisconContainer {
margin:0px 0px 0px 0px;
position:relative;
width: 180px;
height:auto;
}
.disconLogo {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	max-width:100px;
  	width:auto !important;
  	width:100px;
	}
	
	
html>body .disconLogo {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	max-width:100px;
	}	

.productDisconSwatch {
float:left;
margin: 10px 5px 0px 0px;
position:relative;
width:74px;
height:48px;
}


/*----------------STORE LOCATOR--------------*/

.odd {
background: #f0e5c4;
}

.even {
background: #CBB677;
}


/*----------E-TAILERS AREA STRUCTURE-----------------------------------------------*/
#leftcolumnE-T { 
 float: left;
 color: #333;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 5px 5px;
position:relative;
 width: 200px;
 background: #FFF;
}

#rightcolumnE-T { 
 color: #4C2A05;
 margin: 20px 0px 0px 0px;
 padding: 10px 4px 0px 10px;
 height: auto;
 width: 450px;
 float: left;
 background: #FFF;
}

.optional{
font-size:10px;
float:right;
position:absolute;
background:#999;
margin: 0px 25px 340px 400px;
z-index:600;
}

/*-------------PATTERN BOOK PATTERNS SEARCH RESULTS------*/
	/*-------IE6 Middle Fix------*/

#newPbSearchLeft{ 
	margin: 0px 5px 0px 5px;
	 padding: 5px;
	 height: auto;
	 float: left;
	 width: 140px;
	 background: #f0e5c4;
	}
#newPbSearchMiddle{ 
	 margin: 0px 0px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float:left;
	 width: 330px;
	}
#newPbSearchRight{ 
	  margin: 0px 0px 5px 0px;
	 padding: 5px;
	 padding-bottom:30px;
	 height: auto;
	 float: left;
	 width: 240px;
	 border-left: #CBB677 1px solid;
	}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #newPbSearchLeft{ 
	 margin: 0px 5px 0px 5px;
	 padding: 5px;
	 height: auto;
	 float: left;
	 width: 145px; 
	 background: #f0e5c4;
	}												
html>body #newPbSearchMiddle{ 
	 margin: 0px 0px 0px 0px;
	 padding: 5px;
	 height: auto;
	 float:left;
	 width: 330px;
	}

html>body #newPbSearchRight{ 
	 margin: 0px 0px 5px 0px;
	 padding: 0px 5px 0px 5px;
	 padding-bottom:30px;
	 height: auto;
	 float: left;
	 width: 240px;
	 border-left: #CBB677 1px solid;
}
	
/*----------ELTAILER STRUCUTRE---------------------------------------------------*/
#leftcolumnET { 
 float: left;
 color: #333;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 5px 5px;
height: auto;
position:relative;
 width: 230px;
 display: inline;
 background: #FFF;
 border-right: #CBB677 1px solid;
}

#rightcolumnET { 
 color: #4C2A05;
 margin: 10px 0px 0px 0px;
 padding:10px 4px 0px 10px;
 height: auto;
 width: 500px;
 float: left;
 background: #FFF;
}

html>body #leftcolumnET { 
 float: left;
 color: #333;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 5px 5px;
height: auto;
position:relative;
 width: 230px;
 display: inline;
 background: #FFF;
 border-right: #CBB677 1px solid;
}

html>body #rightcolumnET { 
 color: #4C2A05;
 margin: 10px 0px 0px 0px;
 padding-left: 10px;
 padding-right:4px;
 padding-top:10px;
 height: auto;
 width: 500px;
 float: left;
 background: #FFF;
}	

/*---------------PATTERN BOOK PATTERNS SEARCH----------------------*/
/*-------IE6 Middle Fix------*/
#PbSearchBlocks {  color: #333; margin: 10px 10px 5px 0px; padding-top: 5px; padding-bottom:5px; height: auto; width: 590px; background: #FFF; float: left;}
#PbSearchLeft{ margin: 0px 3px 0px 3px; padding: 3px; height: auto; float: left; width: 130px; background: #f0e5c4;	}
#PbSearchMiddle{margin: 0px 0px 10px 0px; padding: 0 5px 0 5px; height: auto; float:left; width: 280px;}
#PbSearchRight{margin: 0px 0px 5px 10px; padding: 5px; padding-bottom:30px; height: auto; float: left; width: 130px; border-left: #CBB677 1px solid;}

html>body #PbSearchBlocks {color: #333; margin: 5px 0px 5px 0px; padding-top: 5px; padding-bottom:5px; height: auto; width: 600px; background: #FFF; float: left;}
html>body #PbSearchLeft{margin: 0px 3px 0px 3px; padding: 3px;	height: auto; float: left; width: 130px; background: #f0e5c4;}												
html>body #PbSearchMiddle{margin: 0px 0px 10px 0px; padding: 0 5px 0 5px; height: auto; float:left; width: 280px;}
html>body #PbSearchRight{margin: 0px 0px 5px 10px; padding: 0px 5px 0px 5px; padding-bottom:30px; height: auto; float: left; width: 130px; border-left: #CBB677 1px solid;}


/* Project Colour Changer patterncolourimage.tpl Classes */
html>body .colourChangerLeft {
	float:left;
}
html>body .colourChangerRight {
	float:left;
}

#colorChanger {
	width:420px;
}

/**
#colorChanger code{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color:#4C2A05;
}
**/

html>body #colorChanger .yarnsList {
	width:410px;
}
html>body .yarnSwatch {
	width:410px;
	clear:left;
}
html>body .yarnSwatchList {	
	float:left;
	margin:3px;
}

a.colourChangerLabel:link {display:block;color: #4C2A05; font-size:11px; text-decoration:none; font-weight:bold; background:#f0e5c4; padding:3px; margin:5px 0 5px 0;}
a.colourChangerLabel:visited {display:block;color: #333; background:#f0e5c4; padding:3px; margin:5px 0 5px 0; font-size:11px; text-decoration:none; font-weight:bold;}
a.colourChangerLabel:hover {display:block;color: #4C2A05; background:#Cbb677; padding:3px; margin:5px 0 5px 0; font-size:11px; text-decoration:none; font-weight:bold;}
#colorChanger a.swatchLink{display:block;height:80px;width:75px;margin:5px;font-size:10px;padding:0px;}
#colorChanger a.addBackground{background:#ccc;display:block;height:80px;width:75px;text-decoration:none;margin:5px;padding:0px;font-size:10px;}
html>body #colorChanger a.swatchLink{display:block;height:80px;width:75px;margin:5px;font-size:10px;padding:0px;}
html>body #colorChanger a.addBackground{background:#ccc;display:block;height:80px;width:75px;text-decoration:none;margin:5px;padding:0px;font-size:10px;}
a#colorChangerPattern{display:block;font-weight:bold;color:#4C2A05;}
/** a.addBackground:active{display:block;background:#ccc;}**/
.disclaimer{font-size:10px;}
/** Advanced Yarn Search Left Menu Form Fields **/
#formBox{
	margin-top:5px;
}

#formBox input{
	vertical-align:middle;
}

html>body #formBox input{
	vertical-align:middle;
}

#formBox .smallText{
	font-size:12px;
}

html>body #formBox .smallText{
	font-size:12px;
}

#formBox .input2{
	width:22px;
	vertical-align:middle;
	margin-top:5px;
}

#formBox .input3{
	width:32px;
	vertical-align:middle;
	margin-top:5px;
}

#formBox .input4{
	width:42px;
	vertical-align:middle;
	margin-top:5px;
}

#formBox .input6{
	width:53px;
	vertical-align:middle;
	margin-top:5px;
}

html>body #formBox .input2{
	width:22px;
	vertical-align:middle;
	margin-top:3px;
}

#formBox .submitYarnForm{
	vertical-align:middle;
	margin-top:3px;
	display:block;
}

html>body #formBox .submitYarnForm{
	vertical-align:middle;
	margin-top:3px;
	display:block;
}

/** Store Results CSS **/
#storeResults td{
	margin:10px;
	padding:2px;
}

#storeResults th{
	text-align:left;
}

#storeResults td.storeAddress{
	background: #f0e5c4;
}

#storeResults .storeName{
	width:200px;
}

#storeResults .storeAddress{
	width:310px;
}

#storeResults .storeContact{
	width:150px;	
}

#storeResults .storeDetails{
	width:50px;
	text-align:center;	
}

/*---------------Advanced Yarn Search ----------------------*/
#searchBlocks { 
 color: #333;
 margin: 10px 10px 5px 0px;
 padding-top: 5px;
 padding-bottom:5px;
 height: auto;
 width: 595px;
 background: #FFF;
 float: left;
}

html>body #searchBlocks { 
 color: #333;
 margin: 5px 0px 5px 0px;
 padding-top: 5px;
 padding-bottom:5px;
 height: auto;
 width: 605px;
 background: #FFF;
 float: left;
}

#searchBlocks .newYarnImg{
max-width:190px;

}

#searchBlocks .whatsNewYarnLogo{
float:right;
margin: 0px 0px 0px 0px;
position:relative;
}
										
/*-------------NEW YARNS BLOCK------*/
/*-------IE6 Middle Fix------*/
#searchBlocks #newYarnLeft{ 
  margin: 0px 5px 0px 5px;
 padding: 0px;
 height: auto;
 float: left;
 width: 140px;
 background-color:#FFF;
}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #searchBlocks #newYarnLeft{ 
 margin: 0px 5px 0px 5px;
 padding: 0px;
 height: auto;
 float: left;
 width: 160px;
 background-color:#FFF;
}

/*-------IE6 Middle Fix------*/
#searchBlocks #newYarnMiddle{ 
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: auto;
 float:left;
 width: 225px;
border-left: #CBB677 2px solid;
border-right: #CBB677 2px solid;


}
													
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #searchBlocks #newYarnMiddle{ 
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: auto;
 float:left;
 width: 200px;
border-left: #CBB677 2px solid;
border-right: #CBB677 2px solid;


}
/*-------IE6 RIGHT Fix------*/
#searchBlocks #newYarnRight{ 
 margin: 0px 0px 0px 0px;
 padding: 5px;
 padding-bottom:30px;
 height: auto;
 float: left;
 width: 90px;
 

}

/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #searchBlocks #newYarnRight{ 
 margin: 0px 0px 0px 0px;
 padding: 5px;
 padding-bottom:30px;
 height: auto;
 float: left;
 width: 90px;
  
}


/*-------IE6 RIGHT Fix------*/
#searchBlocks #newYarnRight2{ 
 margin: 0px 0px 0px 10px;
 padding: 0px;
 height: auto;
 float: left;
 width: 90px;
														
}
/*-------ALL OTHER BROWSER SUPPORT FOR Middle------*/
html>body #searchBlocks #newYarnRight2{ 
 margin: 0px 0px 0px 20px;
 padding: 0px;
 height: auto;
 float: left;
 width: 100px;
}

#searchBlocks .newSwatch {
color:#4C2A05;
font-size:10px;
display:block;
width:25px;
} 


/** Additional Images CSS **/
span.plusSign{
	position: relative;
	z-index: 950;
	top:48px;	
	right:-60px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	margin:0;
	text-decoration:none;
	background:#a6600c;
	padding:0px 3px 0px 3px;
	cursor: hand;
}

span.plusBlankSign{
	top:48px;	
	right:1px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	margin:0;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}