body
{
	margin: 0;
	background: #5d1b8a url(/pics/mainback2.jpg) center top no-repeat;
	font-size: 80%;
	line-height: 1.5em;
	font-family: "Trebuchet MS", "Gill Sans", Verdana, Helvetica, Arial, sans-serif;
	text-align: justify;
}

address {font-style: normal;}

hr { color: #5D1B8A; background-color: #5D1B8A; border: 0; height: 1px;}

#accessibility {position: absolute; left: -30000px;}

#wrap
{
	width: 1024px;
	position: relative;
	margin: auto;
}

#logo
{
	width: 334px;
	height: 229px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: url(/pics/wolseleywardrobe.png) no-repeat;
}

#logo h1
{
	margin: 0;
	font-size: .3em;
	text-indent: -200000px;
}

#logo a
{
	display: block;
	height: 229px;
}

#nav
{
	margin: 0;
	padding: 0 0 1px 335px;
	background: url(/pics/menuback.png) bottom center no-repeat;
	height: 2.5em;
	list-style: none;
	font-size: 1em;
	line-height: 2.5em;
}

#nav a, #nav #sizer
{
	padding: 0 10px;
	display: block;
	border-left: 1px solid #f5b958;
	border-top: 0;
	color: #5d1b8a;
	text-decoration: none;
white-space: nowrap;
}
#nav #sizer {margin-top: -1px;}

#nav li li {float: none; width: 11em; }
#nav li li a {
	border-bottom: 1px solid #f5b958;}

#nav li ul { /* second-level lists */
	position: absolute;
	border-right: 1px solid #f5b958; 
	border-top: 1px solid #f5b958; 
width: 11em;
	left: -999em; 
list-style-type:none;
padding: 0;
background: #F4A62C;
}

#nav li:hover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav .jqhide {left: auto; display: none; margin:0; padding:0;}

#nav #sizer a {display: inline; padding: 0; border: 0; margin: 0;}

#nav a:hover { background: #F4A62C; }
#nav .current, #front .home, #yarn .yarn, #consignment .store, #nav .current:hover, #front .home:hover, #yarn .yarn:hover, #consignment .store:hover  {background:#D70577; color: white;}
#nav li { float: left; }


#intro
{
	background: url(/pics/introback.png) bottom center no-repeat;
	padding: 15px 80px 30px 335px;
	color: white;
	font-size: 1.25em;
}

#front #content
{
	margin-top: 163px;
	padding: 0 35px;
float: left;
width: 954px;
}
#content
{
	margin-top: 80px;
	padding: 0 35px;
float: left;
width: 954px;
}

#content a {color: #964FC7;}
#content a:visited {color: #5D1B8A;}

#consignmenthome, #yarnhome
{
	width: 473px;
	float: left;
	background: url(/pics/narrowfooter.jpg) bottom center no-repeat;
	padding-bottom: 35px;
}

#yarnhome { float: right; }

#consignmenthome h2
{
	background: url(/pics/storeheadback.png);
	line-height: 2em;
	margin: 0;
	padding: 18px 30px 10px;
	color: white;
	font-weight: normal;
	font-size: 1.8em;
}

#yarnhome h2
{
	background: url(/pics/yarnheadback.png);
	line-height: 2em;
	margin: 0;
	padding: 18px 30px 10px;
	color: white;
	font-weight: normal;
	font-size: 1.8em;
}

#yarnhome h2 a, #yarnhome h2 a:visited, #consignmenthome h2 a, #consignmenthome h2 a:visited, #storecont h2 a, #storecont h2 a:visited, #yarncont h2 a, #yarncont h2 a:visited {color: white; text-decoration: none;}

#contactcont, #yarncont, #storecont {
	background: url(/pics/widefooter.jpg) bottom center no-repeat;
	padding-bottom: 35px;
}

#contactcont h2
{
	background: url(/pics/contactsectback.png);
	line-height: 2em;
	margin: 0;
	padding: 18px 30px 10px;
	color: white;
	font-weight: normal;
	font-size: 1.8em;
}

#yarncont h2
{
	background: url(/pics/yarnsectback.png);
	line-height: 2em;
	margin: 0;
	padding: 18px 30px 10px;
	color: white;
	font-weight: normal;
	font-size: 1.8em;
}

#storecont h2
{
	background: url(/pics/storesectback.png);
	line-height: 2em;
	margin: 0;
	padding: 18px 30px 10px;
	color: white;
	font-weight: normal;
	font-size: 1.8em;
}

.subnav
{
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/pics/submenu.png) bottom center no-repeat;
	height: 2.5em;
	list-style: none;
	font-size: 1em;
	line-height: 2.5em;
}

#content .subnav a
{
	padding: 0 10px;
	display: block;
	border-right: 1px solid #A05CCF;
	border-top: 0;
	color: white;
	text-decoration: none;
}

#consignmenthome .subnav a:hover, #consignmenthome .subnav .current
{
	background: #f3b6d7;
	color: black;
}

#yarnhome .subnav a:hover, #yarnhome .subnav .current
{
	background: #f6d5b2;
	color: black;
}

.subnav li { float: left; }

.subcontent
{
	background: url(/pics/narrowback.jpg) repeat-y center center;
	padding: 10px 30px;
}

#sectbody
{
	background: url(/pics/contentback.jpg) repeat-y center center;
	padding: 10px 30px;
position: relative;
overflow: auto;
}
#sectbody h3 {border-bottom: 1px solid #822DBE; padding: .3em 0; clear: both; font-size: 1.8em;}
#sectbody h4 {font-size: 1.6em;}

#sectbody li {margin-bottom: .5em; list-style-image: url(/pics/bullet.jpg);}

.subcontent p
{
	margin: 0;
	padding: .5em 0 .5em;
}

