body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #6C98E4;
	text-align: center;
	margin: 15px;
}

h1 {
	font-size: 20px;
	color: #660000;
	font-style: italic;
	text-align: center;
}

h2 {
	font-size: 24px;
	color: #993300;
	font-style: italic;
	text-align: center;
}

h3 {
	font-size: 14px;
	color: #993300;
	text-align: center;
}

h4 {
	text-align: center;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	font-style: italic;
}

h5 {
	font-size: 16px;
	color: #660000;
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

ul {
	/*font-size: 12px;*/
}

li {
	font-size: 12px;
	list-style-type: disc;
	color: #666;
	list-style-position: outside;
	font-weight: bold;
	text-decoration: none;
}

ul a{
	font-size: 10px;
}

ul a:hover{
	font-size: 10px;
	text-decoration: underline;
}

ol {
	font-size: 12px;
	list-style-type: lower-roman;
	list-style-position: outside;
}

.yarn-types a{
	font-size: 11px;
	text-decoration: underline;
}

.yarn-types a:hover{
	font-size: 11px;
}

.main-wrap {
	background-color: #FFF;
	vertical-align: top;
}

.nav-main {
	background-color: #E5EEFD;
	vertical-align: top;
	text-align: center;
	width: 170px;
}

.nav-wrap {
	background-color: #E5EEFD;
	vertical-align: top;
	text-align: center;
	width: 162px;
}

.nav-shadow {
	background-image:  url(../images/sidebar_shadow.gif);
	background-repeat: repeat-y;
	width: 8px;
}

.content-wrap {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: justify;
}

.left-wrap {
	vertical-align: top;
}

.right-wrap {
	width: 220px;
	vertical-align: top;
	text-align: center;
}

/* GENERIC CONTENT TD WIDTH CLASSES
*******************************/

.hl {width: 200px;}
.hm {width: 200px;}
.h-rt {
	vertical-align: top;
	height: 220px;
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}
.h-rb {
	font-size: 12px;
	color: #333333;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.4em;
}

.h-lt {
	height: 30px;
	font-size: 12px;
	color: #333333;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}

.h-lb {
	font-size: 12px;
	color: #333;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	line-height: 1.4em;
}

.h-lb ul {
	font-size: 12px;
	list-style-type: lower-roman;
}

.h-lb ul li {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	line-height: 1.7em;
	padding: 5px;
}

.header{
	height: 20px;
	width: 300px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.sub-header{
	height: 30px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
}

.content-wrap .header-blue{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #0033cc;
	vertical-align: middle;
}

.content-wrap .blue-text{
	text-align: left;
	font-size: 12px;
	color: #0033cc;
	vertical-align: middle;
	width: 120px;
}

.content-wrap .grey-form{
	text-align: left;
	font-size: 12px;
	color: #333333;
	vertical-align: middle;
	width: 120px;
}

.main-bottom-header {
	height: 30px;
	width: 95%;
	margin-bottom: 10px;
	border-bottom: 1px dashed #999;
}

.main-pudsey {
	padding: 10px;
	width: 35%;
	border-right: 1px dashed #999;
	height: auto;
	text-align: center;
	vertical-align: top;
}

.main-catalogue {
	padding: 10px;
	width: 65%;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 1.4em;
}

.main-catalogue a, .main-catalogue a:hover {
	font-size: 10px;
}

.main-catalogue .img {
	float: right;
}

.main-catalogue .pdf-img {
	vertical-align: top;
}

.grey-text{
	text-align: center;
	font-size: 12px;
	color: #333333;
	vertical-align: middle;
	background-color: #DDDDDD;
	padding: 5px;
}

.hbutton .main-header {
	color: #727664;
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	margin: 0px;
	background-color:#E5EEFD;
	text-align: center;
	letter-spacing: 1pt;
}

.hbutton .header {
	color: #993300;
	font: italic bold 11px;
	margin: 0px;
	background-color:#B9B991;
	border-top: 1px #FFF solid;
	border-bottom: 1px #A7A772 solid;
	padding: 5px 5px 5px 10px;
	text-align: left;
	width: 162px;
}

.hbutton TD A {
	WIDTH: 100%;
	border-top: 1px #FFF solid;
	border-bottom: 1px #A7A772 solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 7pt;
	color: #354555;
	background: #CECEB1;
	display: block;
	TEXT-DECORATION: none;
	padding-right: 2px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.hbutton TD A:hover {
	background: #86A5DB;
	FONT-WEIGHT: bold;
	FONT-SIZE: 7pt;
	color: #ffffff;
	border-bottom: 1px #92BABA solid;
}

.body-wrap {
	border: 1px solid #ffffff;
	width: 100%;
}

.head-infill {
	background-image:  url(../images/header-infill.gif);
	background-repeat: repeat-x;
	height: 35px;
}

.logo {
	background-image:  url(../images/logo.jpg);
	background-repeat: no-repeat;
	width: 170px;
	height: 143px;
}

.head {
	background-image:  url(../images/header.jpg);
	background-repeat: no-repeat;
}

.head-infill2 {
	background-image:  url(../images/head_infill.jpg);
	background-repeat: repeat-x;
	height: 108px;
}

.head-txt {
	background-image:  url(../images/header-txt.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 349px;
}

.footer{
	background: #93B8F7;
	border-top: 1px solid #999999;
	text-align: center;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 7pt;
	color: #333333;
}

.footer a{
	font-size: 7pt;
	color: #333333;
	text-decoration: underline;
	margin-right: 10px;
	margin-left: 10px;
}

.footer a:hover{
	font-size: 7pt;
	color: #0066FF;
	text-decoration: underline;
	margin-right: 10px;
	margin-left: 10px;
}

/*FOOTER WIDTHS*/
.footer .w-1{
	width: 25%;
	text-align: center;
}
.footer .w-2{
	width: 50%;
	text-align: center;
}
.footer .w-3{
	width: 25%;
	text-align: center;
}

/*MAIN FONTS*********************#039*/

a {
	font-size:12px;
	color:#666;
	/*font-weight:bold;*/
	text-decoration:none;
	font-weight: normal;
}

a:hover {
	font-size:12px;
	color:#990000;
	/*font-weight:bold;*/
	text-decoration:none;
}

.f-drk-gray	{
	color:#333;
	font-weight: bold;
}

.f-red-txt	{
	color:#660000;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	vertical-align: top;
}

.f-dk-red {
	font-weight: bold;
	color: #333;
	font-size: 11px;

}

.mid-grey-txt  {
	text-align: left;
	font-size: 10px;
	color: #333333;
	padding: 5px;
}



.drk-grey-txt  {
	text-align: center;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.drk-grey  {
	text-align: center;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	height: 40px;
	margin: 0px;
}

.drk-grey-h-txt  {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

/* GENERIC TWEAK CLASSES
*******************************/

.mt-0	{margin-top:0px;}
.mt-5 	{margin-top:5px;}
.mt-10	{margin-top:10px;}
.mt-15	{margin-top:15px;}
.mt-20 	{margin-top:20px;}
.mt-30	{margin-bottom:30px;}
.mb-0	{margin-bottom:0px;}
.mb-5 	{margin-bottom:5px;}
.mb-10 	{margin-bottom:10px;}
.mb-15	{margin-bottom:15px;}
.mb-20 	{margin-bottom:20px;}
.mb-30	{margin-bottom:30px;}
.mr-5 	{margin-right:5px;}
.mr-10 	{margin-right:10px;}
.mr-15	{margin-right:15px;}
.mr-20 	{margin-right:20px;}
.mr-30	{margin-right:30px;}
.ml-5 	{margin-left:5px;}
.ml-10 	{margin-left:10px;}
.ml-15	{margin-left:15px;}
.ml-20 	{margin-left:20px;}
.ml-30	{margin-left:30px;}

.m-0	{margin:0px;}
.m-5	{margin:5px;}
.m-10	{margin:10px;}

.pt-0	{padding-top:0px;}
.pt-5 	{padding-top:5px;}
.pt-10 	{padding-top:10px;}
.pt-15	{padding-top:15px;}
.pt-20 	{padding-top:20px;}
.pb-0 	{padding-bottom:0px;}
.pb-5 	{padding-bottom:5px;}
.pb-10 	{padding-bottom:10px;}
.pb-15	{padding-bottom:15px;}
.pb-20 	{padding-bottom:20px;}
.pr-5 	{padding-right:5px;}
.pr-10 	{padding-right:10px;}
.pr-15	{padding-right:15px;}
.pr-20 	{padding-right:20px;}
.pl-5 	{padding-left:5px;}
.pl-10 	{padding-left:10px;}
.pl-15	{padding-left:15px;}
.pl-20 	{padding-left:20px;}

.p-0	{padding:0px;}
.p-5 	{padding:5px;}
.p-10	{padding:10px;}

.ls-1	{letter-spacing:1px}
.ls-2	{letter-spacing:2px;}
.ls-3	{letter-spacing:3px;}

.ta-c	{text-align:center;}
.ta-l	{text-align:left;}
.ta-r	{text-align:right;}
.vta-c	{vertical-align: middle;}
.vta-t	{vertical-align: top;}
.vta-b	{vertical-align: bottom;}

.t-b	{font-weight: bold;}
.t-i	{font-style: italic;}

.mid-gray		{color: #666;}
.gray-bg		{background-color:#eee;}
.gray-border	{border:1px solid #ccc;}

.fs-10 {font-size: 10px;}

/* PATTERN CLASSES
*******************************/
.patt-main-wrap {
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: center;
}

.patt-wrap {
	margin-bottom: 10px;
	background-color: #F1F5FA;
	border: 1px solid #6699CC;
}

.patt-header {
	background-color: #6699CC;
	height: 20px;
	font-size: 14px;
	color: #FFFFFF;
	background-image:  url(../images/patterns/header_grad.jpg);
}

.pright-t {
	font-size: 10px;
	color: #333333;
	padding-bottom: 10px;
	text-align: center;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	width: 50%;
}

.pleft-t {
	font-size: 10px;
	color: #333333;
	padding-bottom: 10px;
	text-align: center;
	padding-top: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-right-color: #999999;
	border-bottom-color: #999999;
	width: 50%;
}

.pleft-b {
	font-size: 10px;
	color: #333333;
	padding-bottom: 10px;
	text-align: center;
	padding-top: 10px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	width: 50%;
}

.pright-b {
	font-size: 10px;
	color: #333333;
	padding-bottom: 10px;
	text-align: center;
	padding-top: 10px;
	width: 50%;
}

/* classes for validator */
.tfvHighlight {
	font-weight: bold; 
	color: red;
	font-size: 11px;
}

.tfvNormal {
	font-weight: bold;
	color: black;
	font-size: 11px;
}

.ctrl {
	font-size: 12px; 
	width: 100%;
}

.btnform {
	font-size: 12px;
	background-color: #BAC6DA;
	width: 100%;
	height:20px;
	text-align: center;
	cursor: hand;
	background-image:  url(../images/gradient_form.gif);
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
}

.btn {
	background-color: #869BBF;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-image:  url(../images/gradient_form.gif);
	height: 20px;
}

/* RETAILERS & DISTRIBUTORS CLASSES
*******************************/
.retailers {
	background-color: #F1F5FA;
	border: 1px solid #6699CC;
	height: 100px;
	width: 150px;
	margin: 10px auto;
	font-size: 10px;
}

.ret-header {
	background-color: #6699CC;
	height: 17px;
	font-size: 12px;
	color: #FFFFFF;
	background-image:  url(../images/patterns/header_grad.jpg);
}

.retailers a{
	font-size: 7pt;
	color: #0066FF;
	text-decoration: underline;
}

.retailers a:hover{
	font-size: 7pt;
	color: #333333;
	text-decoration: underline;
}
.old-photo {
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	width: 225px;
	padding-bottom: 10px;
}

.yarns {
	border: 4px double #91915B;
	margin-bottom: 20px;
}

.yarns .wool {
	width: 70px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #B9B991;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B9B991;
}

.yarns .wool-b {
	width: 50px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #B9B991;
	text-align: center;
}

.yarns .discription {
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B9B991;
}

.yarns .discription-b {
	text-align: left;
}

.yarn-types {
	font-size: 11px;
	margin-bottom: 15px;
	color: #333;
}

.yarn-types .type{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	font-size: 13px;
	font-weight: bold;
}

.yarn-types .type-norm{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	font-size: 13px;
}

.yarn-types .type-b{
	font-size: 13px;
	font-weight: bold;
}

.yarn-types .type-b-norm{
	font-size: 13px;
}

.patt-film {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000000;
	height: 354px;
	font-size: 12px;
	color: #333333;
	padding: 10px;
}

.patt-text {
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	color: #333333;
	padding-left: 10px;
}

.patt-text a{
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	color:#039;
}

.patt-text a:hover{
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	color: #990000;
}

/* YARN CLASSES
*******************************/

.yarn-wrap {
	margin-bottom: 10px;
	background-color: #ffffff;
	border: 1px solid #6699CC;
}

.yright-t {
	padding-bottom: 5px;
	text-align: center;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	width: 100px;
}

.yleft-t {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	padding-top: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-right-color: #999999;
	border-bottom-color: #999999;
	width: 200px;
}

.yleft-b {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	width: 200px;
	vertical-align: middle;
}

.yright-b {
	padding-bottom: 5px;
	text-align: center;
	padding-top: 5px;
	width: 100px;
}

.yfleft-b {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	padding-top: 5px;
	width: 200px;
	line-height: normal;

}

.yfleft-t {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	width: 200px;
}
/*.new {
	width: 38px;
	margin-left: 20px;
	position: absolute;
	margin-top: -10px;
}*/
.new {
	line-height:3em;
	width: 100%;
}

.new img {
	vertical-align:middle;
	margin-left: 20px;
}

/*	SWF ALTERNATIVE
*/
.static-messaging {
	border: 1px solid #D3D3D3;
	background: #f5f7f7;
	padding: 5px 5px;
	margin: 0 auto 1em;
	min-height: 1em;
	height: 1em;
	text-align: center;
}

.caption {
	font-size: 12px;
	text-align: center;
}

/* YARN SHADES */
#Ball {
	text-align: left;
	width: 230px;
}

.YarnName {
	font-size: 40px;
	font-weight: bold;
	color: #999;
}

.YarnNameSmall {
	font-size: 36px;
	font-weight: bold;
	color: #999;
}

.SubYarnName {
	font-size: 16px;
	color: #999;
}

.BallInfo {
	font-size: 12px;
	color: #666;
}

#ShadesHolder {
	margin: 0;
	padding: 0;
	width: 100%;
}

#Shades {
	clear: both;
	margin: 50px auto;
	padding: 0;
	width: 695px;
}

#Shades div {
	float: left;
	padding: 0;
	width: 123px;	
}

#Shades div.left {
	margin: 0;
}

#Shades div.right {
	margin: 0 0 50px 47px;
}

#Shades div div {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 160px;
}

#Shades div div p {
	margin: 0;
	padding-top: 5px;
	width: 123px;
	color: #666;
	font-weight: normal;	
}

#Shades .NewShade {
	margin: 0;
	padding: 0;
	color: #990000;
	font-weight: bold;
}

.mid-grey-clouse {
	clear: both;
	text-align: center;
	font-size: 10px;
	color: #333;
	font-weight: normal;
	padding: 5px;
	margin-right: 40px;
}