/*=============================================================================================
 * perfection of production
 * re-design
 * colin simpson: 22.01.2009
 *============================================================================================*/

/*=============================================================================================
 * BODY
 *============================================================================================*/

body
{
	margin: 47px 0px 7px 0px;
	background-color: #fffdda;
	padding: 0px;
	/*url("images/cushions_bkgd_3.gif");*/
	background-image: url("images/body_bkgd.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	behavior: url("css/csshover3.htc");
}

.button
{
	margin: 0px;
	background-color: white;
	padding: 0px;
	background-image: none;
}

/*=============================================================================================
 * TABLES
 *============================================================================================*/

table
{
	background-color: white;
	border: solid 1px gray;
	padding: 0px;
}

/* tweed and velvet scarf nav box*/
.tvs
{
	background-color: green;
	border: solid 1px gray;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	width: 400px;
}

.product
{
	background-color: white;
	/*solid 1px gray;*/
	border: none;
	padding: 2px;
}

.prices
{
	background-color: green;
	width: 560px;
	margin: 5px 20px 5px 20px;
	text-align: center;
	font: 9pt "Arial";
	color: black;
	border: solid;
	border-width: 1px;
	border-color: gray;
}

/*new 091208*/
.button
{
	background-color: white;
	/*green;*/
	border: solid 0px gray;
	padding: 2px;
}

/*new 080409*/
.seven
{
	background-color: white;
	border: none;
	padding: 2px;
}

table.samples
{
	border: solid;
	border-width: 1px;
	border-color: gray;
	margin: 20px 0px 0px 0px;
}

/*=============================================================================================
 * HEADINGS
 *============================================================================================*/

h1
{
	font: bold 14pt "Arial";
	padding: 0px 0px 0px 00px;
	margin: 20px 0px 0px 20px;
}

h2
{
	font: bold 11pt "Arial";
	margin: 20px 0px 0px 20px;
}

h2.news_title
{
	text-align: left;
	font: bold 11pt "Arial";
	color: black;
	background: #e0edc5;
	padding: 3px 0px 3px 3px;
	margin: 10px 380px 10px 20px;
}

h2.diaries
{
	text-align: left;
	font: bold 11pt "Arial";
	color: black;
	background: #e0edc5;
	padding: 3px 0px 3px 3px;
	margin: 10px 200px 10px 20px;
}

h2.makedo
{
	font: bold 14pt "trebuchet ms";
	margin: 40px 0px 0px 0px;
	color: #DD8A8F;
}

h2.postage
{
	text-align: center;
	font: bold 12pt "Arial";
	color: black;
	margin: 10px 0px 10px 0px;
}

h2.shows
{
	text-align: left;
	font: bold 12pt "Arial";
	color: black;
	background: #6199FF;
	padding: 3px 0px 3px 3px;
	margin: 20px 350px 20px 20px;
}

h2.accessories
{
	font: bold 18pt "Arial";
	margin: 00px 0px 10px 30px;
	color: purple;
}

/*=============================================================================================
 * CELLS
 *============================================================================================*/

/* catch-all */
td
{
	margin: 0;
	padding: 0;
}

/* top of the shop*/
td.banner
{
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: gray;
	height: 120px;
}

td.text
{
	font: 8pt "Arial";
	border: solid 0px gray;
}

/*index page ---------- */
td.pop_statement
{
	width: 600px;
	border-style: solid;
	border-width: 0px;
	border-color: white;
	background-color: #e0edc5;
	padding: 0px;
	/*background-image: url("images/cushions_bkgd_3.gif");*/
	height: 306px;
}

td.pop_slideshow
{
	width: 360px;
	border-style: solid;
	border-width: 0px;
	border-color: white;
	background-color: white;
}

td.news_items
{
	width: 600px;
	border-style: solid;
	border-width: 0px;
	border-color: white;
	background-color: white;
}

td.diary
{
	width: 360px;
	border-style: solid;
	border-width: 0px;
	border-color: white;
	background-color: white;
}

td.shows
{
	width: 360px;
	border-style: solid;
	border-width: 0px;
	border-color: white;
	background-color: white;
}

/*  ends -----*/
/* --- products box (top) (orig) --- */
td.bio_information
{
	/*width: 600px;*/
	background-color: white;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: gray;
	padding: 0px 20px 10px 0px;
	/*adding space at the top of the section*/
}



td.information
{
	/*width: 600px;*/
	background-color: white;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: gray;
	padding: 0px 60px 10px 0px;
	/*adding space at the top of the section*/
}

.product_window
{
	width: 360px;
	background-color: white;
}

/* --- ends --- */
td.information_index_blue
{
	width: 480px;
	background-color: #B3D1FF;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: white;
	/*0px 0px 10px 0px; (adding space at the top of the section)*/
	padding: 0px;
	/*background-image: url("images/cushions_bkgd_3.gif");*/
}

/* --- products box (top) --- */
td.product_range
{
	width: 600px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: gray;
	padding: 20px 0px 0px 0px;
	/*adding space at the top of the section*/
}

td.product
{
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	border: dotted gray 1px;
}

td.product_image
{
	width: 360;
	/*#851A38;*/
	background-color: white;
	border-style: solid;
	border-width: 0px;
	border-color: gray;
}

td.products { height: 300px; }
td.products_short { height: 240px; }

/* --- ends --- */
/* --- lower page full width --- */
td.content
{
	margin: 0px;
	padding: 0px 20px 0px 0px;
	/*adding space at right-hand margin*/
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: gray;
	background-color: white;
}

td.exhibitions
{
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: gray;
}

/* --- tvs caption links --- */
td.tvs_link
{
	margin: 0;
	padding: 0;
	width: 100px;
	border: dotted gray 1px;
	background: white;
}

td.tvs
{
	margin: 0;
	padding: 0px 0px 0px 2px;
	width: 60px;
	height: 15px;
	border: solid gray 0px;
	background: white;
	font: 8pt Arial;
}

/* --- knitting (top) --- */
td.makedo
{
	/*background-image: url("images/makedoandknit.gif"*/
	): ;
	background-color: #851A38;
}

