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

body {
	font: 1.1em times, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6d6e70;
	background-color:#5a585a;
	line-height:1.2em;
	/*background-image:url(../images/bg_cloth.jpg);
	background-repeat:repeat;*/
	
	scrollbar-face-color : #c9c7c4; 
	scrollbar-highlight-color : #c9c7c4; 
	scrollbar-3dlight-color : #666666;
	scrollbar-darkshadow-color : #c9c7c4;  
	scrollbar-arrow-color : #333333;   
	scrollbar-shadow-color : #666666;   
	scrollbar-track-color: #c9c7c4; 


}

img{
	border:0px;
}

a{
	text-decoration:underline;
	color:#333
}


#popup{
	position:absolute;
	height:25px;
	width:723px;
	background-color:#FFFFFF;
	margin-top:-34px;
	margin-left:0px;
	padding:0.8em 0.5em 0 0.5em;
	font-size:0.7em;
	border:1px dotted #999;
	border-bottom:0px;
}



#knitwear{
	position:absolute;
	height:25px;
	width:723px;
	background-color:#FFFFFF;
	margin-top:-34px;
	margin-left:0px;
	padding:0.8em 0.5em 0 0.5em;
	font-size:0.7em;
	border:1px dotted #999;
	border-bottom:0px;
	left: 100px;
}

.logo{
	margin:0.5em 0 0 0.5em;	
}



#popup a{
	color:#666;
	text-decoration:none;
	border-bottom:1px dashed #ccc;
}

#popup a:hover{
	color:#ccc;
	text-decoration:none;
	border-bottom:1px dashed #ccc;
}



#knitwear a{
	color:#666;
	text-decoration:none;
	border-bottom:1px dashed #ccc;
	margin-left:1em
}

#knitwear a:hover{
	color:#ccc;
	text-decoration:none;
	border-bottom:1px dashed #ccc;
}


#logo{
	padding:0.5em;
	font-size:0.9em;
	float:left;
	text-align:center;
	width:130px;
}

.oneColElsCtrHdr #container {
	width: 52em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 5px solid #fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-bottom:10px;
	background-color:#c9c7c4;
}
.oneColElsCtrHdr #header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColElsCtrHdr #leftContent{
	float:left;
	width:190px;
	clear:both;
	padding:0.5em;
}

.oneColElsCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	overflow-y: auto;
	height:373px;
	width:718px;
	overflow-x:hidden;
	margin-top:10px;
	margin-bottom:0px;
	font-size:0.7em;
	float:left;
	padding:1.4em 3em 2em 1em;
	border:0px solid red;
	text-align:justify
}

.oneColElsCtrHdr #mainContent #footer{
	padding:0px;
}



.oneColElsCtrHdr #mainContent p, h1, h2, h3, h4, .date{
	padding:0 0;
}

h3{
	margin-bottom:0px	
}

.date{
	font-size:0.9em;
}


.oneColElsCtrHdr #footer { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image:url(../images/bg_nav.gif);
	background-position:0 0px;
	background-repeat:repeat-x;
	height:45px;
	text-align:center;
	border:0px dotted #999;
	margin-top:0px;
} 
.oneColElsCtrHdr #footer ul {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 15px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	list-style:none;
}

.oneColElsCtrHdr #footer ul li {
	position:relative;
	font-size:0.7em;
	top:0px;
	display:inline;
	padding:0.5em 1em;
	margin-top:30px
}


h2{
	font-family:times;
	font-weight:lighter;
	letter-spacing:0.07em;
	font-size:1.3em;
	padding-bottom:2em;
}


table#thumbs{
	
	
}




table#thumbs td {
	width:110px	;
	height:100px;
	text-align:center
}


table#thumbs td img a{
	border:0px;
}


ul#subnav {
	margin-top:40px	
}



ul#subnav li{
	list-style:none;
	margin-left:-3em;
	font-size:0.8em;
	padding-bottom:1em
}

ul#subnav li.selected a{
	font-weight:bold;
	font-size:1em;
	color:#fff
}


ul#subnav li.selected ul{
	margin-left:-1em;
	font-size:1.1em;
	color:#fff
}

ul#subnav li a:hover{
	color:#fff
}

ul#subnav ul{
	margin-left:0em;
	font-size:1.2em;
}



#FlashID{
	outline:none;
}

table.tableList tbody th{
	font-size:1.1em	;
	padding:0 0.7em
}


table.tableList tbody td{
	padding:0 0.7em
}



.odd{
	background-color:#dedede;

}


.even{
	background-color:transparent;

}