*{
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

img{  border: 0;  }
a:hover{  text-decoration: none; }
b, strong{  font-weight: bold;  }

p{ font-size: 12px; }
.back_link{
  font-size: 12px;
  color: blue;
}
.read_more_link{
  font-size: 12px;
  color: #95d755;
  font-weight: bold;
}

fieldset {
	border: none;
	}

legend{
	font-size: 18px;
	color: #95d755;
	font-weight: bold;
	
	}

h1{
	font-size: 20px;
	color: #ffffff;
	
	}

h2 {
	font-size: 18px;
	color: #95d755;
	
	}
h3 {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	
	}

h4 {
	font-size: 13px;
	color: #95d755;
	font-weight: bold;
	
	}
h5 {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	
	}



/* ================== Layout  ============= */

body {
  
  background: url(../images/body_background.jpg) top left repeat-x #4bd0bb; 
  width: 100%;
  height: 100%;
  display: block;
}
#wrapper{
  width: 1000px;
  background: url(../images/wrapper_background.jpg) top left repeat-x #4bd0bb; 
  margin: auto;
 
}   
    
    
#header{
  display: block;
  height: 110px;
}
#header img{
  float: right;  
}


#header_links{
	float: left;
	margin-left: 20px;
	}

#header_links ul{
	float: left;
	list-style-type: none;
	}

#header_links li{
	font-size: 12px;
	font-weight: bold;
	color: #95d755;
	float: left;
	padding: 18px 10px 10px 10px;
	}

#header_links li a{
	font-size: 12px;
	font-weight: bold;
	color: #95d755;
	
	}
#search_box_holder{
	
	float: left;
	margin-top: 30px;
  margin-left: 20px;
	}	

#search_form{
  display: block;
  float: left;
  font-size: 12px;
  padding: 5px;
   
}
#search_form fieldset{
  border: none;
}
#search_form input#search{
  width: 210px;
  font-size: 12px;
  border: 1px solid #95d755;
  padding: 4px 3px 2px 3px;
}
#search_form input.search_button{
  background: url(../images/search_btn.jpg);
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  width: 84px;
  height: 24px;
  border: 1px solid #95d755;
}


/* ==================================== NAVIGATION =================================*/
#nav {
  width: auto;
  background: url(../images/nav_background.jpg) top left repeat-x; 
  clear: both;
 	display: block;
  height: 40px;
}

#nav ul#top_nav {
  color: #fff;
  list-style-type: none;
  margin-left: 30px;
   
}

#nav ul#top_nav li {
 
  float: left;
  clear: none;
}

#nav ul#top_nav li a {
  display: block;
  padding: 14px 11px 10px 11px;
  font-weight: bold;
  color: #ffffff;
	text-decoration: none;
  float: left;
  clear: none;
  font-size: 14px;
	
}

#nav ul#top_nav li a.active{
  color: #ffffff;
  background: url(../images/nav_active_background.jpg) top left repeat-x; 
  
	
}

#nav_cart{
	float: left;
	width: 200px;
	margin-left: 13px;
	}

#nav_cart img{
	margin-right: 10px;
	float: left;
	}
	
#nav_cart p, #nav_cart a{
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding-top: 11px;
	text-decoration: none;
	}	

ul#sub_nav {
  clear: both;
  list-style-type: none;
}


ul#sub_nav li a {
  display: block;
  padding: 4px;
  font-weight: bold;
  color: #fff;
  background-color: #333;
  text-decoration: none;
  font-size: 11px;
}

ul#sub_nav li a.active{
  color: #333;
  background-color: #fff;
}

ul#sub_nav li ul{
  list-style: none;
  padding-left: 20px;
}

/* ================================================== Banner  ==============*/

#banner{
	
	width: 686px;
	height: 250px;
	background: url(../images/banner_background.jpg) top left repeat-x; 
	float: left;
	padding: 5px 15px 5px 15px
	}

#recently-added-holder{width:960px; height:180px; overflow:hidden; float:left; margin:0px 0px 10px 0px; position:relative;}
#recently-added{width:940px; padding:10px 10px 10px 10px; margin:10px 0px 0px 0px; float:left; background:url(../images/banner_background.jpg) left bottom repeat-x; }	
	#recently-added-holder h2{color:#ffffff; padding:10px 0px 0px 10px;}
	#recently-added .individualproducts{}
	#recently-added .individualproducts img{width:75px; height:75px; float:left;}
	#recently-added .individualproducts span.price{display:none;}
	#recently-added .individualproducts a.add_to_cart_small, #recently-added .individualproducts a.view{display:none;}
	#recently-added .individualproducts a.title{font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; width:80px; float:left; margin:0px 0px 0px 10px;}
	#recently-added-holder #nav_holder{float:left; width:940px; position:absolute; bottom:0px;}
	#recently-added-holder #nav_holder a{color:#ffffff; text-decoration:none;}
	#recently-added-holder #nav_holder a#next2{ margin-left:900px;}
	#recently-added ul li {width:171px; float:left; padding:10px 0px 10px 10px; margin:0px 5px 5px 0px; overflow:hidden; border:1px solid #95D755;}
	
