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

html{font-size: 100%;} 
hr {color: #e5e5e5;}
body {font-family:arial,helvetica,serif;font-size:1em;line-height:1.35;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;background-color:#fff;background:url('/includes/images/sitebg.gif');}
#background {width: 50em;margin: 0 auto;z-index:10;}
#background_img{width: 50em;height: 30000px;}
#header {text-align: right;width: 50em;height: 6.9em;margin: 0;padding: 0;position: relative;z-index:37;overflow:hidden;}
#header_img{width:50em;height:8.125em;}
#headertext {position:absolute;top:4.5em;left:31.5em;text-align: center;width: 20em;height: 4.375em;margin: 0;padding: 0;z-index:50;}
#headertext_contact {position:absolute;top:-.2em;left:5em;text-align: center;width: 30em;height: 2em;margin: 0;padding: 0;z-index:50;}
#header h1 {font-size: 1em;display: inline;line-height:1em;}
#header h1 a {font-size: 2.2em;color: #517184;text-decoration: none;line-height:1em;font-variant:small-caps;  border: none;}
#header h2 {font-size: .8em;color: #fff;Display: inline;}
#searchbox {border: 1px solid #517184;color: #517184;font-style:italic;font-family: arial, verdana, ms sans serif;font-size:1.05em;background-color: #ffffff;margin-top:4px;}
#submitbutton { background-color: #b9cec9;border:1px solid #517184;color: #517184;font-family: arial, verdana, ms sans serif;font-size:1.05em;margin-top:4px;}
#submitbutton:hover{ background-color: #555;border:1px solid #517184;color: #fff;font-family: arial, verdana, ms sans serif;font-size:1.05em;margin-top:4px;}
#content_left_header {width:50em;margin: 0;text-align:center;padding: 0;z-index:100;background:url('/includes/images/mainbg_left.jpg') repeat-y left;}
#content_right_header{ width:50em; margin: 0; padding: 0; z-index:101; background:url('/includes/images/mainbg_right.jpg') repeat-y right; }
#navcontainer { width: 770px;background:url('/cart/jcart/menu-bg.png') repeat-x; height: 1.5em; text-align: left; margin: 0 15px; z-index:160; }
#container h1 { height: 1em; text-indent: -999em; margin: 0; }

.item_entry{width:240px;float:left;}
#content_left { width:50em; margin: 0; text-align:center; padding: 0; z-index:102; background:url('/includes/images/mainbg_left.jpg') repeat-y left; }
#content_right{ width:50em; margin: 0; padding: 0; z-index:103; background:url('/includes/images/mainbg_right.jpg') repeat-y right; }
#content h3 {color: #517184;text-decoration: none;}
a:link,a:active,a:visited{text-decoration:underline;color:#517184;}
#nav ul li a:active { background: #fff; }
img{border:none; }
a:hover{text-decoration:underline;color:red;border:none;}
#center { width: 58em; font-size:.8em; text-align: left; margin: -.8em auto 0 auto; background:#fff; }
/* h3,h4,h5,h6 { display: inline; }*/
.dark-row{background:#eee;border-bottom:1px solid #999;border-top:1px solid #999;}
/*td{border:1px solid #eee;padding: 5px;background:#fff;}
tr{border:1px solid #eee;}
table{border:1px solid #eee;font-size: 1em;}*/
#formdiv{font-size:.8em;text-align:center;width: 20.625em;margin:0 auto;border:none;}
.fieldsetclass{border:none;}
#leftcolumn{width: 14.7em; float:left;  border-right: 1px solid #517184; }
#leftcolumn p{padding: 0 1em 0 1em; }
#leftcolumn img{width:150px; }
#leftcolumn ul{padding: 0 2em 0 2em; }
#rightcolunm{width: 14em; border-left: 1px solid #517184;  float: right; }
#mainright{width: 42em;  background:#EEE; border: 1px solid #517184;  float: right; }
#mainright p{padding: 0 1em 0 1em; }
#mainright ul{padding: 0 2em 0 2em; }
#mainright h1,h2,h3,h4,h5,h6 { padding: 0 1em 0 1em; }
#mainright table{ margin: 0 auto; }
#viewbutton{background-color: #b9cec9; border:1px solid #517184; color: #517184; font-family: arial, verdana, ms sans serif; font-size:.9em; padding:1px 4px 1px 4px; text-decoration:none; }
#viewbutton a:link,.viewbutton a:visited, .viewbutton a:hover{text-decoration:none; }
#qtybutton{background-color: #fff; border:1px solid #517184; font-family: arial, verdana, ms sans serif; font-size:1em; margin-top:4px; }
#bookcart a{padding:1px 4px 1px 4px; } 
#footer{background-repeat: no-repeat; text-align: center; font-size: .8em; width: 50em; height: 6.25em; padding-top: 3.125em; margin: 0 auto; color: #ffffff; background-position: center top; }
#footer a{color: #ffffff; }
#footer_img{width:50em; }
#frm {border: none; width: 37.5em; }
#searchheader{margin: 0 ; padding-bottom: 15px; }
#bookseven{padding: 10px; background: #fff; border-top: 1px solid #517184; border-left: 1px solid #eee; }
.bookseven{padding: 10px; background: #fff; border-top: 1px solid #517184; border-left: 1px solid #eee; }
.buyit{padding: 10px;background:#faffaf !important;border-top: 1px solid #517184; border-left: 1px solid #eee;}
#bookseven h1,h2, h3, h4, h5{ padding: 0; margin:0;}
#bookstop{margin: 0 auto; padding: 0 0 4px 0; text-align:center; background:#fff; clear: both; }
#productimages{float: right;position:relative; margin: 0 auto; clear: right; min-height: 3.125em; }
#productform{ display:inline; }
#productimages img{ display:block;max-height:30em; }
#bookcart{ float: left; width: 50%; text-align: left; padding: 5px; }
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
#microthumbs{float:left;width:49%;margin:0;padding:1em 0;background:#000;color:#fff;}
#microthumbs_center{margin: 0 auto;width:95%;}
#microthumb {float:left;width:67px;height:35px;overflow:hidden; margin:1px;  position:relative;}
#microthumb a{display: block;  margin: 0 auto; width: 100%;  height: 100%; text-decoration: none;}
#microthumb a:hover{ display: block;  width: 95%;  height: 95%; border: 3px solid #fff;}
#tassle{float: right;margin:0 0 0 1em;padding:0;width:28em;}
#tassle img{margin:0;width:35px;}
.yarn_title{width:100%;background:#eeeecc;}
.yarn_title h2{display:inline;}
#descriptions h3, #descriptions p{padding:10px;}
#yarn_cart_component_l{float: left;margin:0;padding:0;width:42%;}
#yarn_cart_component_r{float: left;margin:0 0 0 5px;padding:0;width:56%;}
#yarn_cart_component{float: left;margin:0;padding:0;width:47%;}
.fiber_steps {float: left;background:#eeeecc;width:100%}

#yarn_info_component{float: left;padding:0 1em 2em 1em;margin:0;width:12em;}
#yarn_info_component_r{float: right;padding:0 1em 2em 1em;margin:0;width:12em;}
#yarn_color_selected{float: left;margin:0 auto;padding:0;width:14em;}
.thisColor{width:150px;height:150px}
#yarn_cart{background:#eec;float: left; margin:0 ;padding:0;width:100%;border-top:1px solid #777;}
#cart {background:#fff;padding:5px;margin:5px;}
#descriptions{padding:0;margin:0;width:50%;float:left;background:#eec;}
#shopping_area{margin:0 0;padding:0px;float:left;width:12em;}
#fiber_cart {float:right;background:#fff;padding:5px;clear:right;width:150px;}
#fiber_cart ul{margin:0 0 0 5px;padding:5px;}
#infos{float:right; background: #fff;margin:10px; padding:5px;}
.yarns{background: #fff; border-top: 1px solid #517184; border-left: 1px solid #eee; float:left;margin-top:20px;}
.sample_card{text-align:left;width:100%;float:right;color:#000;margin:0 auto;padding:0;background:#eec;}
.sample_card p{padding:0 1em;margin:0;}
#sample_card_form{display:inline;margin:0;padding:0;}
.check_out_box{width:49%;float:left;background:#eee;padding:1em 0;}
.yarn_infos{width:50%;float:right;background:#eec;padding: 0 0 1em 0;border-bottom:1px solid #777;}
.yarn_infos p{padding: 1em;}
.yarn_cart_center{width:100%;margin:0 auto;}
.anchorStyle{z-index:1000;position:relative;top:-50px;width:1px;height:1px;}
.zoomIcon{z-index:190;color:red;position:absolute;bottom:0;left:0;}
/*
JCART v1.1
http://conceptlogic.com/jcart/
*/

#wrapper { margin:30px auto 250px auto; width:650px; border:solid 1px #ccc; padding:30px; background:#efefef; }
/*#sidebar { width:35%; float:right; }
#content  { width:60%; }*/
.jcart { margin:0; padding:0px; border:1px solid #eee; float:left; text-align:left;width:100%; }
.jcart ul { margin:0; list-style:none; padding:0 20px; text-align:left; }
.jcart fieldset { border:0; }
.jcart strong { color:#000066; }
#no_underline{text-decoration:none;}
.jcart .button { margin:20px; padding:5px; }
.jcart img,.jcart input{vertical-align:text-top;}
.fieldset { border:0; }
.jcart-thumbnail{width:50px;height:50px;}
.clear { clear:both; }
.jcart-inner-table{border:0px;}
/*#apply-discount{border:none;background:url('/cart/jcart/applyDiscount.png');width:170px;height:60px;margin:0;padding:0;}
*/
#jcart-address-header{width:100%;}
#jcart-address-header td{width:25%;}
#jcart-subtotal{text-align:right;}
#jcart-incomplete{width:100%;margin:10px;padding:10px;}
#jcart * { margin:0; padding:0; font-family:arial, tahoma, verdana, sans-serif; background:#fff;}
#jcart, #jcart input, #jcart-tooltip { font-size:12px; }
#jcart fieldset { border:0; }
#jcart table { width:100%; border:0; border-collapse:collapse; }
#jcart tr {  }
#jcart td, #jcart td { padding:5px; border:0; border-collapse:collapse; vertical-align:top; text-align:left; font-weight:normal; }
#jcart td.empty { text-align:center; }
#jcart p.jcart-error { text-align:center; padding:5px; }
#jcart strong#jcart-title {  }
#jcart td {}
#jcart td#header {  }
#jcart td#footer {  }
#jcart td.jcart-item-qty { width:50px; }
#jcart td.jcart-item-name {}
#jcart td.jcart-item-price { width:50px; font-weight:bold; text-align:right; }
#jcart td.jcart-item-price span { display:block; }
#jcart td.jcart-item-thumbnail{width:50px;}
#jcart a.jcart-remove { font-size:11px; font-weight:normal; }
#jcart span#jcart-subtotal { display:block; }
#jcart span#jcart-subtotal strong {  }
#jcart input.jcart-button { padding:2px; margin:2px;cursor: pointer;}
#jcart input #jcart-checkout { float:right; }
#jcart input #jcart-paypal-checkout {padding:0px;}
#jcart-tooltip {z-index:2000; 
border:solid 1px #000; 
text-align:center;
padding:3px 7px 3px 25px;
margin:0 50px;
width: 300px;
background: #517184;
opacity:0.9;
height:100px; }
#items_div{height:280px;overflow:auto;}
.form_label {text-align:right !important;background:#fff;}
.form_textbox{width:180px;background:#eee;border:1px solid #517184;}
#apply-discount{margin:0;padding:6px;font-weight:bold;cursor:pointer;text-align:left;}
td.jcart-shipping {margin:0 !important;padding:0 !important;border:0 !important;text-align:center !important;}
td:hover.jcart-shipping {text-align:center !important;}
td:hover.jcart-select-shipping{background:#fff !important; text-align:left !important;}
td.jcart-select-shipping{padding-top:30px !important; text-align:left !important;}
#jcart-update-shipping{margin:0 !important;padding:0 !important;width:110px;}
#jcart-update-shipping:hover{background:#eee;}
#jcart-items-table{}
#code_messages{margin:0 30px;padding:5px;border:2px solid #eee;width:300px;}
#fill_in_please{background:#ff9900;}
.pad-top{padding-top:5px;text-align:center !important;}
#checklist{font-size:10px !important;}
/*jcart*/


/*** ESSENTIAL STYLES SUPERFISH ***/
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { font-size:14px; line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative;}
.sf-menu a { display:block; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:1.6em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
/*** DEMO SKIN ***/
.sf-menu { float:left; margin-bottom:	1em; width:100%;}
.sf-menu a {padding: .3em .8em; text-decoration:none; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/	
	color:#517184;
}
.sf-menu li {
	background:url(/cart/jcart/menu-bg.png) repeat-x;
}
.sf-menu li li { background:#AABDE6; }
.sf-menu li li li { background:#9AAEDB; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color:#517184;background:#CFDEFF; outline:0; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 		-999em;
	overflow:		hidden;
	background:		url('/includes/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/includes/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {background: transparent;}
#btn-slide{font-size:.8em;margin:0;padding:0;margin-top:5px;float:left;display:block;width:50px;height:40px;text-decoration:none;}

#no-js-sidebar{display:none}
#cartdiv {position:absolute;top:-.2em;left:38em;text-align: left;color:#fff;width: 10em;height: 4.375em;margin: 0;padding: 0;z-index:51;}

#inCart{margin:0 -50px 0 7px;padding:0;font-size:.8em;}
#shoppingbag{margin:0 6px 0 2px;padding:0;float:left;display:block;width:40px;height:80px;}


/* SPHIDER CSS */


/*Top categories*/
.main_cat1 {font-size: 16px; font-weight: bold; color:#0000FF}
.main_cat2 {font-size: 12px; font-weight: bold; color:#0000FF}
.cat1:visited {font-size: 16px; font-weight: bold; color:#5555AA}

/*Small urls*/
.url {color: #115599}


a:visited{color:#5555AA}
/*hr{color:#000066}*/

/*Page descriptions*/
.description{font-size: 13px;}

/* */
td {font-family:arial,sans-serif; font-size: 13px; }

/* Title/link of pages */
.title{color:#0000FF; font-size:15px}



.searchBox{border:1px solid #113377;}

#result_report {
	text-align:center ;
	padding:3px;
	background-color:#e5ecf9; 
	font-weight: bold;
	margin-bottom:14px;
}

.catBanner {
	padding:3px;
	margin-top:15px;
	background-color:#e5ecf9; 
	font-weight: bold
}
.webPageBanner {
	padding:3px;
	margin-top:20px;
	background-color:#e5ecf9; 
	font-weight: bold
}

hr{color:#000066;}
hr.powered{width:550px; color: #000066}

/*main results table */
#results{width: 740px;}

h1 {
	text-align: center;
	font-family: Verdana, Ariel;
	font-size:24px;
	color: #000066;
	}

#other_pages {
	text-align:center;
}

#powered_by {
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
	font-size:10px;
	text-align:center;

}

#common_report {
		text-align:center;
}

#cat_table {
		width:600px;
		margin-top:20px;
		padding-top:10px;
		padding-bottom:20px;
		border-top:1px solid #AAAAAA;
		border-bottom:1px solid #AAAAAA;

}

#cat_main {
	font-weight: bold;
}

.divline{
	margin-top:20px;
	margin-bottom:-5px;
	border-bottom:1px solid #DDDDDD;
}

#sub_cat {
	font-size:12px;
}

.idented {
	margin-left:30px;
}

#did_you_mean {
	font-size: 14px; 
	text-align:center ;
	margin:10px;

}
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; }
#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 1px solid #000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	
	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 1px solid #000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 0px;border-top:1px solid #fff;}

#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/includes/lytebox/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(/includes/lytebox/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url(/includes/lytebox/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/includes/lytebox/images/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(/includes/lytebox/images/close_grey.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(/includes/lytebox/images/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(/includes/lytebox/images/pause_grey.png) no-repeat; }