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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EDF0DD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/bg-top.jpg);
	background-repeat: no-repeat;
}
.email {
	position: absolute;
	height: 30px;
	width: 200px;
	left: 342px;
	top: 246px;
	z-index: 999;
}
.email span {
	display: none;
}


a{
	color: #5B7C4E;
	
}
a:hover{ color:#CC99CC}
#bottombackground {
	background-image: url(../images/bot_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 956px;
}

#outer {
	height: 936px;
	width: 892px;

}

#master {
	width: 780px;
	left: 0px;
	top: 0px;
	float: left;
	background-color: #FFFFFF;
}
/*Styles added to split the content */
#master_top, .bottom
{
	background-repeat: no-repeat;
}
#master_top
{
	height: 472px;
	width: 779px;
	position: absolute;
	left: 0px;
	top: 0px;
	float: left;

}
#content_body
{
	width: 779px;
	padding-top: 270px;
	float: left;
}

.content_text
{
	background-repeat: repeat-y;
	padding-right: 240px;
	padding-left: 10px;
	width: 529px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/content-bg.gif);
	margin-top: 50px;
}

#weavelogo
{


}

#footerbot
{
	width: 779px;
	position: absolute;
	background-image: url(../images/bottom-bg.gif);
	height: 75px;
	left: -0px;
}


#content
{
	width: 548px;
	margin-top: 320px;
	float: left;
	z-index: 10;
}

#rightbar
{
	position: absolute;
	right: 0px;
	top: 143px;
	float: left;

	width: 231px;
	height: 663px;
}

#rightbg {
	float: right;
	height: 956px;
	width: 112px;
}

#aboutus
{
	height: 276px;
	width: 231px;
	background-image: url(../images/img1.jpg);
	background-repeat: no-repeat;
}
#aboutus2
{
	height: 276px;
	width: 231px;
	background-image: url(../images/img5.jpg);
	background-repeat: no-repeat;
}
#aboutus3
{
	height: 276px;
	width: 231px;
	background-image: url(../images/img3.jpg);
	background-repeat: no-repeat;
}
#aboutus4
{
	height: 276px;
	width: 231px;
	background-image: url(../images/img5.jpg);
	background-repeat: no-repeat;
}
#aboutus5
{
	height: 276px;
	width: 231px;
	background-image: url(../images/img5.jpg);
	background-repeat: no-repeat;
}
#aboutus a.cat {
	position: absolute;
	left: 18px;
	top: 233px;
	width: 200px;
	height: 25px;
}
#aboutus a.cat span {
	display: none;
}
#aboutus2 a.cat {
	position: absolute;
	left: 18px;
	top: 233px;
	width: 200px;
	height: 25px;
}
#aboutus2 a.cat span {
	display: none;
}
#aboutus3 a.cat {
	position: absolute;
	left: 18px;
	top: 233px;
	width: 200px;
	height: 25px;
}
#aboutus3 a.cat span {
	display: none;
}
#aboutus4 a.cat {
	position: absolute;
	left: 18px;
	top: 233px;
	width: 200px;
	height: 25px;
}
#rightbar img.yarn {
	margin-top: 260px;
}

#aboutus4 a span {
	display: none;
}

#catalogBar
{
	height: 276px;
	width: 231px;
}
#catalog
{
	height: 145px;
	width: 424px;
	z-index: 15;
	left: 88px;
	top: 153px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0px;
}

#headerimage {
	background-image: url(../images/header-green.jpg);
	height: 233px;
	width: 226px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: left top;
}

.viewcart
{
	position: relative;
	top: 24px;
	left: 2px;
	float: left;
}
.cartSubTotal
{
	width: 45px;
}
.cartItems
{
	width: 21px;
	margin-right: 42px;
}
.cartSubTotal, .cartItems
{
	position: relative;
	top: 28px;
	height: 15px;
	float: right;
}
.subCat
{
	text-align: center;
}
.catHead
{
	border: 1px solid;
	text-align: center;
}
.cartHeader, .cartBody
{
	width: 232px;
}
.cartHeader
{
	height: 51px;
	background-image: url(../images/shoppingcart1.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
}
.cartBody
{
	height: 250px;
}
.cart
{
}

.lastItemList
{
	width: 100%;
}
.lastItem
{
	float: left;
	width: 231px;
	height: 175px;
	text-align: center;
	padding-bottom: 5px;
}

.bigText
{
	font-size: 16px;
}
.oldPrice
{
	text-decoration: line-through;
	color: red;
	float: left;
}
.salePrice
{
	margin-left: 5px;
	float: left;
}
.shoppingTable
{
	margin-left: 30px;
}
.shoppingTable td
{
	font-size: 12px;
}

/*********************************************************
				CATALOG SYTLINGS
*********************************************************/

#catBarListing
{
	width: 80%;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}
#catBarListing li
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}
#catListing
{
	width: 550px;
	text-align:left;
  	position:relative;
  	padding-left: 20px;
	padding-top: 20px;
	font-weight:bold;
	display:block;
  	height:300px;
  	font-family:verdana;
}
#catListing li
{
	float: left;
	width: 40%;
	margin: 0px;
	padding-right:20px;
	list-style: none;
	font-weight:bold;
	z-index:100;
}
#catListing li a
{
	display:block;
	background:#F2EBEA;  /* old: #bcd9a1 */
	position:relative;
	width:214px;
	height:auto;
	color:#006000;
	padding:3px;
	margin:0px;
	text-decoration:none;
}
#catListing li a:hover
{
	background:#d5d8a7; 
    color:#333333;
	border-left:15px solid #70508C;
	width:199px;
}

