body {
	margin: 0 0 0 4px;
	background: #250F29 url(images/bg_twocolumn.gif) repeat-y left top;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
}

/* Body TAG for 3 Column Layout */

body.threecolumn {
	margin: 0 0 0 4px;
	background: #250F29 url(images/bg.gif) repeat-y left top;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
}

/* ---------------------------------- */

div#maincontainer {
	width: 986px;
	overflow: auto;
	min-height: 650px;
}

h2 {
	color: #847488;
	margin: 0;
	font-weight: normal;
	font-size: 1.6em;
}

h2.news_title {
font-size: 1em;
margin: 10px 0 0 0;
}

h2.news_title a {
color: #E9C1F4;
}

h2.news_title a:hover {
color: #847488;
}


h2 span {
	color: #E9C1F4;
}

h3 {
	color: #847488;
	margin: 0;
	font-weight: normal;
	font-size: 1.3em;
	border-bottom: 1px solid #5D4D60;
}

h3 span {
	color: #E9C1F4;
}

h4 {
	color: #E9C1F4;
	border-bottom: 1px solid #6D5F70;
	margin: 10px 0 22px 0;
	font-weight: normal;
	font-size: 1.5em;
padding-bottom: 3px;
}

img {
	border: none;
}

a {
color: #fff;
text-decoration:none;
}

a:hover {
color: #837785;
text-decoration:none;
}

p {
	font-size: 0.75em;
	color: #fff;
	line-height: 1.6em;
}

p.intro {
	color: #B996C2;
	font-size: 0.85em;
}

span.lightpurple {
	color: #E9C1F4;
}

/* Left Side Panel */

div#leftpanel {
	width: 180px;
	float: left;
	margin-right: 15px;
}

h1#logo {
	width: 175px;
	height: 167px;
	margin: 0 0 40px 0;
	background: url(images/yarnbox_logo.gif) no-repeat left top;
}

h1#logo span {display:none;}

form.search {margin: 0;}

form.search fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

form.search input#submit {
	background-color: #847488;
	border: none;
	color: #250F29;
	font-size: 0.7em;
	padding: 2px;
	float:left;
	margin: 4px 0 0 132px;
}

form.search input#search {
	border: 1px solid #AF90B5;
	width: 174px;
	padding: 2px;
}

form.search fieldset legend {
	font-size: 1em;
	margin: 0;
	color: #E9C1F4;
}

form.search fieldset legend span {color: #817185;}
/*
ul#leftnav {
	margin: 40px 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul#leftnav li {border-bottom: 1px solid #36203A;}

ul#leftnav li a {
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	padding: 0 0 6px 11px;
	margin-top: 12px;
	display:block;
}

ul#leftnav li a:hover {color: #E9C1F4;}
ul#leftnav li.noline {border-bottom: none;}
*/

#leftnav, #leftnav ul{ /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 191px;
	}
	
#leftnav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
               background-color : #837487;
	}

	
#leftnav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
#leftnav li {
	_height: 1em;
}
#leftnav li a {
border-bottom:1px dotted #3C2940;
color:#FFFFFF;
display:block;
font-size:0.7em;
line-height:2.2em;
padding:0 0 6px 11px;
text-decoration:none;
width:180px;

	}
	
#leftnav li a:hover, #leftnav li:hover {
		color : white;
		background-color : #837487;
	}
	
#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul {
		left: -999em;
	}
	
#leftnav li:hover ul,#leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
                margin-left : 191px;
		margin-top : -2.15em;
background-color: #38173F;
	}


/* Home Middle Content */

ul#topnav {
	padding: 0;
	margin: 10px 0;
	list-style-type: none;
	background-color: #E9C1F4;
	height: 30px;
	text-align: center;
}

ul#topnav li {
	float: left;
}

ul#topnav li a {
	float: left;
	text-decoration: none;
	padding: 7px 6px;
	margin: 0 5px;
	color: #250F29;
	font-size: 0.75em;
}

ul#topnav li a:hover {
	background-color: #250F29;
	color: #fff;
}

