html, body {margin:0;padding:0;text-align:center;font-size:100%;font-family:Georgia, serif;background-image:url(../../images/thewoolenmill/background.jpg);background-repeat:repeat;} 
 
#pagewidth {width:770px;height:650px;text-align:left;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;border:1px solid #660033;background-color:#fffdfe;} 

#pagewidthsub {width:770px;text-align:left;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;border:1px solid #660033;background-color:#fffdfe;} 
#pagewidthadmin {width:1200px;text-align:left;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;border:1px solid #660033;background-color:#fffdfe;} 
 
#header {position:relative;height:75px;width:100%;}

#leftcol {width:222px;float:left;position:relative;margin-left:8px;margin-top:9px;}
 
#maincol {float:right;display:inline;position:relative;width:540px;}

#maincolsub {float:right;display:inline;position:relative;width:532px;}

#login {font-size: 72%;width: 204px;border-bottom:1px solid #660033;margin-left:5px;}

#featured {position:relative;border:1px solid #0057a6;width:507px;margin-top:20px;margin-left:0px;margin-bottom:10px;text-align:center;}
#featuredv2 {position:relative;border:1px solid #0057a6;width:500px;margin-top:10px;margin-left:10px;}

#featuredsub {position:relative;border:1px solid #0057a6;width:500px;margin-top:19px;margin-left:18px;margin-bottom:8px;}

#feathead {position:relative;margin:0;padding:0;height:20px;width:100%;background-color:#0057a6;line-height:20px;font-size:70%;color:#fff;font-weight:bold;font-family:Georgia, serif;text-align:left;}
 
#footer {height:40px;clear:both;margin-left:4px;}

#actfoot {width:750px;border-top:2px solid #660033;clear:both;margin-top:15px;}

#saleright {border-collapse:collapse; background-image:url(../../images/thewoolenmill/saleback3.jpg);width:568px;height:189px;background-repeat:no-repeat; text-align:center;}
#saleleft {border-collapse:collapse; background-image:url(../../images/thewoolenmill/ginger.jpg);width:161px;height:189px;background-repeat:no-repeat; text-align:center;}


#specialarea {position:relative;width:200px;height:100px;border:2px solid #660033;background-color:#0057a6;margin-top:10px;margin-left:5px;margin-right:20px;padding-top:8px;} 

.catalog {
	color: #0057a6;
	font: bold 60% Verdana, Arial, Helvetica, sans-serif;
	margin:10px;
}