/***********************SUB CAT**********************/

#subCatListing
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-indent:15px;
}
#subCatListing li
{
	width: 220px;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	font-weight:normal;
}
#subCatListing li a
{
	left:-20px;
    background:#E8DBD9;   /* old: #abc890 */
}
#subCatListing li a:hover
{
	background-color:#d5d8a7;
	border-left:15px solid #70508C;
	width:199px;
}

/********************* SPAN CLASSES FOR LINK DESCRIPTIONS **********************/


#catListing a span.desc, #catListing a span.desc
{
  display:none;
  z-index:1000;
}

/*
#catListing a:hover span.desc, #catListing a:hover span.desc
{
  display:block;
  background-color:#ffffff;
  position:absolute;
  top:0px;
  padding:2px;
  margin:0px;
  width:69px;
  height:88px;
  font-weight:normal;
  text-align:justify;
  color:#006000;
  border:1px solid #c7aba8;
}

#catListing a:hover span.desc
{
  right:290px;
  padding-right:5px;
  text-indent:0px;
}

#catListing a:hover span.desc
{
  left:205px;
  padding-left:5px;
}
*/


.catHeadName
{
	width: 100%;
	height: 20px;
	margin-left: 20px;

	font-size: 14px;
	color: #0099FF;
	font-weight: bold;
}

.catHeadDesc
{
	margin-left: 20px;

	width: 100%;
	margin-bottom: 5px;
}

/*********************************************************
				END CATALOG SYTLINGS
*********************************************************/

.imageHeader, .descHeader, .pageMenuHeader
{
	height: 20px;
	padding-left: 5px;
}

.imageHeader
{
	width:70px;
	background-color:#99CC99;
}
.descHeader
{
	width:121px;
	background-color:#F7E6C4;
}
.catHeadName
{
	width: 100%;
	height: 20px;

	font-size: 14px;
	color: #0099FF;
	font-weight: bold;
}

.catHeadDesc
{
	width: 100%;
	margin-bottom: 5px;
}
.pageMenuHeader, .pageMenuHeader a, .pageMenuHeader a:link , .pageMenuHeader a:active , .pageMenuHeader a:hover , .pageMenuHeader a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #669966;
	text-decoration: none;
}
.pageMenuHeader
{
	width:267px;
	background-color:#F7E6C4;
	text-align: right;
	color: #0099CC
}
#shipbill
{
	margin-left: 60px;
	width: 450px;
	float: left;
}
#shipbill .sHead {	background-color: #d5d8a7; margin-top:10px; margin-bottom:5px; }
#shipbill .centerCol, #shipbill .sHead { text-align: center; }
#shipbill .leftCol, #shipbill .rightCol, #shipbill .centerCol, #shipbill .sHead
{
	width: 100%;
	float: left;
}
#shipbill .leftCol
{
	width: 100px;
	margin-top:2px;
	margin-bottom:2px;
}
#shipbill .rightCol
{
	width: 300px;
	margin-top:2px;
	margin-bottom:2px;
}
#shipbill .centerCol
{
	margin-top:5px;
}
#indent
{
	margin-left: 40px;
}
.large_input { width: 250px;}
.small_input { width: 80px; }

#menucontainer {
	margin-left: 250px;
	height: 36px;
	width: 350px;  }
 
#menu {
	position: absolute;
	height: 36px;
	width: 258px;
	text-decoration: none;
	background-image: url(../images/menu.gif);
	left: 391px;
}
a#cataloglink {
	left: 67px;
	width: 95px;
}
a#classes {
	left: 164px;
	width: 80px;
}
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 35px;
	width: 725px;
	margin-left: 10px;
	margin-top: 42px;
	position: absolute;
	left: -0px;
}
.clearRow
{
	clear: both;
}
.lastItem
{
}
#contentBox
{
}
.bottomSpacer
{
	height: 125px;
	width: 100%;
}
h1 {
	font-size: 14px;
}
h2 {
	font-size: 13px;
}
img.float-right {
	margin: 5px;
	float: right;
}