/* --- footer info bar --- */

/*td.top_slice
{
	border-style: solid;
	/*0px 1px 1px 1px;*/

/*border-width: /*0px 1px 0px 1px;*/
/*0px;*/

/*border-color: gray;
}*/

td.mail
{
	border-style: solid;
	/*0px 1px 0px 1px;*/
	border-width: 0px;
	border-color: gray;
	width: 600px;
	text-align: center;
}

td.tel
{
	border-style: solid;
	/*0px 1px 0px 0px;*/
	border-width: 0px;
	border-color: gray;
	width: 360px;
	text-align: center;
	font: bold 10pt "Arial";
	color: black;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

/*td.bottom_slice
{
	border-style: solid;
	/*0px 1px 1px 1px;*/

/*border-width: 0px 0px 0px 0px;
	border-color: gray;
}*/

/* --- ends --- */
/* floral lawn content*/
td.content_trouvere
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: gray;
	background-color: white;
	background-image: url("images/cushions_bkgd_3.gif");
	background-position: center;
	background-repeat: no-repeat;
}

/* table for contact page */
.onehead
{
	text-align: left;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: 6699FF;
	padding: 0px 0px 0px 10px;
	border: 0;
}

.twohead
{
	text-align: left;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: FFCC00;
	padding: 0px 0px 0px 10px;
	border: 0;
}

.threehead
{
	text-align: left;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: FFFF66;
	padding: 0px 0px 0px 10px;
	border: 0;
}

.fourhead
{
	text-align: left;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: FFFF66;
	padding: 0px 0px 0px 10px;
	border: 0;
}

.fivehead
{
	text-align: left;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: FFCC00;
	padding: 0px 0px 0px 10px;
	border: 0;
}

.one
{
	text-align: center;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: 6699FF;
	border: 0;
}

.two
{
	text-align: center;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: FFCC00;
	border: 0;
}

.three
{
	text-align: center;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: FFFF66;
	border: 0;
}

.four
{
	text-align: center;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: FFFF66;
	border: 0;
}

.five
{
	text-align: center;
	font: 9pt "Arial";
	color: black;
	margin: 20px;
	background-color: FFCC00;
	border: 0;
}

/* ends ------- */

/*=============================================================================================
 * LINKS
 *============================================================================================*/

/* basic link */
a:link
{
	color: #555555;
	text-decoration: none;
}

