@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
table, small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, 
fieldset, /*form,*/ label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	background: transparent;
}

html { overflow: -moz-scrollbars-vertical !important; }
body { font: normal 12px "Times New Roman", Times, serif; color: #333; background-color: #fcf8e2;}
div { overflow: hidden; }
ol, ul { list-style: none; }
input { margin:0; }

h1 { font: bold italic 2em/0.8em "Times New Roman", Times, serif; color: #cc3333; margin: 0 0 30px; }
h2 { font: bold italic 1.6666em/1em "Times New Roman", Times, serif; color: #330000; margin: 0 0 6px; }
h3 { font: bold 1.16666em/1em "Times New Roman", Times, serif; color: #330000; margin: 0 0 1em; }
p { font: normal 1.16666em/1.45em "Times New Roman", Times, serif; color: #330000; margin-bottom: 1em; }
.price { font-size: 1.5em; background: url(../images/tilde.gif) no-repeat 1px 11px; padding-left: 18px; }
.price strong { color: #cc3333; } 

h1.welcome { display: block; width: 363px; height: 61px; background: url(../images/h1-welcome.png) no-repeat left top; text-indent: -9999px; margin: 0 auto 15px; }

#container { width: 766px; margin:0 auto; }
#topbar { width: 766px; background: url(../images/bg-topbar.png) no-repeat right top; }
#topbar h2 a { display: block; width: 219px; height: 107px; background: url(../images/logo.png) no-repeat left top; text-indent: -9999px; text-decoration: none !important; cursor: pointer;}
#navigation { width: 752px; border-top: 2px solid #90776a; border-bottom: 2px solid #90776a; margin: 0 auto 7px; text-align: center; }
#navigation ul li { display: inline; padding: 3px 24px; }
#navigation ul li a { font: normal 1.5em "Times New Roman", Times, serif; color: #533e33; text-decoration: none; padding: 1px 10px;}
#navigation ul li a:hover { color: #FFF; text-decoration: none; background-color: #000; }
#footer { width: 752px; border-top: 2px solid #90776a; text-align: center; margin: 18px auto 35px; }
#footer p { font-size: 1.25em; color: #4b1919; margin: 5px 0; }

#content { text-align: center; }
#content .leftcolumn { float: left; width: 186px; background:url(../images/bg-sidebar.png) repeat-y right top; padding: 22px 15px; text-align: left; }
#content .rightcolumn { float: right; width: 506px; padding: 20px 16px 25px 28px; text-align: left; }

.sidenav li { padding: 3px 0; }
.sidenav li a { font: bold 1.3333em/1.1em "Times New Roman", Times, serif; color: #000; text-decoration: none; }
.sidenav li a:hover { color: #cc3333; }
.sidenav li ul { margin: 3px 0 0 6px; }
.sidenav li li { background: url(../images/bullet-dash.gif) no-repeat 0px 7px; padding-left: 12px;}
.sidenav li ul ul { margin: 3px 0 0 12px; }
.sidenav li li li { background: url(../images/bullet-dot.gif) no-repeat 0px 7px; padding-left: 12px; }
.sidenav li li li a { color: #330000; }
.red { color: #cc3333 !important;}
.right { float: right; margin: 0 0 0 20px; }
.left { float: left; margin: 0 20px 0 0; }
.hr { display: block; width: 100%; clear: both; margin: 11px 0; border-bottom: 1px solid #eee; }
.center { width: 666px; margin:0 auto; }
.middle{ width: 760px; margin: 0px 20px 0 0; float: left; text-align: left;  }

.display { margin-top: 50px; }
.display li { float: left; width: 209px; height: 85px; margin-right: 19px; }
.display li a { display: block; width: 209px; height: 85px; text-indent: -9999px; text-decoration: none !important; }
.button { background: url(../images/button-catalog.png) no-repeat left top; }
.knitting { background: url(../images/knitting-catalog.png) no-repeat left top; }
.needlework { background: url(../images/needlework-catalog.png) no-repeat left top; }
.display li.last { margin-right: 0; }