body {
	font-family: verdana, geneva, sans-serif;
	font-size: 9pt;
	color: black;
	background-color: #edecea;
}

p, div, span {font-family : verdana, geneva, sans-serif;
	font-size: 10pt;
	color: black;
	line-height: 125%;}
	
	 
p.header {font-family : verdana, geneva, sans-serif;
	font-size: 8pt;
	color: black
	}	
	
p.box {
	color: black;
	font: 9pt;
	font-family: arial, helvetica, sans-serif;
	}
	
p.yarn {
	font: Trebuchet MS;
	font-size: small;
	color: Blue;
	text-decoration: none;
}
	
h2 {font-family: verdana,arial,helvetica;
 	font-size: 10pt;
  	color: black;
	margin-bottom: .4em;
	}

h1 {font-family: verdana,arial,helvetica; font-size: 12pt; color: black}

h3 {font-family : verdana, geneva, sans-serif;
	color: black;
	font-size: 8pt}			

a:link, a:visited {font-family: verdana, geneva, sans-serif;
font-size: 8pt;
color: blue;
text-decoration: none}

a:hover {
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Red;
	font-size: 8pt;
	text-decoration: underline;
	}

a.menu:link, a.menu:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

a.menu:hover, a.menu:active 
{
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
	
a.box:link, a.box:visited {
font-size: 8pt;
color: #336699;
font-weight: 500;
text-decoration: underline}

a.box:hover, a.box:active 
{color: red;}	


a.footer:link, a.footer:visited
{font-family: arial, helvetica, sans-serif;
font-size: 8pt;
color: #336699;
font-weight: 500;
text-decoration: underline}

a.footer:hover, a.footer:active 
{font-family: arial, helvetica, sans-serif;
font-size: 8pt;
color: red;
font-weight: 500;
text-decoration: underline}}	

a.styles:link, a.styles:visited
{font-family: arial, helvetica, sans-serif;
font-size: 8pt;
color: blue;
font-weight: 500;
text-decoration: underline}

a.styles:hover, a.styles:active 
{font-family: arial, helvetica, sans-serif;
font-size: 8pt;
color: red;
font-weight: 500;
text-decoration: underline}}	
	
p.copyright {
color: #666666;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font: 11px;
	line-height: 125%;
	text-align : center;
	}

ol, ul, li {
	font-family: verdana, helvetica, sans-serif;
	color: #000066;}
	

blockquote, code {
	font-family: verdana,arial,helvetica;
	color: #336699;
	font: 9pt;
	margin-left: 15}
	
#menu1 { display : none }

		/* the following 2 apply to yarn graphics and their text */
   div.floatl {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
	}
	div.floatr {
		float: right;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
	}
	div.floatp {
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}
		.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.clearfix {display: inline-block}
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}


.box { 
  background: #FFFFFF; 
}
.boxtop { 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 10px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 10px; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}

		/* the following  apply to graphics */
.classgraphic A:link {
	text-decoration: none;
	} 
.classgraphic A:visited {
		text-decoration: none;
		}
.classgraphic A:active {
			text-decoration: none;
		}
.classgraphic A:hover {
	text-decoration: none;
}

ul {
	font-size: 12px;
	line-height: 20px;
	background-color:#FFFFFF;
	padding: 10px 10px 10px 30px;
	border: 0px solid #232461;
}

/* Henry's DIVs and styles */
span.breadcrumbs {
	margin-bottom: 20px;
	float: left;
}

div.container {
	text-align: center;
	}

div.center {
	position: relative;
	width: 948px;
	margin: 0 auto;
	text-align: left;
}

div.desc {
	width: 924px;
	/*height: 200px;*/
	background-color:#ffffff;
	border-style: solid;
	border-width: 2px;
	border-color: #232461;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
	float: left;	
}

div.productWrap {
	width: 470px;
	float: left;
}

div.productWrap-2 {
	width: 948px;
	float: left;
}

div.productWrap-3 {
	width: 711px;
	float: left;
}

div.productWrap-4 {
	width: 235px;
	float: right;
	border-left: solid #232461 2px; 
}