div#homemiddlecontent {
	width: 506px;
	padding: 35px 17px 0 14px;
	/*padding: 292px 17px 0 14px;*/
	/*background: #3C2940 url(images/hometopphoto.jpg) no-repeat left top;*/
	float: left;
}

/* Right Panel */

div#righthomepanel {
	width: 226px;
	float: left;
	margin: 34px 0 0 13px;
}

div#basket {
	height: 40px;
	margin-bottom: 30px;
}
div#basket p {
	font-size: 0.7em;
}

div#basket p a {
	text-decoration: none;
	font-size: 1.4em;
	color: #A395A6;
}

div#basket p a:hover {
	color: #E9C1F4!important;
}

/* iframe styling */

body.iframe {
	background: #250F29;
	margin: 0!important;
}

body.iframe img {
	float: left;
	margin-right: 8px;
}
body.iframe p {
	font-size: 0.7em;
}

body.iframe p a {
	text-decoration: none;
	font-size: 1.4em;
	color: #A395A6;
}

body.iframe p a:hover {
	color: #E9C1F4;
	text-decoration: none;
}

/* end styling iframe */

/* ---------------------- Homepage Newsletter Panel ------------------------ */

table.newsletterpanel ul {
margin-top: 0;
}

table.newsletterpanel ul li a {
font-size: 1.15em;
line-height: 1.6em;
}

table.newsletterpanel ul li a:hover {
font-size: 1.15em;
line-height: 1.6em;
text-decoration: underline;
color: #fff;
}
table.newsletterpanel {
	border-collapse: collapse;
	width: 500px;
	margin: 10px 0;
	background-color: #837487;
}

table.newsletterpanel tr th {
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
	text-align: left;
padding: 5px;
}
table.newsletterpanel tr td {
	font-size: 0.7em;
	color: #fff;
padding: 5px;
}
.lightcolour {
	background-color: #B59AB9;
width: 200px;
padding: 3px;
}

form#homemailinglist {
	margin: 0;
	padding: 0;
}

input#homesubscribe {
	margin-top: 5px;
	background-color: #837487;
	color: #fff;
	border: 1px solid #260F2B;
}

input#mb-ilhyk-ilhyk {
	margin: 4px 0;
	border: 1px solid #260F2B;
}
table.specialoffers {
	width: 230px;
	border-collapse: collapse;
	margin-top: 15px;
	color: #BC99C6;
	font-size: 0.7em;
}

.specialsname a {
	color: #DDD5DF;
	font-size: 1.3em;
	text-decoration: underline;
}

.specialsname a:hover {
	color: #E9C1F4;
	text-decoration: none;
}
.specialsprice {
	color: #fff;
	font-size: 1.2em;
}

table.specialoffers tr td {
	vertical-align: top;
}

table.specialoffers tr td.image {
	padding: 0 3px 0 0;
vertical-align:middle;
}

h3.topproducts {
	color: #847488;
	margin: 41px 0 0 0;
	font-weight: normal;
	font-size: 1.3em;
	border-bottom: 1px solid #5D4D60;
}

h3.topproducts span {
	color: #E9C1F4;
}

span.productname {
	color: #CAB7CE;
	font-size: 1em;
}

span.productname a {text-decoration:underline;}

img.news_img {
margin: 0 10px;
}

.postagepackingphoto {
	float: right;
}
.aboutusphoto {
	float: right;
	margin-left: 20px;
}
/* Shop and Cart Pages */

div#middlecontent {
	width: 765px;
	float: left;
	padding: 206px 0 0 13px;
	background: url(images/middlebanner_topphoto.jpg) no-repeat left top;
}

div#content {
	width: 765px;
	clear: both;
}

div#shoppagesbasket {
	height: 47px;
	float: right;
	background-color: #250F29;
	border: 1px solid #E9C1F4;
	padding: 0 0 5px 7px;
}


div#shoppagesbasket p {
	font-size: 0.7em;
	margin: 0;
}

