/*
red: 761a31
light blue: b2d9e5
purple: 4b2b7e
*/


html, body{
margin:0px; padding:0px;
background: #8a293f;
font-family:arial, helvetica, sans-serif;}


div#wrapper{
 width:900px;
 margin:0px auto 0px auto;
 background: White;
 border-style: solid; 
 border-width:1px;
 border-color:white silver;
}

h1{
	font-family: "courier", "monospace";
	font-size:1.6em;
}

img{
	border:none;
}

h2{
	font-size:1.2em;
	line-height:1.2em;
	color:#4b2b7e;
}

p{}
ul{}

p.OOS{
	color:red;

}


table{
	border-spacing: 0px;
	border-collapse: separate;

	border:solid 1px #761a31;
}

table th{
	font-weight:bold;
	text-align:left;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #761a31 #761a31 #761a31 #761a31;

	-moz-border-radius: 0px 0px 0px 0px;
}

table td{
	padding:0.5em 1em 0px 0.5em;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #761a31 #761a31 #761a31 #761a31;

	-moz-border-radius: 0px 0px 0px 0px;
}


div#logo{
	float:left;
}
div#masthead{

	
}


div#promocolumn{
	float:right;
	padding:0px 1em;
	margin:1em 1em 0em 0em;
	width:185px; 
	border:solid 1px #bebebe;


}


div#mainWithColumn{
	float:left;
	width:570px; 
	padding-left:2em;
}

div#main{
	float:left; 
	padding-left:2em;
}

div#footer{
	clear:both;
	padding-top:1em;
	background-color:#fafafa;
	padding-left:2em;
}


div#masthead h1{
	font-family:"courier", "monospace";
	font-weight:normal;
	color:black;
	font-size:2.5em;
}

.hand{
	color: #761a31;
	font-weight:bold;
}





img.thumbnail{
	width:125px; height:125px;
	border: solid 1px #eee;
	margin:1em 0px 5px 10px; 
	padding:0.2em;
	float:right;
}

img.thumbnail320{
	width:320px;
	border: solid 1px #eee;
	margin:1em 0px 5px 10px; 
	padding:0.2em;
	float:right;
}

img.randomsizeThumbnail{
	border: solid 1px #eee;
	margin:0px 0px 5px 10px; 
	padding:0.2em;
	float:right;
}

.catalogueItem{
	border:solid 1px #bebebe;
	background-image:url(images/chromebg.gif);
	margin: 1em;
	padding:0px 1em;
}



.catalogueItem p{
	font-size:0.9em;
	line-height:1.1em;
}

.catalogueItem li{
	font-size:0.9em;
	line-height:1.1em;
}


.catalogueItem table{
	border-spacing: 0px;
	border-collapse: separate;
	border-style: none;
	border:none;;
}

.catalogueItem table th{
	font-weight:bold;
	text-align:left;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: none;
	border:none;
}

.catalogueItem table td{
	padding:0.5em 1em 0px 0.5em;
	border-style: none;
	border:none;
}



div.inlinePaymentButton{

	clear:right;
	 width:200px;
	padding-top:0.5em;
	float:right;
	
}

div.inlinePaymentPara{
	clear:both;
	font-size:0.9em;
	line-height:1.1em;
	border-top:solid 1px gray;
	margin:0.5em;
	padding:0.5em 0em 0em 0em;
	
}

div.inlinePaymentPara table, td, th{
	border:none;
	padding-left:0px;
	
}



div.inlinePaymentButton table{
	border-style: none;
	margin-bottom:0.5em;
}

div.inlinePaymentButton table th{
	border-style: none;
}

div.inlinePaymentButton table td{
	border-style: none;
}


div.prices{

}



#topmenu {
	clear:both;
	margin: 0px 0px 5px 0px; 
	width:900px;
	background-image: url('images/menubg3.gif');
	border: none;
}
     
        
/***
CSS heirarchical menu	
***/

	ul.topmenu, li.topmenu {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
	}

	ul.topmenu {
		height:27px;
		width:900px;
		padding:0em 0em;
		margin:0em 0em;


	}
	ul.topmenu ul {
			position:absolute;
			left:0;
			top:24px;
			height:auto;
			width:240px;
			border-width:1px;
			border:solid 1px #666;
			border-color: #eee #999 #999 #eee;
			background-color:white;
			display:none;
		}

		ul.topmenu ul ul {
				top:0;
				left:70px;
			}




	li.topmenu:hover {
			background:#eaeaea;

			z-index:10;
		}

	li.topmenu:hover ul ul {
			display:none;
		}

	li.topmenu:hover ul, 
		li.topmenu:hover li:hover ul {
			display:block;
		}

	li.topmenu {
		position:relative;
		float:left;	
		padding:5px 20px 5px 4px;
		line-height:16px;
	}
	li.topmenu li {
			float:none;
		}

	li.topmenu a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font-size:90%
	}

	li.topmenu ul a {
		color:#444;
		text-decoration:none;
		font-weight:bold;
		font-size:90%
	}

	li.topmenu a:hover {
		color:black;
	}
	     
        
        
        
form.yarncalc{
	background:url('images/calculatorbg.jpg');
	background-repeat:no-repeat;
	height:611px; width:400px;
	padding: 52px 33px 10px 50px;
}

div#date{
	font-size:0.9em;
}

div.sharebuttons{
	clear:both;
	font-size:0.8em;	
	padding-top:4px; padding-bottom:2px;
	border-top:dashed grey 1px;
}

div.sharebuttons a{
	text-decoration:none;

}

img.sharebutton{
	border:none;
	margin:0px 2px 0px 5px;
}




/*
new payment button style
*/

div.singlelinepayment{
	clear:both;
	border-style:solid none; 
	border-color:#ccc;border-width:1px;
}

div.singlelinepayment table{
	float:left;
	border:none;
}

div.singlelinepayment div.price{
	display:inline;
	float:left;
	padding:0.5em; margin:0px;
	width:270px;

}

div.singlelinepayment table{
	float:left;
	border:none;
}

input.singlelinepaymentbutton{
	padding:0.5em; 
	float:right;

}


img.flagicons{
	border:none;
	margin:0px 2px;
	float:right; 
}

div.flagbuttons{
	border-top: solid grey 1px;
}