/*-- KnitPicks.com Header Styles --*/

body {
	background-color:#FFFFFF;
	padding:0;
	text-align:center;
	margin:0px auto 0 auto;
}

/*-- FLOATED ELEMENT CLEAR FIX --*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*-- HEADER --*/
div#main {
	background-color:#fff;
	border-color:#C4B7A6;
	padding:5px 0 10px 0;
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
}

div#siteHeader {
	margin:0 auto 0 auto;
	padding:0 0 2px;
}

div#custInfoBox {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:#47272A;
	float:right;
	text-align:left;
	margin-bottom:5px;
	margin-right:12px;
}
div#custInfoBox b a {
	font:bold 11px Verdana,Arial,Helvetica,sans-serif;
}
div#custInfoBox a {
	color:#930082;
	font:10px Verdana,Arial,Helvetica,sans-serif;
	text-decoration:underline;
}
div#custInfoBox a:hover {
	color:#630061;
}

h1#logoHeader {
	background:transparent url(/kpimages/structure/kpLogo_c.gif) top left no-repeat;
	cursor:pointer;
	display:block;
	margin:0 9px 0 -23px;
	padding:0;
	float:left;
	width:408px;
	height:75px;
	text-indent:-9999em;
}

div#logoBlurb {
	background-color:#750261;
	background:transparent url(/kpimages/structure/searchBarLong.gif) top center no-repeat;
	display:block;
	margin:0 0px -5px 0;
	padding:0;
	width:100%;
	height:30px;
	text-indent:-9999em;
}

/*-- SEARCH FORM --*/
div#searchBar {
    margin:-13px auto 0 auto;
	width:823px;
	padding-left:110px;
	text-align:right;
}

div#AllProductSearch {
	color:#fff;
	display:block;
	background-color:transparent;
	width:280px;
	float:right;
	margin-right:50px;
}

div#AllProductSearch label {
    color:#FFF;
	float:left;
	margin-top:0px;
	padding:0;
	font:bold 14px/18px Arial,Helvetica,sans-serif;
	width:58px;
}

div#AllProductSearch input#searchWords {
	color:#FFF;
	float:left;
	margin-top:-2px;
	padding:0;
	width:175px;
	height:18px;
	font:normal 13px Arial,Helvetica,sans-serif;
	border:1px solid #760461;
	text-align:left;
	text-indent:6px;
}

div#AllProductSearch input#keywordOnly {
	float:left;
	margin-left:3px;
	padding:0;
}

/*-- CART BLOCK --*/
div#cartBlock {
	display:block;
	width:825px;
	margin:0 auto 0 auto;
}

div#cartBlockDiv {
	cursor:pointer;
	width:185px;
	float:right;
	display:block;
	text-align:center;
}

img#cartQuickViewBtn {
	float:left;
	margin-top:1px;
	margin-left:5px;
	border:0px;
}

img#cartCheckoutBtn {
	float:right;
	margin-top:6px;
	margin-right:16px;
	border:0px;
}

span.cartLinks {
	font:bold 10px/19px Arial,Helvetica,sans-serif;
	margin-left:-7px;
}

span.cartLinks a {
	text-decoration:none;
	color:#47272a;
}

span.cartLinks a:hover {
	text-decoration:none;
	color:#97007a;
}

div#stashDiv {
	float:right;
	background-image:url(/kpimages/structure/cartBackground4.jpg);
	background-repeat:no-repeat;
	width:235px;
	padding-top:3px;
	margin-bottom:5px;
}

div#cartBlockTxt {
	font:bold 10px/13px Arial,Helvetica,sans-serif;
	text-decoration:none;
	text-align:center;
	float:right;
	margin-right:12px;
	margin-top:-12px;
	color:#4F363D;
	width:100%;
}

div#cartBlockTxt a {
	text-decoration:none;
	color:#47272A;
}

span#cartLeftUntilFS {
	color:#760560;
	font-weight:normal;
	letter-spacing:-.5px;
}

span#cartIsFS {
	font-size:9px;
	color:#760560;
	font-weight:normal;
}

/*-- CART QUICK VIEW / ITEMS ADDED TO CART BOX --*/
input.cartQuickView {
	background:transparent url(/kpimages/structure/cartQuickView_btn.jpg) no-repeat;
	border:0px;
	width:90px;
	height:10px;
	margin:2px auto;
	cursor:pointer;
}
.closeQuickView {
	background:#E3E0CF none repeat scroll 0 0;
	border:1px solid #BFBAA1;
	color:#46262B;
	cursor:pointer;
}
table#cartContents {
	color:#4F363D;
	font:11px/14px "Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}
table#cartContents th {
	font-weight:bold;
	font-size:12px;
	background-color:#EFEDE0;
	padding-left:10px;
	padding-right:10px;
}
table#cartContents td {
	padding:3px 10px 3px 10px;
}
table#cartContents td.DataB {
	background-color:#F7F6EF;
}
div#cartQuickView {
	position:absolute;
	margin-left:-185px;
	margin-top:47px;
	width:400px;
	height:400px;
	z-index:1;
	border: 5px solid #760360;
	background-color:#FFFFFF;
	color:#4F363D;
	font:11px/14px "Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}