.entry-content {border-bottom: 1px solid #5D1B8A; padding-bottom: 1em; overflow: hidden;}
.entry-title {margin-top: 0; padding-top: 0;}
.published {margin-bottom: 0; font-size: .8em; padding-bottom: 0; text-align: right;}


#submenusect li { float: left; }

#submenusect
{
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/pics/submenuwide.jpg) top center no-repeat;
	height: 2.5em;
	list-style: none;
	font-size: 1em;
	line-height: 2.5em;
}

#submenusect a, #submenusect a:visited
{
	padding: 0 10px;
	display: block;
	border-left: 1px solid #A05CCF;
	border-top: 0;
	color: white;
	text-decoration: none;
}

#consignmentinfo #submenusect a:hover, #consignmentinfo #submenusect .current, 
#StoreNews #submenusect a:hover, #StoreNews #submenusect .current, #storenews #submenusect a:hover, #storenews #submenusect .current, 
#artisans #submenusect a:hover, #artisans #submenusect .current, #consignment #submenusect a:hover
{
	background: #f3b6d7;
	color: black;
}

#news #submenusect a:hover, #news #submenusect .current, #News #submenusect a:hover, #News #submenusect .current,
#products #submenusect a:hover, #products #submenusect .current, #Products #submenusect a:hover, #Products #submenusect .current, 
#events #submenusect a:hover, #events #submenusect .current, #Events #submenusect a:hover, #Events #submenusect .current, #yarn #submenusect a:hover
{
	background: #f6d5b2;
	color: black;
}

#footer
{
	background: url(/pics/footercont.jpg) center center repeat-y;
	padding: 0 0 10px;
	clear: both;
	color: white;
}

#footer h5
{
	margin: 0;
	font-weight: normal;
	text-align: center;
clear: both;
padding-top: 1em;
}

#footer a {color: white;}

#footercont {background: url(/pics/footerback.jpg) top center no-repeat; padding: 10px 50px 0;}

.footercont {width: 33%; float: left;}
.footercont p, .footercont h4, .footercont address, .footercont form, .zemThanks {padding: .5em 0 .5em; margin: 0 10px 0; }

.footercont h4 {border-bottom: 1px solid #5D1B8A; font-size: 1.3em; font-weight: normal; margin-top: 1em; color: #fdd;}

#search {
	border-left: 1px solid #f5b958; padding-left: 5px; height: 2.5em; line-height: 2.5em;}
#search form, #search p {margin: 0; 
white-space: nowrap;}
.searchbody {text-align: right; border-bottom: 1px dotted #5D1B8A;}
.searchbody input {border: 1px solid #7a23b6; }
#search input, .zemContactForm input, .zemContactForm textarea {border: 1px solid #7a23b6; font-size: 90%;}
.button, .zemSubmit {background: #b400c5; color: white;}
.zemContactForm #Name, .zemContactForm #Email, .zemContactForm #Message, .zemContactForm #newsletter {background: #fdd; color: black; font-size: 100%;}
.zemContactForm div {line-height: 2em;}
.zemContactForm #Message {margin-bottom: 3px; font-family: arial, helvetica, sans-serif;}
.sizersmall {font-size: 90%;}
.sizerbig {font-size: 110%;}
.more {text-align: right;}
.prevnext { padding-bottom: 1em; clear: both;}
.prev {float: left; }
.next {float: right; }
.prod img, .prodhome img {float: left; border: 0; padding-right: 5px;  width: 100px; }
.prod {width: 33%; float: left; padding: 1em 0; min-height: 13em; }
.prod p {padding: 0 15px 0 3px; }
.prodhome {border-bottom: 1px solid #5D1B8A; padding-bottom: 1em;}
.prodhome p {margin-left: 115px;}
.prodhome h4 { margin-bottom: 0; margin-left: 115px;}
#sectbody .prod h4 {margin: 0; font-size: 1.2em; }
.saleprice {color: red; font-weight: bold;}
.category_list
{
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/pics/catmenu.jpg) bottom center no-repeat;
	height: 2.5em;
	list-style: none;
	font-size: 1em;
	line-height: 2.5em;
}

#content .category_list a
{
	padding: 0 10px;
	display: block;
	border-right: 1px solid #c37bf3;
	border-top: 0;
	color: black;
	text-decoration: none;
}
#content .category_list a:hover, #content .category_list .current
{
	background: #f6d5b2;
	color: black;
}
.category_list li {float: left}
.propic {float: left; padding-right: 10px;}

.prodetails p {padding-bottom: .5em;}
#yarnsearch {border-bottom: 1px solid #5D1B8A; padding-bottom: 1em;}
#yarnsearch form {display: inline;}
.clearer {clear:both;}
.sorter { text-decoration: none; font-weight: bold; }
#event_calendar {clear: both; width: 85%; margin: auto;}
#event_calendar td { width:14%; border: 1px solid #5D1B8A; text-align: center; font-size: 95%;}
#event_calendar a {font-size: 110%;}
#event_calendar li, #event_calendar ul {list-style-type: none; list-style-image: none; padding:3px; margin: 0;}
#event_calendar li {margin: .3em 0 .3em;}
.zem_event_calendar {width: 100%; border-collapse: collapse;}
.zem_event_calendar caption {position: absolute; left: -20000px;}
#calendar_nav {width: 85%; margin: auto;}
#calendar_nav h3 {float: left; width: 92%; margin: 0 0 1em; padding: 0 0 10px; clear: none; text-align: center;}
#calendar_nav .prev {float: left; width: 4%; font-size: 2em; text-decoration: none; }
#calendar_nav .next {float: right; width: 4%; font-size: 2em; text-decoration: none; }
.number {background: #EBCFFF; text-align: center;}
.clearer {clear:both;}