/* OVERALL FORMATTING */
a{text-decoration:none;color:#177adc;outline:none;}
a img{border:none;}
/* a:visited{color:#275a8c;}
*/
a:hover{text-decoration:underline;}
body{margin:0;padding:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;}
form{margin:0;padding:0;}
.spacer{height:10px;}
.clear{clear:both;}
.pointer{cursor:pointer;}
#content{width:770px;display:block;margin-left:auto;margin-right:auto;position:relative;}
#content_outerwrap{position:relative;}
h1,h2{color:#512F11;font-family:Helvetica,Arial,sans-serif;font-weight:bold;margin:10px 0;}
h1{font-size:34px;margin-left:15px;}
h2{font-size:25px;}
#footer{font-size:10px;text-align:center;color:#888888;width:600px;margin-left:auto;margin-right:auto;padding-top:16px;}
#footer a{color:#888888;text-decoration:underline;}
#footer a:hover{color:#333333;}
/* NAVIGATION */
#nav_wrap{background-image:url('nav-bg.gif');background-repeat:repeat-x;width:100%;height:113px;
/* IE BUGFIX */
position: relative;
z-index: 20;}
.auth #nav_wrap{background-image:url('nav-bg-auth.gif');height:138px;}
#nav_innerwrap{width:770px;margin-left:auto;margin-right:auto;position:relative;}
#nav_logo{position:absolute;top:0;left:42px;}
#langselect{position:absolute;right:18px;top:6px;color:#888888;}
#nav_links li{display:block;float:right;list-style-type:none;}
#nav_links{position:absolute;top:54px;right:18px;margin:0;padding:0;}
#nav_links a{display:block;background:transparent url('nav_en.gif') no-repeat 0 0;text-indent:-9000px;height:13px;float:left;margin-top:6px;}
.fr #nav_links li a{background-image:url('nav_fr.gif');}
#nav_collections a{width:103px;}
.fr #nav_links #nav_collections a {
    width: 82px;
}
#nav_collections a:hover{background-position:0 -14px;}
#nav_buy a{width:29px;background-position:-115px 0;}
#nav_buy a:hover{background-position:-115px -14px;}
.fr #nav_links #nav_buy a{width:67px;background-position:-114px 0;}
.fr #nav_links #nav_buy a:hover{background-position:-114px -14px;}
#nav_about a{width:53px;background-position:-197px 0;}
#nav_about a:hover{background-position:-197px -14px;}
.fr #nav_links #nav_about a{width:75px;background-position:-196px 0;}
.fr #nav_links #nav_about a:hover{background-position:-196px -14px;}
#nav_wholesale a{width:93px;background-position:-294px 0;}
#nav_wholesale a:hover{background-position:-294px -14px;}
#nav_blog a {width:40px;background-position:-808px 0;}
#nav_blog a:hover{background-position:-808px -14px;}
.fr #nav_links #nav_wholesale a{width:64px;background-position:-283px 0;}
.fr #nav_links #nav_wholesale a:hover{background-position:-283px -14px;}
#nav_diamond a{width:87px;background-position:-406px 0;}
#nav_diamond a:hover{background-position:-406px -14px;}
#nav_nova a{width:54px;background-position:-508px 0;}
#nav_nova a:hover{background-position:-508px -14px;}
#nav_order a{width:51px;background-position:-588px 0;}
.fr #nav_order a{width:101px;}
#nav_order a:hover{background-position:-588px -14px;}
#nav_news a{width:42px;background-position:-700px 0;}
.fr #nav_news a{background-position:-712px 0;width:86px;}
#nav_news a:hover{background-position:-700px -14px;}
.fr #nav_news a:hover{background-position:-712px -14px;}
#nav_facebook a {width: 13px; background-position: -967px 0;}
#nav_facebook a:hover {background-position: -967px -14px;}
#nav_links li span{width:1px;height:22px;background-color:#7c420e;border-left:1px solid #787f7b;border-right:1px solid #7a6145;margin:0 12px 0 12px;display:inline;/* IE BUGFIX:No,this span shouldn't really be inline */
float:left;}
ul.nav_brands{position:absolute;background-color:#74bce8;border:2px solid #7c420e;margin:0;padding:0;top:76px;width:120px;z-index:20;}
.nav_brands li{list-style-type:none;}
.nav_brands li.needle-link a{background-color: #4D7C99; color: #DDDDDD;}
.nav_brands a{display:block;padding:2px 5px;color:#512F11;}
.nav_brands a:hover{background-color:#7c420e !important;color:#74bce8 !important;}
#nav_diamond_brands{left:333px;}
.fr #nav_diamond_brands{left:340px;}
#nav_nova_brands{left:445px;}
.fr #nav_nova_brands{left:461px;}
#nav_loggedin,#nav_orderpad{position:absolute;top:81px;overflow:hidden;height:15px;color:#DDDDDD;}
#nav_loggedin a,#nav_orderpad a{color:#DDDDDD;text-decoration:underline;}
#nav_loggedin a:hover,#nav_orderpad a:hover{color:white;}
#nav_loggedin{left:10px;}
#nav_orderpad{text-align:right;right:10px;}
#breadcrumbs{width:515px;text-align:right;color:#555555;position:absolute;right:10px;top:86px;}
.auth #breadcrumbs{top:108px;}
#breadcrumbs a{background:transparent url('breadglyph.png') no-repeat right;padding-right:13px;/* color:#5f9e9c;*/}
#searchbox{position:absolute;top:86px;left:10px;}
.auth #searchbox{top:108px;}
#searchinput{color:#ffffff;background-color:#bbbbbb;border-width:0;padding-left:4px;}
#searchbutton, #searchbox img{margin-left:6px;vertical-align:middle;}
#yarnfinder{position:absolute;top:105px;left:175px;background-color:#74bce8;padding:8px;border:2px solid #7c420e;width: 158px;}
.auth #yarnfinder{top: 125px;}
.yarnfinder select{display:block;background-color:#EEEEEE;border:1px solid #AAAAAA;margin:4px;width:150px;}
.yarnfinder h3{margin:0;color:#512f11;}
.yarnfinder select:hover,input:hover{border-color:#666666;}
.yarnfinder input{margin-left:auto;margin-right:4px;background-color:#EEEEEE;border:1px solid #AAAAAA;display:block;}
#buyslider{position:absolute;width:100%;height:81px;background-color:#46718c;border-bottom:2px solid #7c420e;border-top:1px solid #7c420e;color:#DDDDDD;top:76px;z-index:21;}
#buyslider p a{color:#eeeeee;text-decoration:underline;}
#buyslider p a:hover{font-weight: bold;}
#buyslider p{margin-left:auto;margin-right:auto;margin-top:-7px;padding:0;width:750px;font-size:130%;}
/* COMMON PAGE ELEMENTS */
.tiles{margin-left:auto;margin-right:auto;width:744px;}
.tile{display:block;float:left;position:relative;height:71px;width:356px;margin-left:5px;margin-right:5px;margin-bottom:5px;}
.tile img{border:none;padding:3px 3px 3px 3px;}
.tile img:hover{border:3px solid #177adc;padding:0;}
.tile .tile-label{position:absolute;left:3px;bottom:3px;font-size:20px;padding-left:5px;padding-bottom:0;padding-right:8px;margin:0;color:white;background-image:url('grey40.png');width:337px;overflow:hidden;font-weight:normal;}
.tile-arrow{position:absolute;right:3px;top:3px;background-image:url('seecolors.png');width:29px;height:31px;}
.tile .labelasnew{position:absolute;right:3px;top:3px;background-image:url('tile-new-w.png');width:52px;height:18px;}
.fr .tile .labelasnew{background-image:url('tile-new-fr.png');width:70px;height:12px;}
.tile.wide{margin-left:0;margin-right:0;width:458px;}
.tile.wide img{height:65px;width:458px;border:3px solid #999999;padding:0;}
.tile.wide img:hover{border:3px solid #177adc;}
.tile.wide .tile-label{width:445px;}
.thumbnail{height:auto;float:left;margin:0 18px 5px 18px;position:relative;display:inline;/* IE bugfix */}
.thumbnail-wide{margin:0 23px 5px 23px;}
.thumbnail img:hover{border-color:#177adc}
.thumbnail img.selected_image{border:2px solid #FFE889;}
.thumbnail img{padding:0px;border:2px solid #AAAAAA;width:75px;height:100px;}
.thumbnail.thumbnail-wide img{width:100px;height:75px;}
.thumbnail p{text-align:center;margin:1px 0 0 0;padding:0;width:77px;}
.thumbnail span{text-align:center;margin:0;padding:0;width:77px;height:39px;overflow:hidden;display:block;font-size:11px;line-height:13px;}
.thumbnail span.rotated{width:102px;}
.thumbnail span.smallthumbnail{width:62px;}
.thumbnail span.tall{height:65px;}
.thumbnail .labelasnew{position:absolute;left:2px;top:2px;width:75px;height:12px;background-image:url('thumbnail-new.png');}
.thumbnail .labelasfree{position:absolute;left:2px;top:2px;width:75px;height:12px;background-image:url('thumbnail-free.png');}
.fr .thumbnail .labelasfree{background-image:url('thumbnail-free-fr.png');}
.thumbnail.thumbnail-wide .labelasnew{width:100px;background-image:url('thumbnail-wide-new.png');}
.fr .thumbnail .labelasnew{background-image:url('thumbnail-new-fr.png');}
.fr .thumbnail.thumbnail-wide .labelasnew{background-image:url('thumbnail-wide-new-fr.png');}
.thumbnail .orderbutton{position:absolute;right:3px;top:85px;width:16px;height:16px;background-image:url('add.gif');cursor:pointer;}
.thumbnail .orderbutton.stockN{background-image:url('add-N.png');}
.thumbnail .orderbutton.stockR{background-image:url('add-R.png');}
.thumbnail .orderbutton.stockG{background-image:url('add-G.png');}
.thumbnail .orderbutton.stockY{background-image:url('add-Y.png');}
.thumbnail .orderbutton.specialorder{background-image:url('add-S.png');}
.thumbnail-wide .orderbutton{top:59px;}
.thumbnail .orderbutton:hover{background-image:url('add-hl.gif');}
.labelasfree{position:absolute;left:2px;top:2px;}
.img200 .labelasfree{width:200px;height:22px;background-image:url('freeoverlay-200.png');}
.fr .img200 .labelasfree {
    background-image: url('freeoverlay-200-fr.png');
}
.img200{position:relative;}
.img200 img{border:2px solid #AAAAAA;}
.img200 span{display:block;text-align:center;}
.pagenav{text-align:center;}
.pagenav span{font-size:13px;color:#777777;margin-left:10px;margin-right:10px;position:relative;bottom:4px;}
.pagebutton{display:inline-block;width:22px;height:22px;}
.pagebutton-next-ghost{background-image:url('page-next-ghost.png');}
.pagebutton-prev-ghost{background-image:url('page-prev-ghost.png');}
.pagebutton-next-active{background-image:url('page-next.png');}
.pagebutton-prev-active{background-image:url('page-prev.png');}
.pagebutton-next-active:hover{background-image:url('page-next-hl.png');}
.pagebutton-prev-active:hover{background-image:url('page-prev-hl.png');}
/* CHYRONS */
#chyron-ghost{height:120px;position:relative;top:5px;}
#chyron{position:absolute;left:0;top:5px;height:106px;margin:0;background-color:#FFFBE3;opacity:0.9;border-top:2px solid #666666;border-bottom:3px solid #888888;/* background:transparent url('chyrontest-95.png') repeat;*/
width:100%;overflow:hidden;z-index:10;}
#chyron img{opacity:1;}
#chyron.fixed{position:fixed;top:0;}
#chyron-wrap{position:relative;width:770px;margin-right:auto;margin-left:auto;color:#222222;}
.chyron-brandinfo img{position:absolute;left:0;top:14px;}
.chyron-brandinfo p{position:absolute;left:300px;top:10px;font-size:12px;}
#chyron-yarninfo-text{float:left;margin-top:8px;width:400px;overflow:hidden;}
#chyron-yarninfo-name{font-size:21px;margin-bottom:12px;margin-top:4px;white-space:nowrap;}
#chyron-yarninfo-images{float:right;margin-top:3px;}
#chyron-yarninfo-images img{margin-left:8px;width:75px;height:100px;}
.chyron-textonly p{font-size:14px;width:500px;margin-left:auto;margin-right:auto;}
.chyron-titleonly h1{margin:30px 0 0 30px;float: left;/* text-align:center;*/}
.chyron-form {
    float: right;
    margin-top: 6px;
    margin-right: 230px;
}
/* BUY BOX */
#buybox{position:absolute;width:200px;height:91px;background-color:#BBBBBB;border:2px solid #666666;top:0px;}
#buyboxtitle{background-color:#7c420e;border-bottom:3px solid #666666;color:#74bce8;font-size:14px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;padding:5px 0 3px 5px;}
#buybox a{display:block;position:absolute;right:5px;top:2px;color:#CCCCCC;text-decoration:underline;}
#buybox a:hover{color:white;}
#buyboxcontent{width:100%;height:100%;padding:5px;font-size:13px;}
#buybox input[type=text]{background-color:#FFFFFF;border:1px solid #666666;width:30px;margin-left:10px;}
#buybox input[type=submit]{position:absolute;right:5px;bottom:10px;}
#buybox span.status{display:block;position:absolute;bottom:10px;left:5px;font-weight:bold;}
#buybox span.success{color:green;}
/* CATALOG - YARN DETAIL */
#extra_image{margin-left:20px;float:right;padding-bottom:98px;margin-right:10px;}
#pattern_large{float:left;width:304px;margin-right:15px;}
#pattern_large span{font-size:11px;}
#yarn-name{font-size:20px;margin-bottom:8px;}
#yarn-details{font-size:11px;margin-bottom:14px;}
#yarn-info{margin-left:345px;}
#yarn-info.nopattern{margin-left:50px;margin-right:50px;}
#pattern_large_img{border:2px solid #666666;}
#pattern_thumbs{background-color:#4C3718;border-right:2px solid #967448;border-top:2px solid #967448;border-bottom:2px solid #967448;height:108px;margin-top:5px;margin-bottom:20px;margin-left:-15px;float:left;width:460px;position:relative;}
#pattern_thumb_imgs{margin-left:35px;margin-top:2px;}
#pattern_thumb_imgs .thumbnail{margin:0;border:none;}
#pattern_thumb_imgs img{padding:2px;cursor:pointer;border:none;}
#pattern_thumb_imgs img:hover{border:2px solid #177adc;padding:0;}
#pattern_thumb_imgs .selected{border:2px solid #FFCC66;padding:0;}
#patthumb_leftarrow,#patthumb_rightarrow{width:16px;height:31px;position:absolute;cursor:pointer;top:39px;}
#patthumb_leftarrow{background-image:url('leftarrow.png');left:7px;}
#patthumb_rightarrow{background-image:url('rightarrow.png');left:439px;}
#patthumb_leftarrow:hover{background-image:url('leftarrow-hl.png');}
#patthumb_rightarrow:hover{background-image:url('rightarrow-hl.png');}
.yarn-banner{position:relative;display:block;margin-left:auto;margin-right:auto;width:750px;height:104px;}
.banner-label{position:absolute;left:0;bottom:0;font-size:36px;padding:4px 9px 2px 6px;margin:0;color:white;background-image:url('grey40.png');font-weight:normal;}
/* REGISTRATION */
.registration{font-size:14px;}
.registration h1,h2,h3{margin-left:0;}
.registration td, .registration th{text-align:left;padding:4px;}
.registration input{font-size:14px;background-color:#DDDDDD;border:1px solid #777777;}
ul.errorlist{margin:0;padding:0;}
.errorlist li{display:block;padding:4px 5px 4px 6px;margin:0 0 3px 0;border:1px solid red;background-color:#444444;color:white;}
/* HOME */
#homeimg{position:relative;width:770px;height:370px;margin-top:5px;}
#hometagline{position:absolute;left:0;bottom:0;height:90px;width:770px;text-indent:-9000px;background:transparent url('home-tagline.png') no-repeat 0 0;}
.fr #hometagline {
    background-image: url('home-tagline-fr.png');
}
#homebrands{margin-top:4px;margin-bottom:12px;height:77px;width:770px;position:relative;}
#homebrandimgs{width:705px;margin-left:auto;margin-right:auto;}
.homebrandimg{display:block;float:left;width:225px;text-align:center;padding-left:5px;padding-right:5px;}
#homebrands img{border:0;}
#homebrandprev{position:absolute;top:25px;left:0;}
#homebrandnext{position:absolute;top:25px;right:0;}
#homeblurb{font-size:14px;width:490px;/* background-color:#9cdff5;*/
background-color:#A8D6FB;padding-bottom:15px;padding-top:10px;border-top:5px solid #7c420e;}
#homeblurb p{margin:0;}
#homenew{width:490px;padding-top:9px;background-color:#74bce8;}
#homenew a{color:#06358a;}
#homeblurb strong{font-weight:normal;font-size:18px;}
#homeblog{background-color:#4f8fc4;width:490px;margin:0;padding:13px 0;}
#homeblog h2{padding-bottom:6px;margin:0;}
#homeblog p{margin:0;padding:0 6px 0 0;font-size:14px;}
#homeblog h2 a{color:#512F11;}
#homeblog p a{color:#CCCCCC;}
#wholesale #leftcolumn p, #wholesale #leftcolumn li {font-size: 12px;}
#freepattern{position:absolute;right:0;top:0;margin-right:40px;width:205px;padding-top:9px;color:#CCCCCC;border-top:5px solid #74bce8;}
#freepattern .morelink{text-align:right;font-size: 13px;}
#freepattern .thumbnail{float:none;margin-left:52px;margin-top:14px;display:block;}
#freepattern .thumbnail span{height:auto;}
#home_colorwrapper{position:relative;background-color:#7c420e;border-bottom:3px solid #512F11;}
/* STORES */
#nearinput{margin:0;width:600px;font-size:26px;background-color:#DDDDDD;color:#222222;border:0;padding:4px;height:32px;vertical-align:top}
#nearsubmit{cursor:pointer;}
#nearform{text-align:center;margin:10px 0;padding:0;}
#onlinestores{width:300px;float:right;font-size:16px;}
#onlinestores ul,#localstores ul{list-style:none;margin:0;padding:0 0 0 18px;}
#onlinestores li{margin:0 0 10px 0;position:relative;}
#localstores li{margin:0 0 11px 0;position:relative;}
#localstores{width:450px;font-size:12px;}
#localstores p{font-size:16px;margin:0 30px 0 15px;}
#onlinestores h1,#localstores h1{margin:0;color:#7c420e;padding:13px 0 2px 14px;margin-bottom:12px;font-size:28px;}
.storename{font-size:20px;}
.osurl{padding-left:24px;font-size:12px;}
.osurl a{text-decoration:underline;color:#777777;}
.osurl a:hover{color:#177adc;}
.listnumber{position:absolute;left:-28px;font-size:10px;font-weight:bold;background-image:url('numbercircle.png');width:18px;display:inline-block;height:18px;text-align:center;top:3px;color:white;line-height:16px;margin-bottom:-10px;}

/* ACCESSORIES */
#content.accessories { font-family: "Open Sans", "Helvetica Neue", sans-serif; font-size: 14px; color: #555555;}

.accessories #accessory-list {
    margin-left: 220px;
}
.accessories .accessory-tile {
    float: left;
    width: 260px;
    padding: 15px 0 15px 15px;
}
.accessories .accessory-tile div {
    height: 40px;
    overflow: hidden;
    padding-top: 15px;
    text-align: center;
}

.accessories #filters {
    float: left;
    width: 198px;
    background-color: #e6e6e6;
    border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 3px;
    font-size: 13px;
}
.accessories #filters ul {
    padding: 0;
}
.accessories #filters li {
    list-style-type: none;
}
.accessories #filters li.selected {
    font-weight: bold;
}
.accessories #filters li.selected span.count {
    display: none;
}
.accessories #filters span.count {
    color: #555;
}
.accessories #filters h4 {
    font-weight: 300;
    font-size: 16px;
    margin: 5px 0 10px 0;
    color: #333333;
}

.accessories #needle_image {
    float: left;
    margin-bottom: 40px;
}

.accessories #needle_description {
    margin-left: 450px;
    margin-bottom: 20px
}

.accessories #needle_description p.title {
    font-size: 25px;
    font-weight: 300;
}

.accessories #needle_description p.title a {
    font-weight: 600;
}

.accessories ul.subsection_tabs {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
    clear: both;
    padding-bottom: 8px;
    border-bottom: 1px solid #aaaaaa;
    height: 20px;
    clear: both;
}

.accessories ul.subsection_tabs li {
    float: left;
    margin-right: 7px;
    text-align: center;
}

.accessories ul.subsection_tabs li strong {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 15px;
}

.accessories ul.subsection_tabs li a {
    display: block;
    height: 20px;
    padding: 4px 8px 3px 8px;
    background-color: #ffffff;
    color: #555;
    min-width: 80px;
    border-radius: 6px;
    position: relative;
    top: -4px;
}

.accessories ul.subsection_tabs li.tab a:hover {
    background-color: #177adc;
    color: #DDDDDD;
}

.accessories ul.subsection_tabs li.tab a.active {
    background-color: #83bef7;
    font-weight: 600;
}

.accessories #tabs {
    clear: both;
    padding-top: 8px;
}

.accessories .sku-details {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px;
}

.accessories .sku-details th {
    text-align: left;
    font-weight: 300;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 8px;
    font-size: 16px;
}
.accessories .sku-details td {
    padding: 4px 1px;
}
.accessories .sku-details tr:nth-child(odd) td {
    background-color: #eeeeee;
}

/* LIGHTBOX */
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;border:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:287px;height:220px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url('prevlabel.gif') left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url('nextlabel.gif') right 15% no-repeat;}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100% ;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#dddddd;}
/* PRINT */
@media print{
#nav_wrap{display:none;}
.labelasfree{display:none !important;}
.orderbutton{display:none !important;}
.labelasnew{display:none !important;}
#pattern_thumbs{display: none !important;}
}