span
{
	font-weight:bold;
}

span.noTax
{
	display:block;
	font-style:italic;
	color:#666666;
	font-weight:normal;
	text-align: center;
}
span.required
{
	font-style:italic;
	color:#666666;
	font-weight:normal;
}

p.yarnSelect
{
	display:block;
	background-image:url(../images/select.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	padding:5px;
	height:auto;
	font-weight:bold;
	text-align:center;
}

p.yarnSelect a
{
	position:relative;
	top:-1px;
	text-decoration:none;
	color:#333333;
}

p.yarnSelect a:hover
{
	color:#ffffff;
}

/* hot sox feature image */

#weavelogo p img.sox 
{
	border:none;
	text-decoration:none;
}

p.ship
{
	display:block;
	background:#E8DBD9;
	padding:3px;
	margin:5px 0px 0px 0px;
	text-align:justify;
	border:1px dotted #000000;
}

/* featured banner layout */

#featured
{
	position:relative;
	right:-40px;
	display:block;
	width:434px;
	height:64px;
	padding:3px;
	margin:3px;
	border:1px solid #FFCC99;
}

/* catalog content descriptions */

span.style4
{
	font-weight:normal;
}

/************************************************
			SUCCESSFUL ORDER PAGE
************************************************/

.orderConfirm
{
	width:90%;
	margin:20px;
	padding:0px;
	line-height:14px;
}

.confirmTab
{
	position:relative;
	width:465px;
	border:1px solid #dddddd;
	margin:0;
	padding:5px;
}

.ordered
{
	margin-left:-2px;
	margin-top:5px;
}

#shipHead
{
	position:relative;
	width:98%;
	background:#dddddd;
	padding:5px;
	color:#454B47;
	font-weight:bold;
	font-size:12px;
}

#shipAdd
{
	position:relative;
	padding:5px;
	margin:0;
}

#shipItem
{
	background:#dddddd;
	padding:5px;
	color:#454B47;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}

span.thanks
{
	font-weight:bold;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#877062;
	font-size:16px;
}
span.confirm
{
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Courier New", Courier, monospace;
	color:#000000;
	font-size:16px;
}

.clr10 
{
	clear:both;
	height:1px;
	line-height:10px;
	padding:0;
	margin:0;
	border-top:1px solid #dddddd;
}

/**************************************************
				END SUCC-ORDER PAGE
**************************************************/



/**************************************************
				YARN PAGES -- BEGIN
**************************************************/

h3.yarn-vy
{
	font-weight:bold;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	width:inherit;
	background-color:#dddddd;
	padding:3px;
}

.yarn-body
{
	width:inherit;
}
.yarn-body:hover
{
	background-color:#eeeeee;
}

#bernat
{
	display:block;
	width:100%;
	border-left:1px solid #eeeeee;
}

#bernat p, #lily p 
{
	display:inline-block;
	width:20%;
	padding:5px;
	font-weight:bold;
	position:relative;
	text-align:center;
}

#mchpy p
{
	display:inline-block;
	width:43%;
	padding-bottom:5px;
	position:relative;
	text-align:center;
	border:1px solid #dddddd;
	margin-left:20px;
}

#solid p
{
	display:block;
	width:100%;
	padding-bottom:5px;
	position:relative;
	text-align:center;
	border:1px solid #dddddd;
}

#bernat p:hover, #lily p:hover, #mchpy p:hover, #solid p:hover
{
	background:#eeeeee;
}

#bernat p
{
	border:1px solid #dddddd;
}

#bernat p img
{
	
	border:1px solid #666666;
}

#bernat .header, #lily .header, .header
{
	display:block;
	width:99%;
	background:#eeeeee;
	font-weight:bold;
	font-size:14px;
	padding:3px;
	color:#333333;
}

#mchpy .header
{
	display:block;
	width:97%;
	background:#eeeeee;
	font-weight:bold;
	font-size:14px;
	padding:3px;
	color:#333333;
	text-align:center;
}

#lily .desc
{
	display:block;
	width:99%;
	background:#eeeeee;
	padding:3px;
	color:#333333;
}

#lily
{
	display:block;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	border-left:1px solid #eeeeee;
}

#lily p
{
	border:1px solid #dddddd;
}

#lily p img
{
	
	border:1px solid #666666;
}

#mchpy
{
	display:block;
	width:100%;
}

#mchpy img
{
	border:1px solid #000000;
	padding:0px;
	margin:3px;
}