a:visited
{
	color: #555555;
	text-decoration: none;
}

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

/* nav link */
a:link.nav
{
	color: black;
	text-decoration: none;
	font: 9pt "Arial";
}

a:visited.nav
{
	color: black;
	text-decoration: none;
	font: 9pt "Arial";
}

a:hover.nav
{
	color: white;
	text-decoration: none;
	font: 9pt "Arial";
}

/* text link */
a:link.textlink
{
	color: black;
	text-decoration: none;
	font: bold italic 11pt "Arial";
}

a:visited.textlink
{
	color: black;
	text-decoration: none;
	font: bold italic 11pt "Arial";
}

a:hover.textlink
{
	color: #ef8861;
	text-decoration: none;
	font: bold italic 11pt "Arial";
}

/* mail link */
a:link.maillink
{
	color: black;
	text-decoration: none;
	font: bold 10pt "Arial";
	margin: 0px 0px 0px 100px;
	padding: 0px;
}

a:visited.maillink
{
	color: black;
	text-decoration: none;
	font: bold 10pt "Arial";
	margin: 0px 0px 0px 100px;
	padding: 0px;
}

a:hover.maillink
{
	color: #ef8861;
	text-decoration: none;
	font: bold 10pt "Arial";
	margin: 0px 0px 0px 100px;
	padding: 0px;
}

/* make,do and knit link */
a:link.makedo
{
	color: #DD8A8F;
	text-decoration: none;
	font: 9pt "Arial";
}

a:visited.makedo
{
	color: #DD8A8F;
	text-decoration: none;
	font: 9pt "Arial";
}

a:hover.makedo
{
	color: #ef8861;
	text-decoration: none;
	font: 9pt "Arial";
}

/* diary links */
a:link.diary
{
	color: green;
	text-decoration: none;
}

a:visited.diary
{
	color: green;
	text-decoration: none;
}

a:hover.diary
{
	color: red;
	text-decoration: none;
}

/*=============================================================================================
 * PARAGRAPHS
 *============================================================================================*/

/* catch all text */
p
{
	margin: 0;
	padding: 0;
}

/* general text */
.text
{
	text-align: left;
	font: 10pt "Arial";
	color: #333333;
	margin: 5px 20px 5px 20px;
}

/* splash text */
.statement
{
	text-align: justify;
	font: italic 16/14pt "Georgia","sans serif";
	color: black;
	margin: 0px 40px 0px 40px;
}

/* splash news text */
.news_text
{
	text-align: left;
	font: 10pt "Arial";
	color: black;
	padding: 0px;
	margin: 5px 20px 5px 20px;
}

.exhibitions_text_award
{
	text-align: left;
	font: 10pt "Arial";
	color: black;
	padding: 0px 30px 0px 30px;
	margin: 10px 10px 10px 20px;
}

.diaries
{
	text-align: justify;
	font: 9pt "Arial";
	color: black;
	padding: 0px;
	margin: 5px 20px 5px 20px;
}

.diaries_more
{
	text-align: right;
	font: 9pt "Arial";
	color: black;
	padding: 0px;
	margin: 5px 20px 5px 20px;
}

/* knitting text */
.knit
{
	text-align: justify;
	font: 9pt "Arial";
	color: black;
	margin: 10px 20px 10px 20px;
}

/* floral lawn poem text */
.poem
{
	text-align: left;
	font: italic 14pt "Times";
	color: #444444;
	margin: 20px 00px 20px 40px;
}