div#shoppagesbasket p a {
	text-decoration: none;
	font-size: 1.4em;
	color: #A395A6;
}

div#shoppagesbasket p a:hover {
	color: #E9C1F4!important;
}

span.tree {
	color: #847488;
	font-size: 0.75em;
}

span.tree a {
	color: #847488;
	text-decoration: none;
}

span.tree a:hover {
	color: #E9C1D9;
	text-decoration: none;
}

table.productholder {
	width: 765px;
	border-collapse: collapse;
	overflow: auto;
}

table.product {
	border:1px solid #E9C1F4;
	background-color: #4B394F;
	float: left;
	width: 240px;
	color: #fff;
	font-size: 0.7em;
	margin:0 1em 1em 0;
}

.holderheight {
height: 90px
}

.thumbimage {
	vertical-align: top!important;
}

table.product tr td {
	padding: 7px;
	vertical-align: top;
}

table.product tr td.textnopad {
	padding: 7px 7px 7px 0;
	float:left;
	min-height:8em;
}

table.product_nomargin {
	border:1px solid #E9C1F4;
	background-color: #4B394F;
	float: left;
	width: 240px;
	color: #fff;
	font-size: 0.7em;
	margin:0 0 1em 0px;
}
table.product_nomargin tr td {
	padding: 7px;
	vertical-align: top;
}

table.product_nomargin tr td.textnopad {
	padding: 7px 7px 7px 0;
		float:left;
	min-height:8em;
}

table.mainproduct {
	width: 765px;
	border-collapse: collapse;
	background-color: #4B394F;
clear:both;
margin-top:15px;
}
table.mainproduct tr td p {
	line-height: 1.9em;
}

table.mainproduct tr td {
	padding: 7px;
}
td.prodimage {
width: 290px;
vertical-align:top;
padding-top:22px!important;
text-align:center;
}
p.productname {
	font-size: 1.6em;
	color: #E9C1F4;
	font-weight: normal;
	border-bottom: 1px solid #776A7A;
margin-top: 5px;
}
.price {
	color: #DCB5E6;
	font-size: 1em;
}

.availabilty {
	color: #DCB5E6;
	font-size: 0.8em;
}

.priceandname {
	color: #DCB5E6;
	font-size: 1.2em;
}

.priceandname a {
	color: #DCB5E6;
	text-decoration: none;
}

.priceandname a:hover {
	color: #fff;
	text-decoration: none;
}

ul#sublinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#sublinks li {
	background: url(images/bullet.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 0.9em;
}

table.assocciatedproducts {
	border-collapse: collapse;
	float: left;
	font-size: 0.8em;
	margin-top: 5px;
	text-align: center;
	border: 1px solid #4B394F;
	margin-right: 15px;
background-color: #250F29;
}

.assocciatedimage {
	height: 136px;
}

table.assocciatedproducts th {
	color: #E9C1F4;
	background-color: #4B394F;
	padding: 4px 6px;
}

table.assocciatedproducts tr td {
	padding: 6px;
color: #E9C1F4;
}

table.postage {
	width: 500px;
	text-align: center;
	margin: 20px 0 10px 0;
	border: 1px solid #250F29;
	border-collapse: collapse;
}

table.postage tr td {
	font-size: 0.8em;
	color: #fff;
	padding: 5px 3px;
}

table.postage th {
	background-color: #250F29;
	color: #E9C1F4;
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
}

.lightcolour {
	background-color: #4B394F;
}

#bf {
      color: #4C3A50;
      font-weight: normal;
      font-size: 0.75em;
      text-align: right;
      margin: 0;
      width: 971px;
      clear: both;
}

#bf a {
      color: #4C3A50; 
      font-weight: bold; 
      text-decoration: none;
}

#bf a:hover {
      color: #837785;
      text-decoration: none;
}

#bf span a, #bf span a:hover {
      color: #4C3A50;
      font-weight: normal; 
      text-decoration: none;
}
#terms {
      color: #837785;
      font-weight: normal;
      font-size: 0.75em;
      text-align: right;
      margin: 10px 0 0 0;
      width: 971px;
      clear: both;
}