div.product {
	width: 200px;
	height: 150px;
	background-color:#ffffff;
	border-style: solid;
	border-width: 2px;
	border-color: #232461;
	padding: 5px;
	margin: 5px;
	float: left;

}

div.product-3 {
	width: 203px;
	background-color:#ffffff;
	border-style: solid;
	border-width: 2px;
	border-color: #232461;
	padding: 5px;
	margin: 9px;
	float: left;

}

div.product-2 {
	width: 203px;
	height: 275px;
	background-color:#ffffff;
	border-style: solid;
	border-width: 2px;
	border-color: #232461;
	padding: 5px;
	margin: 9px;
	float: left;

}

/* Vertical Product DIVs */

div.vertWrap-Aran-1 {
	height: 1614px;
	width: 680px;
	padding: 35px 0 0 270px;
	border-style: solid;
	border-width: 2px;
	border-color: #232461;
	background:url(images/cascade/cherub-aran/all.jpg) no-repeat #ffffff;

}

div.vertWrap-Aran form {
	margin: 0px;
}

div.vertProduct {
	width: 680px;
	height: 53px;
	text-align: left;
	padding: 0 0 0 0;
}

div.vertProduct-2 {
	width: 680px;
	height: 56px;
	text-align: left;
	padding: 0 0 0 0;
}


div.vertWrap-baby {
	height: 517px;
	width: 619px;
	padding: 58px 0 0 331px;
	border-style: solid;
	border-width: 2px;
	border-color: #232461;
	background:url(images/cascade/cherub-baby/0004-0005.jpg) no-repeat #ffffff;

}

div.vertWrap-baby form {
	margin: 0px;
}

div.vertProduct-baby {
	width: 619px;
	text-align: left;
	margin: 0 0 33px 0;
}

div.vertWrap-dk {
	height: 1595px;
	width: 680px;
	padding: 20px 0 0 270px;
	border-style: solid;
	border-width: 2px;
	border-color: #232461;
	background:url(images/cascade/cherub-dk/all.jpg) no-repeat #ffffff;

}

div.vertWrap-dk form {
	margin: 0px;
}

div.vertProduct-dk-1 {
	width: 680px;
	height: 55px;
	text-align: left;
	padding: 0 0 0 0;
}

div.vertProduct-dk-2 {
	width: 680px;
	height: 62px;
	text-align: left;
	margin: 25px 0 0 0;
}

div.vertProduct-dk-3 {
	width: 680px;
	height: 62px;
	text-align: left;
	margin: 0 0 0 0;
}

div.vertProduct-dk-4 {
	width: 680px;
	height: 57px;
	text-align: left;
	margin: 0 0 0 0;
}

div.vertWrap-pac {
	height: 2907px;
	width: 680px;
	padding: 20px 0 0 270px;
	border-style: solid;
	border-width: 2px;
	border-color: #232461;
	background:url(images/cascade/pacific/all.jpg) no-repeat #ffffff;

}

div.vertWrap-pac form {
	margin: 0px;
}

div.vertProduct-pac {
	width: 680px;
	height: 60px;
	text-align: left;
	margin: 0 0 0 0;
}

div.vertProduct-pac-2 {
	width: 680px;
	height: 55px;
	text-align: left;
	margin: 0 0 0 0;
}

div.vertProduct-pac-3 {
	width: 680px;
	height: 53px;
	text-align: left;
	margin: 0 0 0 0;
}

div.vertProduct-pac-4 {
	width: 680px;
	height: 49px;
	text-align: left;
	margin: 0 0 0 0;
}

/* END Vertical Product DIVs */

table.ys {
	width: 100%;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	background-color: #ffffff;
}

table.ys td {
	padding: 3px;
	width: 20%;
	border-style: solid;
	border-width: 1px;
	border-color: #6c6c6c;
}

table.ys img {
	text-align: center;
}

img {
	border: 0px;
}

.cdlc-img {
	height: 63px;
	width: 125px;
	border: 0px;
}

/* image popups */

a.imPop {  
   position:relative;  
   z-index:20;  
} 

a.imPop:hover {  
    display:inline;  
    z-index:30;  
}  

a.imPop span {  
    display:none;  
} 

a.imPop:hover span {  
    display:block;  
    position:absolute;
	left: 5px;  
}