div#cartQuickView div#itemsContainer {
	height:373px;
	overflow-y:scroll;
}
div#cartQuickView div.listItemAdded {
	float:left;
	width:100%;
	margin-bottom:15px;
	text-align:left;
}
div#cartQuickView div.itemThumbnail {
	float:left;
	width:55px;
}
div#cartQuickView h3 {
	font:bold italic 16px Lucida Sans, Arial;
	color:#750460;
	text-align:center;
	width:100%;
	margin:0 0 5px 0;
	padding:8px 0 8px 0;
	background-color:#EFEDE0;
}
div#cartQuickView img.itemAddedThumbnail {
	float:left;
	height:55px;
}
div#cartQuickView span.itemTitle {
	float:left;
	font:bold italic 14px Lucida Sans, Arial;
	color:#46262B;
}
div#cartQuickView span.itemDetails {
	float:left;
	color:#B37DAA;
	font:11px "Georgia","Times New Roman",Times,serif;
}
div#cartQuickView span.existingCartItem {
	color:#4F363D;
	font:11px/14px "Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}
div#cartQuickView div#cartQuickViewSubTotal {
	float:right;
	text-align:right;
	margin-right:5px;
}
div#cartQuickView div#footerBar {
	height:20px;
	width:370px;
	padding-top:5px;
	padding-right:15px;
	padding-left:15px;
	background-color:#F3F2EF;
	border-top:2px solid #CBB8C8;
}
div#cartQuickView div#footerBar a {	
	font:12px "Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	color:#660055;
	float:right;
	text-decoration:none;
}
div#cartQuickView div#footerBar a#closeCartQuickView {
	float:left;
}
div#cartQuickView div#footerBar a:hover {
	color:#C700AB;
	text-decoration:underline;
}
img#cartLogout {
	border:0px;
	margin-top:-17px;
	margin-left:-15px;
}
div#reAddToWishList {
	color:#930082;
	font:12px Verdana,Arial,Helvetica,sans-serif;
}

/*-- SITE NAVIGATION --*/
div#siteNav {
    background-color:#E3E0CF;
	width:100%;
    margin:0 auto 0 auto;
}

ul#siteNav {
	background-color:#E3E0CF;
	margin:2px auto 0 auto;
	padding:3px 0 3px 14px;
	width:870px;
	list-style-type:none;
}

ul#siteNav li {
	float:left;
	padding:0;
	list-style:none;
	margin:5px 6px -3px -5px;
}

ul#siteNav li#last {
	margin-left:99px;
}

ul#siteNav li a.main {
	background:url(/kpimages/structure/siteNavBtnBG.jpg) repeat-x 0 0;
	color:#564531;
	text-decoration:none;
	display:block;
	padding:0 11px 0 11px;
	width:auto;
	height:24px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#878266;
	border-bottom-color:#E3E0CF;
	font:bold 12px/25px "Lucida Sans",Arial,Helvetica,sans-serif;
	text-align:left;
}

ul#siteNav li a:hover {
	color:#FFFFFF;
}


ul#siteNav a.subNav {
	background-color:#F1EEE7;
	color:#47272a;
	z-index:1;
	display:block;
	margin:0;
	padding:0 2px 0 6px;
	width:77px;
	font:bold 10px/16px "Lucida Sans",Arial,Helvetica,sans-serif;
	text-align:left;
	text-decoration:none;
	letter-spacing:1.5px;
}

#siteNav li:hover ul, #siteNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-right:5px;
}

ul#siteNav li a:hover {
	color:#FFFFFF;
}

ul#siteNav a.subNav:hover {
	background-color:#7C0E68;
	color:#F1EEE7;
}

ul#siteNav li a#clearance {
	background-image:url(/kpimages/structure/siteNavBtnBG.jpg);
	color:#8F0000;
	cursor:text;
}


ul#siteNav li div.dropDownNav { /* drop down nav */
	float:left;
	position:absolute;
	z-index:1;
	font:12px/20px "Lucida Sans",Arial,Helvetica,sans-serif;
	color:#564531;
	background-color:#FFFFFF;
	padding:6px 10px 6px 10px;
	border:2px solid #878266;
	text-align:left;
}
ul#siteNav li div.dropDownNav a {
	color:#75025F;
	text-decoration:none;
	font-weight:bold;
	display:block;
	margin:0;
}
ul#siteNav li div.dropDownNav a:hover {
	color:#BF56AE;
	text-decoration:underline;
}