#recently-added-sidebar{width:250px; padding:0px; margin:0px 0px 0px 5px; float:left;  }	
	#recently-added-holder h2{color:#ffffff; padding:10px 0px 0px 10px;}
	#recently-added-sidebar .individualproducts{width:250px;}
	#recently-added-sidebar .individualproducts img{width:40px; height:40px; float:left;}
	#recently-added-sidebar .individualproducts span.price{display:none;}
	#recently-added-sidebar .individualproducts a.add_to_cart_small, #recently-added-sidebar .individualproducts a.view{display:none;}
	#recently-added-sidebar .individualproducts a.title{font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; width:150px; float:left; margin:0px 0px 0px 10px;}
	#recently-added-sidebar #nav_holder{display:none;}
	#content #recently-added-sidebar ul{margin:0px;}
	#recently-added-sidebar ul li {width:250px; float:left; padding:5; margin:0px 0px 5px 0px; overflow:hidden; border-bottom:1px solid #95D755;}
	

	
#rotator {
	margin-top: 5px;
	
	}

div.banner_img{
	height: 170px; 
	width: 686px;
	
	
	}
	
div.banner_title{
	width: 666px;
	height: 15px;
	background-color: #068b71;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	}	

#nav_holder{
	width: 666px;
	height: 14px;
	background-color: #169a82;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 10px 1px 10px;
	
	}
#nav_holder a#prev{
	
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	
	
	}

#nav_holder a#next{
	margin-left: 625px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	
	
	}


#right_item{
	
	width: 215px;
	height: 240px;
	background: url(../images/banner_background.jpg) top left repeat-x;
	float: right; 
	padding: 10px;
	}

#right_item p{
	color: #ffffff;
	font-size: 12px;
	}

.news_item{
	border-bottom: 1px dashed #95d755;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	}
	
#items{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	}

ul#items{
	
	width: 960px;
	margin-left: 0px !important;
	list-style-type: none;
	}
	
span.link_text{
	position: absolute;
	left: -5000px;
	}

ul#items li{
float: left;
  clear: none;
  padding-left: 0px;
  margin-right: 15px;
  }

ul#items li#item3{
	
  margin-right: 0px;
	}
	
ul#items li#item5{
	margin-top: 10px;
  margin-right: 0px;
	}	

ul#items li#item4{
	margin-top: 10px;
	margin-right: 6px;
	}

ul#items li#item1 a{
	background: url(../images/item1_background.jpg) no-repeat;
	height: 152px;
	width: 310px;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}
	
ul#items li#item2 a{
	background: url(../images/item2_background.jpg) no-repeat;
	height: 152px;
	width: 310px;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}	

ul#items li#item3 a{
	background: url(../images/item3_background.jpg) no-repeat;
	height: 152px;
	width: 310px;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}


ul#items li#item4 a{
	background: url(../images/item4_background.jpg) no-repeat;
	height: 77px;
	width: 442px;
	display: block;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	padding: 20px 20px 5px 15px;
	}
	
ul#items li#item5 a{
	float: left;
	background: url(../images/item4_background.jpg) no-repeat;
	height: 77px;
	width: 442px;
	display: block;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 20px 20px 5px 15px;
	}
.small {
	font-size: 12px;
	}




/* ================================================== Breadcrumb  ==============*/
#breadcrumb {
  clear: both;
  display: block; 
  padding: 5px;
  font-size: 11px;
  color: #333;
}


/* ============= SITE MAP ====== */

#site_map{
  padding: 10px;
  margin: 10px;
}
#site_map .summary{
  font-size: inherit;
  color: #666;
}
#site_map .topnav_level{
  margin-top: 8px;
  font-size: 12px;
}
#site_map .subnav_level{
  margin-top: 6px;
  padding-left: 5px;
  font-size: 11px;
}
#site_map .subsubnav_level{
  margin-top: 4px;
  padding-left: 10px;
  font-size: 10px;
}


/* ===================================== CONTENT BLOCKS ================ */
#content{
  width: 960px;
  float: left;
  display: block;
  min-height: 200px;
