/* Layout Stylesheet */ 


#outer {
 text-align:left;
 border:none;
 width:950px;
 margin:auto;
 }

#hdr {
 height:112px;
 background:#7e9df7;
 color: #333333;
 border:none;
  border-style:none;
 }

 
 #hdr form {
 margin:10px;
 }
 
  .ongreen {
  font-size:22px; 
  color:#FFFFFF;
  position:relative;
  top:-3px;
  margin:0;
  }
 .ongreen a:link { color: #ffffff;
 					text-decoration:none; }
 
  .ongreen a:visited { color: #efefef;
  						text-decoration:none;}
 
  .ongreen a:hover { color: #c1d0ff;
  
                text-decoration:underline;
 }

#bar {
 height:30px;
 background:#FFFFFF;
 color: #333333;
 border:none;
  border-style:none;
 }

#barcontent {
 height:251px;
 background-color:#FFFFFF;
 background-position:right;
 color: #333333;
 border:none;
  border-style:none;
  text-align:center;
 }

#bodyblock {
 position:relative;
 background: #ffffff;
 color: #333333;
 width:950px;
 padding:0;
 border-style:none;
 }

#l-col {
 float:left;
 background:#ffffff;
 color: #2f496c;
 width:280px;
 margin:0;

 }

#cont {
 width:659px;
 background:#ffffff;
 text-align:left;

 color: #333333;
 margin-right:5px;


 }

#ftr {
 height:80px;
 background:#586dad;
 color: #ffffff;
 border:none;
 border-width:0px 0 0 0;
 margin:0;
 text-indent: top 10px;
 font-size:12px;
 
 }
 #ftrnav {
 height:20px;
 background:#ffffff;
 color: #333333;
 border:solid black;
 border-width:0px 0 0 0;
 margin:0;
 text-align:center;
 line-height:1.4;
 
 }
 
 


.dialog {
 width:90%;
 margin:0px auto;
 min-width:20em;
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:30px;
}

.dialog .ft .c {
 height:21px;
}

.dialog .hd {
 background:url(images2/box/boxsm_01.gif) no-repeat 0px 0px;
 background-color:#c1d0ff;
}

.dialog .hd .c {
 background:url(images2/box/boxsm_tr.gif) no-repeat right 0px;
}

.dialog .bd {
 background:url(images2/box/boxsm_ml.gif) repeat-y 0px 0px;
 background-color:#c1d0ff;
}

.dialog .bd .c {
 background:url(images2/box/boxsm_mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:url(images2/box/boxsm_ms.gif) no-repeat 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:url(images2/box/boxsm_bl2.gif) no-repeat 0px 0px;
}


.dialog .ft .c {
 background:url(images2/box/boxsm_br.gif) no-repeat right 0px;
}

/* content-specific */




.shoppingbasket {
 width:90%;
 margin:0px auto;
 min-width:10em;
 color:#fff;
}

.shoppingbasket .hd .c,
.shoppingbasket .ft .c {
 font-size:1px; /* ensure minimum height */
 height:30px;
}

.shoppingbasket .ft .c {
 height:21px;
}

.shoppingbasket .hd {
 background:url(images2/box2/boxsm_01.gif) no-repeat 0px 0px;
 background-color:#7e9df7;
}

.shoppingbasket .hd .c {
 background:url(images2/box2/boxsm_tr.gif) no-repeat right 0px;
}

.shoppingbasket .bd {
 background:url(images2/box/boxsm_ml.gif) repeat-y 0px 0px;
 background-color:#c1d0ff;
}

.shoppingbasket .bd .c {
 background:url(images2/box/boxsm_mr.gif) repeat-y right 0px;
}

.shoppingbasket .bd .c .s {
 margin:0px 8px -20px 0px;
 background:url(images2/box/boxsm_ms.gif) no-repeat 0px 0px;
 padding:0em;
}

.shoppingbasket .ft {
 background:url(images2/box/boxsm_bl2.gif) no-repeat 0px 0px;
}


.shoppingbasket .ft .c {
 background:url(images2/box/boxsm_br.gif) no-repeat right 0px;
}

.shoppingbasket h2 {
 /* header */
 font-size:1.8em;
 margin:0px;
 padding-bottom:5px;
 color:#000000;
}


.shoppingbasket {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}


/* Left column menu "Yarn by weight"etc... */




#menu {
	width: 275px;
	border-style: none solid none solid;
	border-color: #D0D0D0;
	border-width: 0px;
	margin: 0px;
	padding:0;
    position:relative;
    left:-18px;
	
	}
	
		#menu ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
	
	
	#menu li{
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
	
	
#menu li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	
	}	
	
#menu li a:link, #menu li a:visited {
	color: #ffffff;
	display: block;
	background: url(images2/nav/menu.gif);
	padding: 8px 25px 0 10px;
	text-align: center;
	}
	
#menu li a:hover {
	color: #000000;
	background: url(images2/nav/menu.gif) 0 -32px;
	padding: 8px 25px 0 10px;
	text-align: center;
	font-weight:600;
	}
	
#menu li a:active {
	color: #fff;
	background: url(images2/nav/menu.gif) 0 -64px;
	padding: 8px 25px 0 10px;
	text-align: center;
	
	}


/* Home page navigation*/



#homepagehomepagemenu {
	width: 280px;
	border-style: none none none none;
	border-color: #D0D0D0;
	border-width: 0px;
	margin: 0px;
	padding:0;
    position:relative;
 
	
	}
	
		#homepagehomepagemenu ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
	
	
	#homepagemenu li{
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
	
	
#homepagemenu  a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	
	}	
	
#homepagemenu  a:link, #homepagemenu  a:visited {
	color: #ffffff;
	display: block;
	background: url(images2/nav/homepagemenu.gif);
	padding: 8px 25px 0 10px;
	text-align: center;
	}
	
#homepagemenu a:hover {
	color: #000000;
	background: url(images2/nav/homepagemenu.gif) 0 -32px;
	padding: 8px 25px 0 10px;
	text-align: center;
	font-weight:900;
	}
	
#homepagemenu  a:active {
	color: #fff;
	background: url(images2/nav/homepagemenu.gif) 0 -64px;
	padding: 8px 25px 0 10px;
	text-align: center;
	
	}

/* Green Navigationbar */ 
#tabs {
	float:left;
	width:100%;
	font-size:18px;
	
	border-bottom:1px solid #2763A5;
	line-height:65px;
	}

#tabs ul {
	margin:0;
	padding:0px 0px 0 00px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0px 0 0px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("tabright.gif") no-repeat right top;
	padding:5px 20px 4px 20px;
	color:#FFF;
	text-align:center;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#000000;
	text-decoration:underline;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}