body.kits ul#siteNav li a#kits, body.yarn ul#siteNav li a#yarn, body.patterns ul#siteNav li a#patterns, body.needles ul#siteNav li a#needles, body.books ul#siteNav li a#books, body.acc ul#siteNav li a#acc, body.fiber ul#siteNav li a#fiber, body.tutorials ul#siteNav li a#tutorials, body.staffPicks ul#siteNav li a#staffPicks, body.knitRoom ul#siteNav li a#knitRoom {
	/* changes background of current tab/page */
	background-image:url(/kpimages/structure/siteNavCurrentPage.jpg);
	color:#FFFFFF;
}

/*-- Holiday Store --*/
ul#siteNav li a#christmas {
	background-image:url(/kpimages/structure/siteNavCurrentPage_christmas.jpg);
	color:#FFFFFF;
}

/* KnitPicks.com Footer Styles */
div#footer {
    background:transparent url(/kpimages/structure/10footerbkg.jpg) repeat-x top left;
	clear:both;
	height:auto;
	padding:0 0 10px;
	width:100%;
}

div#footerContent {
    width:880px;
    margin:0 auto 0 auto;
}

div#footer hr {
    color:#E3E0CF;
    background-color:#E3E0CF;
	margin:0;
    border:none;
    height:1px;
    clear:both;
}

form#catalogAddToCart, div#CatalogAddToCart {
    display:block;
	padding:8px;
	float:right;
	border:3px outset #CBB8CB;
	margin:0 0 10px 5px;
}

form#catalogAddToCart label, div#CatalogAddToCart label {
	color:#61464D;
	font: bold 11px/14px "Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	padding-left:0;
	width:125px;
}

form#catalogAddToCart input#quickCart, div#CatalogAddToCart input#quickCart {
	color:#750460;
	border:1px solid #C5C1B6;
	font: bold 11px/18px "Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	padding:0;
	text-align:left;
	text-indent:6px;
	width:85px;
	height:20px;
}

form#catalogAddToCart input#catCartGo, div#CatalogAddToCart input#catCartGo {
    background-color:#DFDBD4;
	border:2px outset #CBB8CB;
	height:20px;
	vertical-align:middle;
	width:34px;
	color:#660055;
	font:bold 9px Verdana,sans-serif;
	padding:0;
}

div#emailSignUp {
    display:block;
    float:right;
    margin:7px 40px 0 0 ;
}

span.freeShip {
    color:#47242A;
	display:block;
    font:bold italic 14px/14px Arial,Helvetica,sans-serif;
    float:left;
    margin:11px 0px 0 5px;
}

span.lower48 {
    color:#564531;
	display:inline;
    font:bold 10px/10px Arial,Helvetica,sans-serif;
    float:left;
    margin:13px 0 0 15px;
    clear:right;
    padding-bottom:5px;
}

/*-- QUESTIONS, FOR CUSTOMERS, COMPANY INFO --*/
div#siteFooterLinks {	
    text-align:center;	
    margin:15px auto 0 auto;    
    width:880px;
}
div#siteFooterLinks a {
	color:#564531;
	text-decoration:none;
    font:bold 9px/15px Verdana,Arial,sans-serif;
}
div#siteFooterLinks a:hover {
	color:#877765;
}
div#questions {
	width:180px;
	margin-left:13px;
	float:left;
}
div#questions div#questionsLeftCol {
	float:left;
	text-align:left;
}
div#questions div#questionsRtCol {
	float:right;
	text-align:left;
}
div#forcustomers {
	width:240px;
	float:left;
	margin-left:30px;
}
div#forcustomers div#forCustomersLeftCol {
	float:left;
	text-align:left;
}
div#forcustomers div#forCustomersRtCol {
	float:right;
	text-align:left;
}
div#companyinfo {
	text-align:left;
	width:115px;
	float:left;
	margin-left:30px;
}
div#companyinfoLeftCol {
	text-align:left;
}
div#siteFooterLinks div#veriSign {
	float:left;
	margin-right:10px;
}
div#siteFooterLinks div#trustWave {
    float:right;
	margin-right:30px;
	margin-top:16px;
}
div#freeshipstip {
	font:normal 9px/14px "Lucida Sans",Arial,Helvetica,sans-serif;
	float:right;
	margin-top:-20px;
	margin-bottom:-16px;
}

/*-- COPYRIGHT NOTICE --*/
div#TMCopyright {
	color:#333;
	margin:0 auto;
	padding:5px 0 10px;
	width:776px;
	font:normal 9px/14px "Lucida Sans",Arial,Helvetica,sans-serif;
	text-align:right;
}

div#TMCopyright span#tm {
	float:left;
}

div#trustWave {
    margin:16px 0 0 0;
    float:right;
}

div#siteWideNoticeMsg {
	border:2px solid #E3E0CF;
	text-align:left;
	color:#232323;
	font:12px/17px Verdana, Geneva, sans-serif;
	padding:5px 8px 5px 8px;
	width:820px;
	margin:8px 30px 5px 0px;
}
div#siteWideNoticeMsg b {
	color:#760461;
}