.dlttext {line-height:21px;}
.dlt img {border:2px solid #000;}
.tblfrmt {padding-right:20px;padding-left:20px;padding-top:10px;}
.padbtm {padding-bottom:5px;}
.padrt {padding-right:13px;}
.padlt {padding-left:14px;}
.tblwdth {width:740px;height:38px;}
.smpush {margin-left:19px;}
.subcatformat {float:left;margin-left:10px;Margin-right:10px;}
.top {vertical-align:top !important;}

.bordrt {border-right:1px solid #0057a6;}

.ital {font-style:italic;font-size:68%;color:#0057a6;}
.save {font-size:120%;color:#fff;font-family:Georgia, serif;font-weight:bold;}
.savesub {font-size:100%;color:#fff;font-family:Georgia, serif;font-weight:bold;}
.savesub2 {font-size:100%;color:#000;font-family:Georgia, serif;font-weight:bold;width:495px;}
.wdth {width:510px;}
.wdth3 {width:480px;}
.wdth2 {width:300px;}
.feattext {font-size:65%;color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;}
.nowtext {font-size:65%;color:#660033;font-style:italic;font-family:Verdana, Arial, Helvetica, sans-serif;}
.visittext {font-size:72%;color:#0057a6;font-family:Georgia, serif;font-style:italic;font-weight:bold;}
.visittextprod {font-size:72%;color:#0057a6;font-family:Georgia, serif;font-style:italic;font-weight:bold;padding-bottom:8px;padding-left:5px;}
.copytext {font-size:60%;color:#000;font-family:Georgia, serif;}
.producttext {font-size:65%;color:#000;font-family:Georgia, serif;}
.saletextblk {font-size:75%;color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:line-through;}
.saletextred {font-size:75%;color:#cc0000;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.addresstext {color:#0057a6;font-weight:bold;}
.itemtext {color:#0057a6;font-weight:bold;font-size:90%;}

.uppernav a:link {font-size:65%;color:#0057a6;text-decoration:none;}
.uppernav a:visited {font-size:65%;color:#0057a6;text-decoration:none;}
.uppernav a:hover {font-size:65%;color:#0057a6;text-decoration:underline;}
.uppernav a:active {font-size:65%;color:#0057a6;text-decoration:underline;}
.adminnav a:link {font-size:85%;color:#0057a6;text-decoration:underline;}
.adminnav a:visited {font-size:85%;color:#0057a6;text-decoration:underline;}
.adminnav a:hover {font-size:85%;color:#000;text-decoration:none;}
.adminnav a:active {font-size:85%;color:#000;text-decoration:none;}
.cart a:link {color:#0057a6;text-decoration:none;}
.cart a:visited {color:#0057a6;text-decoration:none;}
.cart a:hover {color:#0057a6;text-decoration:underline;}
.cart a:active {color:#0057a6;text-decoration:underline;}
.register a:link {font-size:65%;color:#660033;text-decoration:none;}
.register a:visited {font-size:65%;color:#660033;text-decoration:none;}
.register a:hover {font-size:65%;color:#660033;text-decoration:underline;}
.register a:active {font-size:65%;color:#660033;text-decoration:underline;}
.sweaters a:link {font-size:72%;color:#fff;text-decoration:none;font-weight:bold;}
.sweaters a:visited {font-size:72%;color:#fff;text-decoration:none;font-weight:bold;}
.sweaters a:hover {font-size:72%;color:#fff;text-decoration:none;font-style:italic;font-weight:bold;}
.sweaters a:active {font-size:72%;color:#fff;text-decoration:none;font-style:italic;font-weight:bold;}
.featlink a:link {font-size:65%;color:#0066ff;text-decoration:underline;font-family:Verdana, Arial, Helvetica, sans-serif;}
.featlink a:visited {font-size:65%;color:#0066ff;text-decoration:underline;font-family:Verdana, Arial, Helvetica, sans-serif;}
.featlink a:hover {font-size:65%;color:#000;text-decoration:underline;font-family:Verdana, Arial, Helvetica, sans-serif;}
.featlink a:active {font-size:65%;color:#000;text-decoration:underline;font-family:Verdana, Arial, Helvetica, sans-serif;}
.footnav a:link {font-size:60%;color:#000;text-decoration:none;}
.footnav a:visited {font-size:60%;color:#000;text-decoration:none;}
.footnav a:hover {font-size:60%;color:#0057a6;text-decoration:none;}
.footnav a:active {font-size:60%;color:#0057a6;text-decoration:none;}
.product a:link {font-size:80%;color:#0066ff;text-decoration:none;}
.product a:visited {font-size:80%;color:#0066ff;text-decoration:none;}
.product a:hover {font-size:80%;color:#000;text-decoration:underline;}
.product a:active {font-size:80%;color:#000;text-decoration:underline;}
.crumb a:link {color:#f5f5f5;text-decoration:underline;}
.crumb a:visited {color:#f5f5f5;text-decoration:underline;}
.crumb a:hover {color:#ffffff;text-decoration:none;}
.crumb a:active {color:#ffffff;text-decoration:none;}
.directions a:link {color:#660033;text-decoration:underline;}
.directions a:visited {color:#660033;text-decoration:underline;}
.directions a:hover {color:#000;text-decoration:none;}
.directions a:active {color:#000;text-decoration:none;}
.subcatlink a:link {color:#0057a6;text-decoration:underline;}
.subcatlink a:visited {color:#0057a6;text-decoration:underline;}
.subcatlink a:hover {color:#000;text-decoration:none;}
.subcatlink a:active {color:#000;text-decoration:none;}
.catlink a:link {color:#0057a6;text-decoration:underline;font-size:80%;}
.catlink a:visited {color:#0057a6;text-decoration:underline;font-size:80%;}
.catlink a:hover {color:#000;text-decoration:none;font-size:80%;}
.catlink a:active {color:#000;text-decoration:none;font-size:80%;}


#navcontainer
{
	margin-bottom:10px;
	padding: 0;
	height: 27px;
	margin-right:0;
}

#navcontainer ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #e3d4a9;
width: 127px;
height: 25px;
border-top: 1px solid #660033;
border-left: 1px solid #660033;
border-bottom: 1px solid #660033;
border-right: none;
padding-top: 5px;
margin: 0 0 10px 0;
color: #0057a6;
text-decoration: none;
display: block;
text-align: center;
font: normal 12px/20px Georgia, serif;
}


#navcontainer ul li a:hover
{
color: #000;
font-style:italic;
background: #eddab0;
}

#navcontainer a:active
{
color: #000;
font-style:italic;
background: #eddab0;
}

#navcontainer li#active a
{
color: #000;
font-style:italic;
background: #eddab0;
}
 
.cssnav {
position: relative;
font-family: Georgia, serif;
background-image: url(../../images/thewoolenmill/whatsnewbuttonover.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 210px;
height: 64px;
margin: 0 0 7px 0;
padding: 0;
}

.cssnav a {
display: block;
color: #0057a6;
font-size: 70%;
width: 210px;
height: 64px;
display: block;
float: left;
color: #0057a6;
text-decoration: none;
}

.cssnav img {width: 210px; height: 64px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav a:hover {color: #000;}

.cssnav span {
position: absolute;
left: 70px;
top: 33px;
margin: 0px;
padding: 0px;
cursor: hand;
}

.cssnav2 {
position: relative;
font-family: Georgia, serif;
background-image: url(../../images/thewoolenmill/buttonover.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 43px;
margin: 0 0 10px 12px;
padding: 0;
}

.cssnav2 a {
display: block;
color: #0057a6;
font-size: 70%;
width: 200px;
height: 43px;
display: block;
float: left;
color: #0057a6;
text-decoration: none;
}

.cssnav2 img {width: 200px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.cssnav2 a:hover img{visibility:hidden}
.cssnav2 a:hover {color: #000;}

.cssnav2 span {
position: absolute;
left: 17px;
top: 16px;
margin: 0px;
padding: 0px;
cursor: hand;
}

.cssnav3 {
position: relative;
font-family: Georgia, serif;
font-weight:bold;
background-image: url(../../images/thewoolenmill/bluebuttonover.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 230px;
height: 38px;
margin: 5px 15px 0 0;
padding: 0;
}

.cssnav3 a {
display: block;
color: #fff;
font-size: 75%;
width: 230px;
height: 38px;
display: block;
float: left;
color: #fff;
text-decoration: none;
}

.cssnav3 img {width: 230px; height: 38px; border: 0; }
* html a:hover {visibility:visible}
.cssnav3 a:hover img{visibility:hidden}
.cssnav3 a:hover {color: #fff;}

.cssnav3 span {
position: absolute;
left: 10px;
top: 12px;
margin: 0px;
padding: 0px;
cursor: hand;
}

.cssnav4 {
position: relative;
font-family: Georgia, serif;
background-image: url(../../images/thewoolenmill/bluebuttonoverprod.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 43px;
margin: 0 0 10px 14px;
padding: 0;
}

.cssnav4 a {
display: block;
font-weight:bold;
color: #fff;
font-size: 65%;
width: 200px;
height: 43px;
display: block;
float: left;
color: #fff;
text-decoration: none;
}

.cssnav4 img {width: 200px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.cssnav4 a:hover img{visibility:hidden}
.cssnav4 a:hover {color: #fff;font-weight:bold;}

.cssnav4 span {
position: absolute;
left: 10px;
top: 16px;
margin: 0px;
padding: 0px;
cursor: hand;
}
 
 
.loginheader
{ 
    position:relative;margin:0;padding:0;height:20px;width:100%;background-color:#0057a6;line-height:20px;font-size:80%;color:#fff;font-weight:bold;font-family:Georgia, serif;text-align:left;
 }
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    width:50%;
    font-size:80%;
 }
.logtable
{
    border:1px solid #0057a6;
    width:415px;
    background-color:#0057a6;
}
    
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
 
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.subcategory
{
    margin-left:10px;
}

.ProductImage
{
    width:90px;
}
.ProductSummaryDisplayWrapper
{
     height:250px;
     margin-top:10px; 
}
.ProductSummaryImageHolder
{
    text-align:center;
    vertical-align:middle;
}
.ProductSummaryText
{
    padding-left:10px;
    padding-right:10px;
}
.RetailPrice
{
    font-weight: bold;
    color: black;
    text-decoration: line-through;
}
.YouSave
{
    font-weight: bold;
    color: #336600;
}
.HookLine
{
    color: #5b626c;
    font-style: italic;
}
.coreboxbody
{
    background-image:url(images/core_box_bg.gif);
    background-repeat:repeat-y;
    width:260px;
    padding-left:20px;
    padding-right:20px;
}
.coreboxtop
{
   background-image:url(images/core_box_top.gif);
   background-repeat:no-repeat;
   height:22px;
   width:300px;

}
.coreboxbottom
{
    width:300px;
    background-image:url(images/core_box_bottom.gif);
    background-repeat:no-repeat;
    height:22px;

}
.coreboxheader
{
    width:300px;
    background-image:url(images/core_box_bg.gif);
    background-repeat:repeat-y;
    font-weight: bold;
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
}

.subtotal
{
    text-align: right;
    border-top: 1px solid #c9c9c9;
    margin-top: 5px;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: #65738E;
    font-size: 8pt;
    padding-bottom: 5px;
    font-weight:bold;
}

.admin-header
{
    background-color: #6190CD; 
    height:40px;
    padding-left:10px;
    border-bottom:solid 4px #B4CCEB;
}
.admin-header h1
{
    color: white;
}

.admintable
{
	margin: 5px;
	padding:0;
	width:700px;
	border:1px dashed #cccccc;

}
.adminlabel
{
    font-size: 8pt;
    font-family: verdana;
    width: 120px;
    margin-bottom: 3px;
    vertical-align: top;
}
.adminitem
{
	border-width:0px;
	background-color: #ffffff;
	margin-bottom:3px;
}

.ourprice
{
	font-weight: bold;
	color: #b22222;
	font-family: verdana;
}

.retailprice
{
	font-weight: bold;
	color: #000000;
	font-family: verdana;
	text-decoration: line-through;
}

.totalbox
{
	color:#990000;
	font-weight:bold;
}

.AdBox
{
	padding:10px;
	margin-bottom:10px;
	border:1px solid gainsboro;
}
a.EditMe
{
	text-decoration:none;
	color:#4a4d5c;
}
.commandbar
{
	padding:3px;
	background-color:#F5F5F5;
	border:1px solid gainsboro;
}


.mainproductimage {
	width: 220px;
	text-align: center;
	float: left;
	padding-bottom: 10px;
}

.productdata {
	border: none;
	border-collapse: collapse;
}
	.productdata td, .productdata th { font-weight: normal; padding: 2px; text-align: left; }
	.price { font-weight: bold; color: #c00; }
	del.price { color: #000; text-decoration: line-through; 
}

.productsection
{
	padding:10px;
	border-top:1px dashed #cccccc;
}

.browsebox
{
}
.browsebox h1
{
    font-family: Verdana;
    font-weight: bold;
    color: #3973b5;
    border-bottom: 1px dashed #cccccc;
}
.browsebox h1 a
{
    color: #3973b5  ;
}


h1.accent
{
	font-weight:bold;
	color:#990000;
	margin: 0px;
	margin-bottom:5px;
   
}
.smalltext
{
    color: #000;
    font-family: verdana;
}
.AdBox h3
{
    font-weight: bold;
    font-family: verdana;
	color:#C7C030;
	margin-top:1px;
	margin-bottom:3px;

}

h1 {
	color: #5b626c;
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	margin:5px;
}

h2 {
	color: #5b626c;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	margin:5px;
}

h3 {
	color: #5b626c;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	color: #5b626c;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h5 {
	color: #000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

h6 {
	color: #000;
	font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;
}

code { color: #6c0; font: 100% "Courier New", Courier, monospace }

#menu1 { /* styles for top menu */
	position: absolute;
	top: 10px;
	right: 10px;
	z-index:100;

}
	#menu1 ul { list-style: none; padding: 0px; margin: 0px; }
	#menu1 li { padding: 0px; margin: 0px; display: inline; border-left: solid 1px #000; }
	#menu1 li.first { border-left: none; }
	#menu1 li a:link, #menu1 li a:visited { 
		padding: 0px 2px 0px 5px; 
		color: #000; 
		text-decoration: none; 
	}
	#menu1 li a:active, #menu1 li a:hover {
		color: #000;
		text-decoration: underline;
	}

#mainmenu { /* styles for section or tab menu */
	position: absolute;
	top: 43px;
	left: 200px;
	width: 500px;
		z-index:100;

}
	html>body #mainmenu {
		position: relative; /* Necessary for menu to position in Opera */
	}
	#mainmenu ul { list-style: none; padding: 0px; margin: 0px; }
	#mainmenu li { display: inline; }
	#mainmenu li a:link, #mainmenu li a:visited { 
		background: url('images/tab.gif') no-repeat 0px 1px;
		display: block;
		float: left;
		margin-right: 1px;
		width: 116px;
		height: 27px;
		color: #737685; 
		font-weight: bold;
		text-decoration: none; 
		text-align: center;
		padding-top: 6px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 21px;
		width: 115px;
	}
	html>body #mainmenu li a:link, html>body #mainmenu li a:visited { width: 115px; height: 21px; }
	#mainmenu li a:active, #mainmenu li a:hover, #mainmenu li a.selected{
		background: url('images/tab.gif') no-repeat 0px -92px;
	}


	#leftcontent 
	{
		position: absolute;
		top:120px;
		left:10px;
		background:#fff;
			z-index:100;

		}

	#rightcontent {
		position: relative;
		width:550px;
		background:#fff;
		}
	#centercontent 
	{
		background:#fff;
        width:710px;
	}

	html>body #centercontent {
   		margin-left: 50px;
   		margin-right:55px;
   			z-index:100;

		}

.cartbox1 {
	background: url('images/specialboxbg.gif') repeat-y;
	width: 180px;
}

.cartbox2 {
	background: url('images/specialboxtop.gif') no-repeat top left;
	width: 180px;
}

.cartbox3 {
	background: url('images/specialboxbottom.gif') no-repeat bottom left;
	width: 180px;
}
.cartbox
{
    padding: 0px 20px 10px 20px;
}
.cartbox h1
{
	font-size: 12px;
	font-weight:bold;
	color:#b22222;
	padding: 18px 10px 4px 10px;
	margin: 0px;
}

@media print{ 
#leftcol {display:none;} 
#twocols, #maincol {width:100%;float:none;}
}