/* product captions*/
.producttext
{
	text-align: left;
	font: 9pt "Arial";
	color: #444444;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.tvs_text
{
	text-align: center;
	font: 9pt "Arial";
	color: #444444;
}

/* new*/
.exhibitions_text
{
	text-align: justify;
	font: 10pt "Arial";
	color: black;
	margin: 10px 10px 10px 20px;
}

.info
{
	text-align: center;
	font: bold 10pt "Arial";
	color: black;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

.caption
{
	text-align: center;
	font: 10pt "Arial";
	color: black;
	background: white;
}

.littleroomcaption
{
	text-align: center;
	font: bold 8pt "Arial";
	color: black;
	margin: 10px;
}

.stock
{
	text-align: left;
	font: bold 9pt "Arial";
	color: #222222;
	margin: 10px;
	line-height: 20px;
}

.order
{
	text-align: justify;
	font: bold 10pt "Arial";
	color: gray;
	margin: 20px 20px 20px 20px;
}

.text_makedo
{
	text-align: left;
	font: 10pt "Arial";
	color: black;
	margin: 5px 20px 5px 20px;
}

.warning
{
	text-align: left;
	font: 9pt "Arial";
	/*#00aaff;*/
	color: #333333;
	margin: 10px 20px 5px 20px;
}

/*=============================================================================================
 * SPANS
 *============================================================================================*/

span.pink { color: #ff3366; }
span.blue { color: blue; }
span.purple { color: purple; }
span.red { color: red; }
span.brown { color: brown; }
span.green { color: green; }
span.brown { color: #663300; }
span.gold { color: cc9900; }
span.turk { color: #cc0000; }
span.yellow { color: yellow; }
span.holly { color: red; }
span.tweed { color: aqua; }
span.orange { color: #ff6600; }

/*=============================================================================================
 * LISTS
 *============================================================================================*/

ul.knitting { font: italic 9pt "Arial"; }

/*=============================================================================================
 * IMAGES
 *============================================================================================*/

/*new*/
img.products { width: 250px; }

img.fullsize
{
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	padding: 10px;
}

.slideshow
{
	border: solid 1px gray;
	width: 160;
	height: 180;
	padding: 0px;
	margin: 0;
}

.slideshow2
{
	border: solid 0px gray;
	width: 160;
	height: 180;
	padding: 0px;
	margin: 0;
}

/*new*/
.contact_text
{
	float: left;
	border: solid 0px gray;
	width: 160;
	height: 180;
	padding: 0px;
	margin: 10px 20px 10px 20px;
}

.heading { margin: 20px 0px 0px 0px; }

/*new*/
.pagename
{
	width: 175;
	height: 55;
	margin: 30px 0px 0px 0px;
}

.pagenamedouble
{
	width: 175;
	height: 100;
	margin: 20px 0px 10px 0px;
}

/*new*/
.pagenameimage
{
	width: 175;
	height: 100;
	margin: 0px 0px 0px 0px;
}

/*new*/
.pagetitle { height: 100; }

.acid
{
	margin: 0px 0px 10px 0px;
	padding: 2px;
	background: #abcdef;
}

/*new*/
.new_acid
{
	margin: 0px 20px 0px 0px;
	padding: 2px;
	background: #abcdef;
}

.portrait
{
	border: solid 1px gray;
	margin: 10px 0px 10px 0px;
}

/*new*/
.new_portrait
{
	float: left;
	border: solid 0px;
	margin: 0px 10px 0px 20px;
}

/*new 050608*/
.news
{
	float: left;
	border: none;
	margin: 0px 10px 0px 10px;
}

/* product samples */
.thumbnails
{
	border: solid 1px grey;
	padding: 0px 0px 0px 0px;
}

.contact
{
	position: absolute;
	z-index: 1;
	margin: 10 0 0 0;
}

.contact2
{
	position: absolute;
	left: 310;
	top: ;
	210: ;
	z-index: 1;
}

.littlecaption
{
	text-align: center;
	font: 8pt "Arial";
	color: black;
}

.biotext
{
	float: right;
	border: solid 0px gray;
	margin: 0px 20px 10px 10px;
}

/*new*/
.new_biotext
{
	float: right;
	border: solid 0px gray;
	margin: 10px 0px 0px 10px;
}

/*new*/
.showroom_text
{
	float: right;
	border: solid 0px gray;
	margin: 0px 0px 0px 10px;
}

.scarftext
{
	float: left;
	border: solid 0px gray;
	margin: 0px 10px 10px 20px;
}

.slice2
{
	margin: 0px;
	/*700;*/
	width: 960;
	height: 25;
}

.slice1
{
	margin: 0px 0px 20px 0px;
	/*700;*/
	width: 900;
	height: 50;
}

.slice1index
{
	/*0px 0px 20px 0px;*/
	margin: 0px;
	/*700;*/
	width: 960;
	height: 50;
}

.knitfull
{
	float: right;
	margin: 30px 50px 50px 20px;
}

.knitside { margin: 0px 0px 10px 0px; }

.simply
{
	float: right;
	margin: -20px 40px 0px 0px;
}

/*=============================================================================================
 * drop-down add 13/01/08
 *============================================================================================*/

div#navbox
{
	border-style: solid;
	border-width: 10px;
	border-color: grey;
	border: 10px 0px 10px 0px;
}

/*=============================================================================================
 * new drop-down menu 28/08/08
 *============================================================================================*/

/*LIST-BASED MENUS WITHOUT IDs OR CLASSES ON THE LIST ELEMENTS*/
/* tested in NN7, Opera, Firefox, IE6, IE5.5, IE5, on Windows and Safari and IE5 on Mac*/
/*this continues the horizontal menu demo*/
/*<style>*/
/*body {font-family: arial; font-size:100%; behavior:url(css/csshover.htc);}*/
/** {margin:0; padding:0;}*/
/* losing this enables pages to be centred*/
/* the horizontal menu starts here */
div#listmenu
{
	width: 100%;
	/* makes the div full width */
	float: left;
	/*makes the div enclose the list */
	/*#069;*/
	border-top: 1px solid gray;
	/* draws line on top edge of div */
	/*#069;*/
	border-bottom: 1px solid gray;
	/* draws line on bottom edge of div */
	/*font-size:*/
	/*.8em;*/
	/*9pt;*/
	/* SET FONT-SIZE HERE */
	/*.8em;*/
	font: 10pt Arial;
	/* SET FONT-SIZE HERE */
	/*#CCF;*/
	background-color: white;
	/* colors the div */
	/*20px;*/
	margin-top: 0px;
	/* (not) TEMPORARY - pushes the top of the div away from the banner*/
	margin-bottom: 0px;
	/* (not) TEMPORARY - pushes the bottom of the div away from the text*/
	padding: 3 0px;
	/*add space above and below menu item*/
}

div#listmenu ul
{
	/*30px*/
	margin: 0 0 0 -5px;
	/* indents ul from edge of container */
}

div#listmenu li
{
	float: left;
	/* causes the list to align horizontally instead of stack */
	position: relative;
	/* positioning context for the absolutely positioned drop-down */
	list-style-type: none;
	/* removes the bullet off each list item */
	/*#FFA;*/
	background-color: white;
	/*sets the background of the menu items */
	/*#069;*/
	border-right: 1px solid gray;
	/* creates dividing lines between the li elements */
}

div#listmenu li:first-child
{
	/*#069;*/
	border-left: 1px solid gray;
	/*the first vertical line on the menu */
}

div#listmenu li:hover
{
	/*#FFF;*/
	/*aqua;*/
	background-color: #ef8861;
	/*sets the background of the menu items */
}

div#listmenu a
{
	display: block;
	padding: 0 6px;
	/*creates space each side of menu item's text */
	text-decoration: none;
	/* removes the underlining of the link */
	/*#069;*/
	color: #444444;
	/* sets the type color of menu items*/
}

div#listmenu a:hover
{
	/*#F33;*/
	color: blue;
	/*text colour at hover*/
}

/* the horizontal menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul
{
	margin: 0;
	/* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position: absolute;
	/* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 10em;
	/*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	/*-1px;*/
	left: -41px;
	/*aligns the drop exactly under the menu  - had to take extra 40px off*/
}

div#listmenu ul li ul li
{
	width: 100%;
	/* makes the list items fill the list container (ul) */
	/*#069;*/
	border-left: 1px solid gray;
	/* three sides of each drop-down item */
	/*#069;*/
	border-bottom: 1px solid gray;
	/*#069;*/
	border-right: 1px solid gray;
}

div#listmenu ul li ul li:first-child
{
	/*#069;*/
	border-top: 1px solid gray;
	/*the top edge of the dropdown */
}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul { display: none; }

/* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul { display: block; }

/* shows the drop-down when the menu is hovered */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul
{
	float: left;
	/* makes the ul wrap the li's */
	border-left: 1px solid #000;
	/* adds the rightmost menu vertical line to the ul */
	margin-left: 15px;
	/* IE doubles the given value above - why? */
}

* html a { display: block; }

/* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul
{
	border-top: 1px solid #069;
	border-left: 0px;
	/* stops the drop inheriting the ul border */
}

/* end of hack zone */
/* END OF LIST-BASED MENU */
/*</style>*/