#terms a {
	color: #837785;
	text-decoration: none;
}

#terms a:hover {
	color: #4C3A50;
}

/*-------------- [ tpl_addprod ] ------------------*/

table.tpl_addprod {
	width: 540px;
	background: #4B394F;
	font-size: 0.8em;
	color: #fff;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #E9C1F4;
}

table.tpl_addprod td {
	padding: 4px;
}
input.go_button {
	background-color: #250F29;
	border: 1px solid #E9C1F4;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
	margin-left: 8px;
}
/*------------ [ END tpl_addprod ] ------------------*/

/*--------- [ tpl_viewcart ] --------*/

#tpl_viewcart1 {
	background: #4B394F;
	color: #fff;
	font-size: 0.8em;
	border-collapse: collapse;
	padding: 4px;
	border: 1px solid #E9C1F4;
}

#tpl_viewcart1 td, #tpl_viewcart2 td  {
	padding: 4px;
}
#tpl_viewcart2 {
	background: #4B394F;
	color: #fff;
	font-size: 0.8em;
	margin: 15px auto;
	border-collapse: collapse;
	padding: 4px;
	border: 1px solid #E9C1F4;
}
#tpl_viewcart1 th {
	text-align: left;
	background: #E9C1F4;
	color: #250F29;
}

input.formbutton {
	background-color: #250F29;
	border: 1px solid #E9C1F4;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
}

/*--------- [ END tpl_viewcart ] --------*/

/*--------- [ tpl_checkout ] --------*/

table.tpl_checkout {
	width: 540px;
	background: #4B394F;
	font-size: 0.8em;
	border-collapse: collapse;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	border: 1px solid #E9C1F4;
}

table.tpl_checkout td,table.tpl_checkout th {
	padding: 4px;
}
table.tpl_checkout th {
	text-align: left;
	background: #E9C1F4;
	color: #250F29;
}

input.button {
	background-color: #250F29;
	border: 1px solid #E9C1F4;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
}

input.secure_button {
	background-color: #250F29;
	border: 1px solid #E9C1F4;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
}

div#content li {
	color: #fff;
	list-style-type:none;
	padding-left: 15px;
}

/*--------- [ END tpl_checkout ] --------*/

ul#terms {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	color: #fff;
	width: 500px;
}

ul#terms li {
	background: url(images/bullet.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 1.2em;
text-align:left;
}

/* Form Styling */

form#mailinglist {
	background: #4B394F;
	width: 200px;
	border: 1px solid #E9C1F4;
	float:left;
	padding: 15px 8px;
}

div label {
	color: #fff;
	font-size: 0.8em;
}
form#mailinglist input#subscribe {
	margin: 12px 0 0 0;
	background-color: #250F29;
	border: 1px solid #E9C1F4;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
}

form#contactform {
	background: #4B394F;
	width: 350px;
	border: 1px solid #E9C1F4;
	float:left;
}

form#contactform p {
font-size: 0.9em;
}
form#contactform fieldset {
	border: none;
padding: 0 5px;
margin: 0;
}

form#contactform label {
	text-align: left;
	padding: 0 0.8em 0 0;
	margin-top: 0.3em;
	width: 10em;
	display: block;
	float: left;
	clear: left;
}

form#contactform input.field, #contactform textarea.field {
	float: left;
	margin-top: 0.5em;
	width: 15em;
	border: 1px solid #250F29;
}

#contactform textarea.field {
	width: 15.5em;
}

form#contactform input.feedback {
	margin: 5px 0 0 113px;
	background-color: #250F29;
	border: 1px solid #E9C1F4;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
}

div#contactinfo {
	float: left;
	width: 400px;
	margin-left: 10px;
}

.contacttitles {
	color: #E9C1F4;
	font-size: 1.1em;
}
/* ----------------------------- */

table.search {
	border-collapse: collapse;
	color: #fff;
	font-size: 0.8em;
}