border: none;
padding-left: 20px;
  padding-right: 20px;
  padding-top: 3px;
  padding-bottom: 20px;

}



#sidebar{
  width: 203px;
  background: url(../images/sidebar_background.jpg) repeat-x #068b71;
  float: left;
  clear: both;
  display: block;
  min-height: 400px;
}

#middle{
	margin-left: 20px;
	width: 470px;
	float: left;
 
  display: block;
	
	}


/* -- fix alignment -- */ 
#content ul{  margin-left: 40px;  }
#content li{  font-size: 11px;  }


/* ============================ right side bar ================== */
#rightsidebar{
  width: 261px;
  background: url(../images/rightsidebar_background.jpg) repeat-x #078B73;
  float: left;
  display: block;
  
	border: none;
}

/* ============================ Links ================== */

#link_holder{
	float: left;
	margin: 20px 0px 20px 50px;
	}

#link_holder ul{
	margin-left: 0px;
	}
	
li#designer_yarns, li#patterns_books, li#needles, li#other_links {
	float:left;
	width: 225px;
	
	margin-left: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 3px;
	}
li#designer_yarns a, li#patterns_books a, li#needles a, li#other_links a{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}


ul#designer li, ul#patterns li, ul#needle li, ul#other li{
	list-style-type: none;
	font-size: 12px;
	}

ul#designer li a, ul#patterns li a, ul#needle li a, ul#other li a{
color: #068b71;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 0px;
}




/* ============================ FOOTER ================== */
#footer{
	background-color: #068b71;
  clear: both;
  display: block;
  height: 79px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  
}
#footer p{
  margin: auto;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
}



#footer_links{
	width: 1000px;
	
	}

#footer_links ul{
	text-align: center;
	list-style-type: none;
	margin: 10px 0px 10px 70px;
	}

#footer_links li{
	font-size: 12px;
	font-weight: bold;
	color: #95d755;
	float: left;
	padding: 10px 10px 10px 10px;
	}

#footer_links li a{
	font-size: 12px;
	font-weight: bold;
	color: #95d755;
	
	}




ul#company_details{
	float: left;
  text-align: center;
  list-style: none;
  margin-left: 50px;
}
ul#company_details li {
  display: inline;
  font-size: 12px;
}



/* ======================================== Screen Reader Hack ==============================*/
.hidden{  
  display: none;
  /* \*/
  display: block;
  /* */
  position: absolute;
  left: -2000px;  
  top: -2000px; 
  width: 1px; 
  height: 1px;
}

/* ================ PHOTO Album ========== */


.photoalbum_item{
  padding: 4px;
  background-color: #999; 
  float: left;
  width: 150px;
}
#photoalbum_single_view p{
  padding: 4px;
  background-color: #999; 
    
}
.photo{
  padding: 4px;
  border: 1px solid #999; 
  float: left;
  width: 150px;
}
/*==============================FORM========================*/
div.form_holder {
  margin: 10px;
  float: left;
  	
}
form.site_form div.spacer {
  height: 40px;
  border: none;
}
form.site_form label {
  display: block;
    width: 170px;
    font-size: 11px;
  float: left;
  margin: 2px;
}
form.site_form input, form.site_form textarea{
 float: left;
  width: 170px;
  border: 1px solid #95D755;
	margin: 2px;
}

form.site_form select {
  width: 170px;
 float: left;
}

form.site_form label.error {
  color: red;
  font-size: 10px;
  width: 123px;
  float: left;
}

form.site_form div.spacer_textarea{
	  border: none;
	}
	
form#contact.site_form{
	float: left;
	}	
	
small {
	width: 425px;
	float: left;
	}

#address_holder{
	margin-top: 5px;
	width: 200px;
	float: left;
	}
	
#other_info_holder{
	margin-top: 5px;
	float: left;
	width: 200px;
	}

#location {
	width: 425px;
	float: left;
	clear: both;
	}

.holder {
	width: 200px;
	height: 200px;
	overflow: hidden;
	}	

a.small_white{
	float: right;
	background: none !important;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
	
	padding: 5px;
	color: #ffffff;
	}	

ul#faq_list{
	color: #95d755;
	margin: 2px 2px 2px 20px;
	
	}
	
ul#faq_list .faq_url{
		
		margin: 10px 0px 5px 0px;
	}

ul#faq_list .faq_url a{
		color: #95d755;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		margin: 5px 0px 5px 0px;
	}

.faq_url{
		
		margin: 10px 0px 5px 0px;
	}

.faq_url a{
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		margin: 5px 0px 5px 0px;
	}
	

div.faq_top a{
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
	
	}

a.contact_us{
		color: #95d755;
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
	}