/* 

The stylesheet is for use on Bernat only

*/

.style1 {
	color: #009CB6;
	font-size: 11px;
}


BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1C0000;
	margin-top: 2px;	
}

TD{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1C0000;
}


UL{
	color: #1C0000;
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
/*
LI{
	color: #1C0000;
	font-size: 11px;
	line-height: 14px;
	list-style-position: outside;
	list-style-type: disc;
	margin-right: 60px;
}
*/
OL{
	color: #1C0000;
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


INPUT, TEXTAREA{
	color: #B0232A;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
}


SELECT{
   color: #b0232a;
	font-size: 11px;
   background-color: #ffffff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

HR{
	
	
	text-align:	center;

	color: #1C0000;
	font-size: 0px;
	height: 1px;
}


.bodycopy{
	color: #1C0000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a.bodycopy{
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a.bodycopy:link{
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;	
}

a.bodycopy:hover{
	color: #B0232A;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a.bodycopy:active{
	color: #5E6639;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}





.errormessage{
   color: red;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
}






.bodycopyBold{
	color: #1C0000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.bodycopyBold{
	color: #1C0000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.bodycopyBold:link{
	color: #1C0000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;	
}

a.bodycopyBold:hover{
	color: #5E6639;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.bodycopyBold:active{
	color: #5E6639;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}



.detail{
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-top: 9px;
}

.detailhead{
	color: #5E6639;
	font-size: 13px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	text-decoration: none;
}

a.detailhead:link{
	color: #5E6639;
	font-size: 13px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	text-decoration: none;
}

a.detailhead:hover{
	color: #1C0000;
	font-size: 13px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	text-decoration: none;	
}


.smhead{
	color: #5E6639;
	font-size: 14px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

a.smhead:link{
	color: #5E6639;
	font-size: 14px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

a.smhead:hover{
	color: #1C0000;
	font-size: 14px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;	
}



.detailcopy{
	color: #1C0000;
	font-size: 10px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.detailbold{
	color: #1C0000;
	font-size: 11px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.swatch{
	color: #1C0000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.smlinks{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #1C0000;
}

a.smlinks{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #1C0000;
}

a.smlinks:link{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #1C0000;
}

a.smlinks:hover{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #5E6639;
}

a.smlinks:active{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #5E6639;
}


.toplinks{
	text-decoration: none;
	color: #1C0000;
	font: normal 14px Arial;
   text-transform:capitalize;
}

a.toplinks{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

a.toplinks:link{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #1C0000;
}

a.toplinks:hover{
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #5E6639;
}

a.toplinks:active{
	font-family: Arial;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #5E6639;
}

a.toplinks img{
   margin: 0px 2px;
}

.es_MX a.toplinks:link, .es_MX a.toplinks:active, .es_MX a.toplinks:visited {
	font-size: 12px;
	text-transform: capitalize;
}



.head{
	color: #B0232A;
	font-weight: normal;
	font-size: 13px;	
}

a.head{
	color: #5E6639;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

a.head:link{
	color: #5E6639;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

a.head:hover{
	color: #D49100;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

a.head:active{
	color: #1C0000;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

.head2{
	color: #5E6639;
	font-weight: bold;
	font-size: 18px;	
   text-transform: lowercase;
}

a.head2{
	color: #5E6639;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

a.head2:link{
	color: #5E6639;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

a.head2:hover{
	color: #D49100;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

a.head2:active{
	color: #1C0000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

.linkhead, .linksubhead {
   color: #5E6639;
   font-weight: bold;
   font-size: 13px;  
}

.linkhead {
   text-transform: uppercase;
}

a.linkhead, a.linksubhead {
	color: #5E6639;
	font-weight: bold;
	font-size: 13px;	
}

a.linkhead:link, a.linksubhead:link {
	color: #5E6639;
	font-weight: bold;
	font-size: 13px;	
}


a.linkhead:hover, a.linksubhead:hover {
	color: #1C0000;
	font-weight: bold;
	font-size: 13px;	
}

a.linkhead:active, a.linksubhead:active {
	color: #1C0000;
	font-weight: bold;
	font-size: 13px;	
}

#YARNMENU{
	position:absolute;
	left:5px;
	top:20px;
	width:188px;
	z-index:1;
	visibility: hidden;
	overflow: hidden;
	background-color: #CCE6A9;	
}

#PATTERNMENU{
	position:absolute;
	left:96px;
	top:20px;
	width:128px;
	z-index:1;
	visibility: hidden;
	overflow: hidden;
	background-color: #CCE6A9;	
}

#FAQMENU{
	position:absolute;
	left:547px;
	top:20px;
	width:154px;
	z-index:1;
	visibility: hidden;
	overflow: hidden;
	background-color: #CCE6A9;	
}

#lingmenu{
	position:absolute;
	left:578px;
	top:20px;
	width:155px;
	z-index:1;
	visibility: hidden;
	overflow: hidden;
	background-color: #CCE6A9;	
}

#lingmenu a, #lingmenu td.active td a, #lingmenu td.active td.active td a ,
#FAQMENU a, #FAQMENU td.active td a, #FAQMENU td.active td.active td a,
#PATTERNMENU a, #PATTERNMENU td.active td a, #PATTERNMENU td.active td.active td a,
#YARNMENU a, #YARNMENU td.active td a, #YARNMENU td.active td.active td a{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #5E6639;
	background-color: #CCE6A9;
	text-transform: uppercase;
}

#lingmenu a:hover, #lingmenu td.active td a:hover, #lingmenu td.active td.active td a:hover,
#FAQMENU a:hover, #FAQMENU td.active td a:hover, #FAQMENU td.active td.active td a:hover,
#PATTERNMENU a:hover, #PATTERNMENU td.active td a:hover, #PATTERNMENU td.active td.active td a:hover,
#YARNMENU a:hover, #YARNMENU td.active td a:hover, #YARNMENU td.active td.active td a:hover{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #5E6639;
	text-transform: uppercase;
}

.cssTitle {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; color: #009900; letter-spacing: 22px; word-spacing: 11px}

.cssSpanTitle {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; color: #FF9900; letter-spacing: 22px; word-spacing: 11px}



.patternimage {  

	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
}

.patternBookimage {  border-color: #CCCCCC #666666 #666666 #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px}

/* 'New' icons */
div.new {
   display: inline;
   margin: 2px;
   margin-top: 0px;
   margin-bottom: 5px;
}

/* Kit Target List */
#kit dl {
   float: left;
   height: 8em;
   width: 12em;
   margin: 0px;
}
#kit dt, #kit dd {
   margin: 0px;
   text-align: center;
}
#kit hr {
   clear: left;
}

.learnimg {
   margin-right: 6px;
   margin-bottom: 6px;
}

/* Member Library CSS */
.memberLibTd{
   width:300px;
   margin:10px;
}

/*Announcements Page*/
#announceSection{		
	width:450px;
}

#announceSection .announceData{
	float:left;
	margin:4px;	
	width:200px;
}

#announceSection .anImage{
	float:left;
	margin:0 4px 0 0; 	
}

/* Pagination CSS */
#PaginationSection{
	width:300px;
	float:right;
}

.pagination {
}

.pagination .PaginationLinks a{
	text-decoration:none;
	margin-right:3px;
}

.pagination .PaginationLinks span{
  margin-right:6px;
  font-weight:bold;
}

/* Whatsnew section */
#whatsnewpage{
width:100%;
}

#NewYarns{
width:100%;
}

#NewYarns ul{
	float:left;
	width: 300px;
	height: 300px;		
}

#NewYarns li{
	list-style:none;
	text-align:center;
}

#NewYarns .YarnName{
	margin-left:10px;
	font-weight:bold;
}

#NewPatterns{
width:100%;
}

#NewPatterns ul{
	float:left;
	width: 325px;
	height: 500px;	
}

#NewPatterns li{
	list-style:none;
	text-align:center;
}

#NewPatterns .PatternName{
	margin-left:10px;
	font-weight:bold;
}

#NewPatternBooks{
width:100%;
}

#NewPatternBooks ul{
	float:left;
	width: 325px;
	height: 650px;	
}

#NewPatternBooks li{
	width: 300px;
	list-style:none;
	text-align:center;
}

#NewPatternBooks .Name{
	margin-left:10px;
	font-weight:bold;
}

#pattern {
width: 290px
} 

#whatsnewpage .preface {
font-weight:bold
}

/** Discontinued yarns css **/
ul.activeYarns{
	list-style:none;
	margin: 15px;
	border-bottom: 1px solid #000;
}
.activeYarns li{
	margin:10px;
}