/***********cleckheaton styles***********/


html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%; color: #784E23;
	height:100%;
	margin-left: auto; margin-right: auto;
	background-color:#bba996;
	behavior:url(htc/csshover.htc); } /* winIE behavior call */
	
	
#leftbook{ width:160px; height: 230px; padding-left: 10px; margin-top:10px; margin-left:0px; background-color:#00CCCC; z-index: 2;}

#footercolbox { background-color: #ffffff; margin: -450px 0px 0px 165px; width: 610px; height: 600px; padding: 5px 5px 5px 5px;}

/******************************************** FONTS & TEXT ***************************************************************/
p {
	margin: .7em 5%;
	letter-spacing: 0.02em;
	font-size:90%;
	text-indent: 0px;
}

p1 {
	margin: .7em 5%;
	letter-spacing: 0.02em;
	font-size:70%;
	text-indent: 0px;
}

* { margin: 0; padding: 0;}


/***** links */
a { color: #634d20; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; font-size:.9em; text-decoration: none;}

a focus , a:hover, a:active {color: #C0B5A2  ; text-decoration:underline;}/* a focus = hovering with tabs instead of mouse*/

.link1 {font-size:.9em; text-align:center; text-decoration:underline;}
.link2 {font-size:.9em; text-align:center; text-decoration:underline;}

/* =HEADINGS */

h1, h2, h3, h4, h5 {
	font-style: normal;
	font-weight: bold;
	font-family: Geneva, Arial, "Helvetica", sans-serif;
	color: #330000;}

h1, h2, {
	padding-bottom: 2px;
	text-transform: uppercase;}


.homeHeading{
		font-size:25px;
	
	}
	

h1, h2, h5 {
	font-size: 1.3em;
	text-transform: uppercase; /*needs to be here to transform the top style for some reason! won't work in same style*/
	letter-spacing: 0.03em;
	margin-top:0;}

h2, h3, h4 {
	font-size: 1.3em;
	text-align:left;}

h2, h3, h5{
	/*display: inline;*/
	line-height: 1.4;
	text-indent:5px;}

h5 {
	font-size: 1em;
	text-transform: uppercase;}

.textalign {text-align: left;}
/*table font style charts*/
.charts {background-color:#FFFFFF; font-size:.8em; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#98733A;}
table { margin-bottom:5px; background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;}
/*other font classes*/
.Subheading1{background-color:#FFFFFF; font-size:1.1em; font-weight:bold; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; color: #990066; text-indent:2px; padding-bottom: 4px;}

.text_stores {font-weight:bolder;
	color:#C2BB92;
	letter-spacing: 0.04em;}
.text_leading { line-height:140%;}
.textbold{ font-weight:bolder; color: #99CAC4; font-stretch:wider; letter-spacing: 0.04em; font-size:13px;}
.textbold1{ font-weight:bolder; color: #000000; font-stretch:wider; letter-spacing: 0.01em;}
.textbold2{
	font-weight:bolder;
	color: #990066;
	font-stretch:wider;
	letter-spacing: 0.04em;
	text-indent: 14px;
}
.caps{text-transform:uppercase;}


/*********** antons asp pages - colour range and paublications layout etc ***********/
.textSmallBold {font-size:9px; text-align:center; font-weight:bold;}
.extraSmalltext {font-size:9px; text-align:center;}
.colourNumber {font-size:10px; text-align:center; color: #98733A;}
/*********** you are here at top of page style ***********/
.here {background-color: #ffffff; font-size:.8em; width:790px; text-align: right; color: #B3A995; font-weight:bold; padding: 2px 10px 2px 0px;}

/******************************************** END FONTS & TEXT ***************************************************************/


/*********** site structure styles ***********/

/* whole container*/
div#container {
	background-color: #ffffff;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	height: 100%;
	border-style: solid;
	border-width: 1px; border-color: #C4BF9D; 
	align: center;
	cellpadding: 0;
	cellspacing: 0;	
}


/* holding everything in a white div*/
#outer { background-color:#FFFFFF; float:left; width:800px;}
#footer { align:center; text-align:center; padding:0px 0px 0px 0px; margin-right: auto; margin-left: auto; width: 800px; color: #996600;}


/**************** forms - 2 & 3 are in publication and yarns layout***************/
div#form1 { margin-left: 15px; margin-top: 10px; float:left; width: 170px;}
div#form2 { margin-left: 10px; float:left; width: 200px;}
div#form3 { margin-left: 10px; float:left; width: 200px;}


/***********content and columns for layout****************************************************************/
.content_patt_correct {background-color: #ffffff; float:left; width: 350px; background-color:#FFFFFF; margin-left: 5px; margin-top: 0px; }

#content { background-color: #ffffff; margin: 20px 5px 5px 5px; width: 774px;  padding: 5px 5px 5px -60px;}
.contentboxnews {background-color: #ffffff; float:left; width: 620px; margin: 5px 50px 15px 10px; background-color:#FFFFFF;}
.contentbox1 {background-color: #ffffff; float:left; width: 610px; margin: 5px 5px 5px 5px; background-color:#FFFFFF;}
.contentbox1wide {background-color: #ffffff; float:left; width: 740px; text-indent:5px; border: 1px solid #D5CDC1; margin:0px 5px 0px 19px;}
/* holds books on index page at side*/
.contentbox2 {float:right; width: 133px; padding: 2px 2px 2px 2px; text-align:center; margin-top: 5px; background-color: #EBE6E1 ;}
/******************/
.contentbox2wide {background-color: #ffffff; float:left; width: 740px; text-indent:5px;}
.contentbox3wide {background-color: #ffffff; float:left; width: 700px; margin: 0px 0px 5px 20px;}
.contentbox3_1column {float:left; width: 280px; background-color:#FFFFFF; margin-left: 0px;}
.contentbox3_2column { float:left; width: 280px; background-color:#FFFFFF;margin-left: 5px;}
.contentbox6 { float:left; width: 640px; background-color:#FFFFFF;margin-left: 5px;}
/***********content 3 column***********/
.contentbox1_3column_1 {background-color: #ffffff; float:left; width: 130px; background-color:#FFFFFF; margin-left: 15px; text-align:center; border: 1px solid #D5CDC1;}
.contentbox1_3column_2 {background-color: #ffffff; float:left; width: 130px; background-color:#FFFFFF; margin-left: 15px; text-align:center; border: 1px solid #D5CDC1;}
.contentbox1_3column_3 {background-color: #ffffff; float:left; width: 130px; background-color:#FFFFFF; margin-left: 15px; text-align:center; border: 1px solid #D5CDC1;}
.contentbox1_3column_4 {background-color: #ffffff  ; float:left; width: 130px; background-color:#FFFFFF; margin-left: 15px; text-align:center; border: 1px solid #D5CDC1;}

/***********content 4 column***********/
.contentbox1_4column_1 {background-color: #ffffff; float:left; width: 160px; background-color:#FFFFFF; margin-left: 5px; }
.contentbox1_4column_2 {background-color: #ffffff; float:left; width: 160px; background-color:#FFFFFF; margin-left: 5px;}
.contentbox1_4column_3 {background-color: #ffffff; float:left; width: 160px; background-color:#FFFFFF; margin-left: 5px;}
.contentbox1_4column_4 {background-color: #ffffff; float:left; width: 160px; background-color:#FFFFFF; margin-left: 5px;}
.contentboxFREE {background-color: #ffffff; float:left; width: 680px; text-indent:5px; margin-bottom:5px; margin-left:35px;}


/***********IMAGES***********/
.imagebox1 {width: 110px;}
.imagebox2 {width: 120px; margin-right:20px; float:right;}
.imageBorder {border: solid #996600 thin;}
.imagepubborder {border:.5em solid #D2D3C7}
.imagealignTop { margin-top: 0px;}
.imagealign_right { margin: -18px 2px 2px 2px; float:right; }
.imagealign_center { margin: 2px 2px 2px 2px; float:none;}
.imagealign_left { margin-left: 20px; margin-right:20px; float:left; }
.pic1 { margin: 10px 10px 10px 10px; border: 1px solid #fff;}


/* FORMS */
.listMenu {
	font-size: 9px;
	color: #3E89A2;
	margin-top: 3px;
	margin-left: 3px;
	float:right;

}
/*bloody colour range page WARNING _ DODGEY OLD CODE*/
.bookimageside{
width:150px; height:240px; background-color:#ffffff; margin: 80px 0px 0px 0px;}
.yarncolour_layout
{
 float: left; width: 100%;  margin: 0px 0px 0px 0px; padding-top:10px;

}
.colourrange_header_form {float:left; width: 700px; text-indent:0px; margin: 0px 0px 0px 5px; padding-top: 10px;
}
div#container1 {
	background-color: #ffffff;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	height:700px;
	border-style: solid;
	border-width: 1px; border-color: #C4BF9D; 
	align: center;
	cellpadding: 0;
	cellspacing: 0;
	
}


/*yarn image margin page*/
.yarnmargin {padding-bottom:15px; padding-top:10px;}

#footerButton{
	float:left;
	height:109px;
	width:795px;
	background:url(media/images/knitteratiFooter.gif) no-repeat;
	margin:0 0 2px 2px;
}

.newyarnsheading{
	width:620px;
	height:20px; 
	background-color:#EBE6E1;
}

#newyarns{
	width:620px;
	

}
.newyarnbox{
	width:112px; 
	height:300px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
}
.contentbox1 table h1{
	padding:0 0 0 10px;
}

contentbox2{
}