table.search td {
	padding: 4px;
}


/* -------------------------------------- */

form#yarnboxclub {
	background: #4B394F;
	width: 315px;
	border: 1px solid #E9C1F4;
}

form#yarnboxclub p {
font-size: 0.9em;
}
form#yarnboxclub div {
	border: none;
padding: 5px;
margin: 0;
}

form#yarnboxclub label {
	text-align: left;
	padding: 0 0.8em 0 0;
	margin-top: 0.3em;
	width: 8em;
	display: block;
	float: left;
	clear: left;
}

form#yarnboxclub input.field {
	float: left;
	margin-top: 0.5em;
	width: 15em;
	border: 1px solid #250F29;
}

form#yarnboxclub textarea.field {
	float: left;
	margin-top: 0.5em;
	width: 14em;
	border: 1px solid #250F29;
}

form#yarnboxclub select {
	border: 1px solid #250F29;
	margin-top: 0.5em;

}

form#yarnboxclub textarea.field {
	width: 15.5em;
}

form#yarnboxclub div input.subscribe {
	margin: 0 0 0 100px;
	background-color: #250F29;
	border: 1px solid #E9C1F4;
	color: #fff;
	font-size: 0.9em;
	padding: 2px 5px;
}

/* Edits By Ryan on 10/02/09 */
div#newsletter {margin-bottom:3em;}
div#newsletter label {font-size:1.2em}
div#newsletter input {background:#4B394F; padding:0.3em;width:13em; color:#FFF; font-style:italic;}
div#newsletter button {background:#837487; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; border:none; color:#FFFFFF; float:left;font-size:65%; font-weight:bold; margin:-1em 0 0 4em; padding:0.5em; }

ul#sublinks {padding:0; margin:0;}
table#page-logos {}
table#page-logos td {vertical-align:top; height:11em;}
table#page-logos td table#product-links {margin:0 0.9em 1em 0; border:1px solid #E9C1F4; background:#250F29 none repeat scroll 0 0; font-size:69%; text-align:center; width:16em; }
table#page-logos td table#product-links img{border:3px solid #FFF;}
table.productholder img {border:2px solid #fff;}

table.mainproduct td.prodimage {width:211px; }
table.mainproduct td.prodimage img {border:2px solid #fff;}

a.button {background:#4B394F none repeat scroll 0 0; border:1px solid #E9C1F4; float:left; font-size:0.8em; height:2em; line-height:2em; margin:1em 8.7em; padding:0 1em;}

ul#yarn-intro {padding:0; margin:0;}
ul#yarn-intro li {background:#250F29 none repeat scroll 0 0; border:1px solid #FFF; float:left; font-size:68%; list-style-type:none; margin:1em 2.2em 1em 0; width:150px;}
ul#yarn-intro li.last {margin-right:0;}
ul#yarn-intro li h4 {background:#6B5A6F none repeat scroll 0 0; border:medium none; font-size:122%; margin:0; padding:0.5em 0; text-align:center;}
ul#yarn-intro li img {float:left;}
ul#yarn-intro li h4 a {text-decoration:underline;}
ul#yarn-intro li h4 a:hover {color:#E9C1F4;}

table.specialoffers {}
table.specialoffers {font-size:0.6em}
table.specialoffers tr td.image {padding:0; vertical-align:middle; width:92px;}
table.specialoffers tr td.image img {border:3px solid #FFF;}
p.news-pre {font-size:60%}
p.news-pre  a {text-decoration:underline;}

div#old-email {background:#2C1A2F none repeat scroll 0 0; margin:3em 0 0; padding:0.4em 1em;}
div#old-email ul {font-size:69%; margin:0; padding:0;}
div#old-email li {border-bottom:1px dotted #3C2F3F;line-height:2; list-style-type:none;}

span#info {border-bottom:1px dotted #3C2940; color:#FFFFFF; display:block; font-size:0.7em; line-height:2.2em; padding:0 0 6px 11px; text-decoration:none;width:180px;}


span#rrp {color:#FFCCCC;}