html, body {background: #fff; color: #444; margin: 0; padding: 0; font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 13px;}
body {
overflow-x: hidden; /* Prevent scroll on narrow devices */
height: 100%;
}
h1, h2, h3, h4, h5, h6 {
/*font-family: 'Slabo 27px', serif;*/
font-family: 'Domine', serif;
vertical-align: baseline;
color: #333333;
font-weight: 400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333333;}
h1 {font-size: 24px;}
h2 {font-size: 19px;}
h3 {font-size: 16px;}
h4 {font-size: 13px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-family: 'Open Sans', sans-serif!important; font-weight: 400;}
h1.bt, h2.bt, h3.bt, h4.bt, h5.bt, h6.bt {padding-top: 10px; margin-top: 10px; border-top: 1px dotted #e5e5e5;}
h1.bb, h2.bb, h3.bb, h4.bb, h5.bb, h6.bb {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #e5e5e5;}
h1.script, h2.script, h3.script, h4.script, h5.script, h6.script {font-family: 'Parisienne', cursive!important; font-weight: normal;}
h1.script {font-size: 35px;}
h2.script {font-size: 28px;}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {border-top: 1px dotted #e2e2e2; border-bottom: 1px dotted #e2e2e2; text-align: center;}
h1.title {padding: 15px 0;}
h2.title {padding: 10px 0;}
h3.title {padding: 5px 0;}
h3.browse {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/magnifier.png') no-repeat left center; padding-left: 20px;}
h2.order-yarn {height: 80px; background: url('/National_Library/oe_/http://garnstudio.com/img/retailers/order-yarn.jpg') no-repeat right bottom; padding-top: 30px; margin-top: 0;}
hr.div {height: 1px; border: 0; background: #e2e2e2; color: #e2e2e2; clear: both; margin: 0 0 15px 0; padding: 0;}
.padding-0 {padding: 0!important;}
.padding-sm {padding: 2px!important;}
.padding-md {padding: 5px!important;}
a {color: #333333;}
a:hover {color: #333333; text-decoration: underline;}
a.comment {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/balloon-small.png') no-repeat left center; padding-left: 20px;}
a.price-tag {padding-left: 16px; background: url('/National_Library/oe_/http://garnstudio.com/img/icon/price-tag.png') no-repeat left 5px;}
.small {font-size: 10px;}
.medium {font-size: 14px; line-height: 22px;}
.crossed {text-decoration: line-through;}
.underlined {text-decoration: underline!important; color: #663;}
.refs {text-transform: uppercase; line-height: 50px;}
.text-danger {color: #bf2529!important;}
.gray-darker {color: #222222;}
.gray-dark {color: #333333;}
.gray {color: #555555;}
.gray-light {color: #999999;}
.gray-lighter {color: #eeeeee;}
.text-inspiration {font-style: italic; text-align: center; font-size: 15px; margin: 0 auto 20px auto; max-width: 500px;}
.printit {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/print.gif') no-repeat left top; padding-top: 2px; padding-left: 20px;}
.alert.alert-success {background: #edeff1; border-color: #bac1c8; color: #899199;}
.share-this {margin: 10px 0;}
.share-this span {margin: 0; padding: 0;}
blockquote.share {margin: 5px 0; padding: 10px 15px; clear: both; -moz-box-shadow: 1px 1px 0 #e6e6e6; -webkit-box-shadow: 1px 1px 0 #e6e6e6; box-shadow: 1px 1px 0 #e6e6e6; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6'); zoom: 1; display: block; background: #e5e5e5; border: 1px solid #ccc; color: #333;}
blockquote.info {margin: 5px 0; padding: 13px 10px 13px 32px; clear: both; -moz-box-shadow: 1px 1px 0 #e6e6e6; -webkit-box-shadow: 1px 1px 0 #e6e6e6; box-shadow: 1px 1px 0 #e6e6e6; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6'); zoom: 1; display: block; background: url(/National_Library/oe_/http://garnstudio.com/img/icon/icon-info.png) no-repeat 10px 8px #E9F3F8; border: 1px solid #BBD7E4; color: #333;}
blockquote.price-info {margin: 5px 0; padding: 13px 10px; clear: both; font-size: 15px; border: 1px solid #ccc; background: #f5f5f5;}
blockquote.info.warning {clear: both; display: block; background: url(/National_Library/oe_/http://garnstudio.com/img/icon/icon-warning.png) no-repeat 10px 8px #cc3333; border: 1px solid #9a0000; color: #fff;}
/*Image Styles */
img.banner {background: #fff; padding: 5px; border: 1px solid #e5e5e5; border-radius: 5px; box-shadow: 1px 1px 0 #e6e6e6; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');}
img.outline {padding: 5px; border: 1px solid #e5e5e5; border-radius: 5px;}
img.outlinenp {padding: 0; border: 1px solid #e5e5e5;}
img.img-title {margin-top: 10px; margin-bottom: 10px;}
img.pt_thumb {display: block; position: relative; border: 3px solid #fff; border-radius: 3px; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.25),transparent 0 0 0,transparent 0 0 0; box-shadow: 0 1px 2px 0 rgba(0,0,0,.25),transparent 0 0 0,transparent 0 0 0;}
/* Follow icons */
ul.thumbs {list-style: none; margin: 5px 0; padding: 0;}
ul.thumbs li {display: block-inline; float: left;}
ul.thumbs li img {max-width: 50px;}
ul.follow-us {list-style: none; margin: 0; padding: 0;}
ul.follow-us li {display: block-inline; margin: 2px; background: #A1B463 ; float: left;}
ul.follow-us li a {}
ul.follow-us li img {width: 16px; margin: 8px; color: #fff; line-height: 16px;}
ul.follow-us.xs li {background: #666;}
ul.follow-us.xs li img {width: 12px; margin: 5px; color: #fff; line-height: 12px;}
ul.follow-us.ret {display: block; clear: both; margin-top: 2px; margin-bottom: 8px;}
ul.follow-us.ret li {background: #666; border-radius: 0; display: block-inline; margin: 0 2px 5px 0;}
ul.follow-us.ret li img {width: 12px; margin: 8px; color: #fff; line-height: 12px;}
.clear {clear: both;}
.clear-right {clear: right;}
.clear-left {clear: left;}
/*********General Table classes*********/
td.thumb {max-width: 70px;}
td.empty {background: #e8e8e8;}
tr.header th {vertical-align: bottom!important;}
td.prices {white-space: nowrap;}
.table tbody>tr>td.vert-align {vertical-align: middle;}
table.lines {width: 100%; border-collapse: collapse;}
table.lines, table.lines th, table.lines td {border: 1px solid #ccc;}
table.lines td.text-right {text-align: right;}
#diag_symbols tr td {vertical-align: top;}
#diag_symbols tr td.symbol {text-align: right;}
/*********tabs*********/
.nav-tabs {}
.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-top:4px;padding-top:6px;padding-bottom:6px;line-height:2.0825;border:1px solid #ddd;border-radius:4px 4px 0 0;background-color:#eee}.nav-tabs>li>a:hover{outline:none}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{padding-top:8px;padding-bottom:8px;margin-top:0;color:#555;background-color:#fcfcfc;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;outline:none;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fcfcfc}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#63b76c}.nav-justified>li,.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fcfcfc}}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.nav-tabs.nav-stacked{border-bottom:0}.nav-tabs.nav-stacked>li{margin-bottom:5.75px;border:1px solid #ededed;border-bottom:1px solid #d1d1d1}.nav-tabs.nav-stacked>li>a{margin:0;border:0;border-left:5px solid #ddd;background-color:#fff;padding:14px 18px;border-radius:0;-webkit-transition:background .3s ease-out;-o-transition:background .3s ease-out;transition:background .3s ease-out}.nav-tabs.nav-stacked>.active>a,.nav-tabs.nav-stacked>.active>a:focus,.nav-tabs.nav-stacked>.active>a:hover,.nav-tabs.nav-stacked>li>a:focus,.nav-tabs.nav-stacked>li>a:hover{color:#fff;padding:14px 18px;border:0;border-left:5px solid #418d49;background-color:#63b76c;z-index:2;-webkit-transition:background .05s ease;-o-transition:background .05s ease;transition:background .05s ease}.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0}.nav-list .nav-header{display:block;font-size:11px;font-weight:700;line-height:1.666;color:#777;text-transform:uppercase}.nav-list li+.nav-header{margin-top:9px}.nav-list .nav-header,.nav-list>li>a{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,.5);padding:8px 25px}.nav-list>li>a:focus,.nav-list>li>a:hover{background-color:transparent}.nav-list>.active>a,.nav-list>.active>a:focus,.nav-list>.active>a:hover{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-color:#63b76c}.nav-list [class*=" icon-"],.nav-list [class^=icon-]{margin-right:2px}.nav-list .divider{height:1px;margin:10.5px 0;overflow:hidden;background-color:#e5e5e5}.tabbable:after,.tabbable:before{content:" ";display:table}.tabbable:after{clear:both}.tab-content{overflow:auto;padding:20px;border-style:solid;border-color:#ddd;border-width:0 1px 1px}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.pill-content>.pill-pane,.tab-content>.tab-pane{display:none}.pill-content>.active,.tab-content>.active{display:block}.tabs-below .tab-content{border-width:1px 1px 0}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{margin-top:0;margin-bottom:4px;border-radius:0 0 2px 2px}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:focus,.tabs-below>.nav-tabs>.active>a:hover{margin-bottom:0;border-color:transparent #ddd #ddd #ddd}
/*********General Layout*********/
#all {width: 100%; float: left; clear: both; padding: 0px; margin: 0px;}
#all, body.admin_full #all {background: none;}
#site_wrapper {max-width: 1020px; margin: 0 auto; padding: 0; clear: both; display: block;} /* testing wider pages on the retailer pages */
#top-ad {margin: 0; padding: 0; background: #d85656; height: 30px; color: #fff; line-height: 30px; font-size: 11px; overflow: hidden;}
#top-ad a {color: #fff;}
#top-ad a.cc {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/starh.png') no-repeat left center; padding-left: 13px;}
#top-ad .row.top_nav {max-width: 1020px; margin: 0 auto;}
#top-nav {margin: 0; padding: 0; background: #fff; border-top: 1px solid #b45458; border-bottom: 1px dotted #e5e5e5;}
#top-nav .row.top_nav {max-width: 1020px; margin: 0 auto;}
#top-nav .row.top_nav .top-links {font-size: 10px; text-transform: uppercase; color: #fff; line-height: 1px;}
#top-nav .row.top_nav .top-links #MyModal {line-height: normal;}
#top-nav .row.top_nav .top-links .item {display: inline-block; padding: 0 10px; margin: 0; height: 35px; border-left: 1px dotted #e5e5e5; border-right: 1px dotted #e5e5e5; line-height: 35px; box-sizing: border-box; }
#top-nav .row.top_nav .top-links .item-r {display: inline-block; padding: 0 10px; margin: 0; height: 35px; border-right: 1px dotted #e5e5e5; line-height: 35px; box-sizing: border-box; }
#top-nav .row.top_nav select {font-size: 10px!important; border: 0;}
#top-nav .row.top_nav .top-links a {color: #444;}
#site_wrapper .row.header {background: url('/National_Library/oe_/http://garnstudio.com/img/home/header_pic.jpg') no-repeat center top;}
#site_wrapper .row.header.halloween {background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/halloween-header.jpg') no-repeat center top;}
#site_wrapper .row.header.christmas-workshop {background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/christmas-workshop-header.jpg') no-repeat center top;}
#site_wrapper .row.header.christmas-workshop .click {position: absolute; left: 30%; padding-top: 10px;}
#site_wrapper .row.header.christmas-calendar {background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/christmas-calendar-header.jpg') no-repeat center top;}
#site_wrapper .row.header.christmas-calendar .click {position: absolute; left: 30%; padding-top: 10px;}
#site_wrapper .row.header img.header-logo {}
#site_wrapper .row.header .top_search-box {margin: 10px 0; padding: 8px 15px; background: #f5f5f5; border: 1px solid #e5e5e5; box-shadow: 0 1px 0px #e5e5e5;}
#site_wrapper .row.header .top_search-box.extra-options {position: absolute; z-index: 1009; right: 0;}
#site_wrapper .row.header .top_search-box.extra-options #SearchTipModal_header {z-index: 9999;}
#site_wrapper .row.header .top_search-box input, #site_wrapper .row.header .top_search-box select {border: 0;}
#site_wrapper .row.header .top_search-box .form-group {padding-bottom: 0; margin-bottom: 5px;}
#site_wrapper .row.header .top_search-box .btn {font-size: 11px; border: 0!important; box-shadow: 2px 2px 0 #e5e5e5;}
.modal-content.search-tip {font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
.modal-content.lang-switch {font-size: 12px;}
.modal-content.lang-switch a.list-group-item {padding: 3px 5px; border:0; border-bottom: 1px dotted #ccc; border-radius: 0; margin-bottom: 1px;}
.modal-content.lang-switch .list-group-item.active {color:#fff; background-color:#A1B463; border-color:#94a54c;}
#footer_wrapper {width: 100%; background: #edeff1; padding: 0; clear: both; display: block; font-size: 12px;}
#footer_wrapper .row.footer {max-width: 1020px; margin: 0 auto; padding: 10px; color: #899199;}
#footer_wrapper .row.footer a {color: #899199;}
/* Sidebar - mobile collapse */
@media screen and (min-width: 768px) {
.row-offcanvas {position: relative; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out; margin-top: 20px;}
.row-offcanvas-right {right: 25%;}
.row-offcanvas-left {left: 25%;}
.row-offcanvas-right .sidebar-offcanvas {right: -25%; /* 3 columns */ background-color: rgb(255, 255, 255);}
.row-offcanvas-left .sidebar-offcanvas {left: -25%; /* 3 columns */ background-color: rgb(255, 255, 255);}
.row-offcanvas-right.active {right: 0; /* 3 columns */}
.row-offcanvas-left.active {left: 0; /* 3 columns */}
.row-offcanvas-right.active .sidebar-offcanvas {background-color: rgb(254, 254, 254);}
.row-offcanvas-left.active .sidebar-offcanvas {background-color: rgb(254, 254, 254);}
.row-offcanvas .main-content {width: 75%; /* 9 columns */ -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out; min-height: 700px;}
.row-offcanvas.active .main-content {width: 100%; /* 12 columns */}
.sidebar-offcanvas {position: absolute; top: 0; width: 25%; /* 3 columns */}
}
@media screen and (max-width: 767px) {
#site_wrapper .row.header .top_search-box.extra-options {position: static;}
.row-offcanvas {position: relative; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; transition: all .25s ease-out;}
.row-offcanvas-right {right: 0;}
.row-offcanvas-left {left: 0;}
.row-offcanvas-right .sidebar-offcanvas {right: -50%; /* 6 columns */}
.row-offcanvas-left .sidebar-offcanvas {left: -50%; /* 6 columns */}
.row-offcanvas-right.active {right: 50%; /* 6 columns */}
.row-offcanvas-left.active {left: 50%; /* 6 columns */}
.sidebar-offcanvas {position: absolute; top: 0; width: 50%; /* 6 columns */}
#site_wrapper .row.header .top_search-box {margin: 0;}
}
/* Container */
.container-fluid {}
.container-fluid.in {}
.left_col {}
.row.bt {border-top: 1px solid #f5f5f5;}
.row.bb {border-bottom: 1px solid #f5f5f5;}
.row.no-pad {margin-right:0; margin-left:0;}
.row.no-pad > [class*='col-'] {padding-right:0; padding-left:0;}
.row.divider {padding: 0; border-top: 1px dotted #dedede; margin: 10px 0;}
.header-gap {height: 100px;}
.widget {padding: 0px 10px; border-radius: 5px; border: 1px solid #e3e3e3;}
.widget.light {background: #f5f5f5;}
.widget h2, .widget h3, .widget h4, .widget h5 {padding: 4px 0; margin: 4px 0;}
/* Left menu */
ul.menu_left {font-weight: 400!important; margin: 0; padding: 0;}
ul.menu_left a {color: #333333;}
ul.menu_left li {list-style: none; padding: 5px; margin: 0; border-bottom: 1px dotted #e5e5e5;}
ul.menu_left li a:hover {color: #A1B463; text-decoration: none;}
ul.menu_left li ul {font-size: 80%; margin: 0; padding: 5px 0 0 0;}
ul.menu_left li ul li {border-bottom: 0; color: #666666;}
ul.menu_left li ul li:hover {background: #e2f3ed;}
ul.menu_left li.lessons:hover {background: #fff; color: #333333;}
ul.left-menu {font-family: 'Domine', serif; border: 0;}
ul.left-menu li.list-group-item {border: 0; border-bottom: 1px solid #f5f5f5!important; margin: 0; padding-left: 5px; padding-right: 5px;}
ul.left-menu li.list-group-item:hover {background: #f4f4e3;}
/* extra list styles */
ul.list-group.cats {margin: 0; list-style: none; border: 0;}
ul.list-group.cats li.list-group-item {padding: 3px 10px 5px 10px; border-color: #ddd; background: #f5f5f5; margin-bottom: 1px;}
ul.list-group.cats li.list-group-item.sale {background: #f4b0b0;}
ul.list-group.market {} /* market */
ul.list-group.market .list-group-item {border: 0; padding: 5px 0; border-top: 1px dotted #d5d5d5;}
.list-group-item {color: #333333;} /* video */
.list-group-item.sm {padding: 1px 15px; color: #666666; border-top-style: dotted; border-top-color: #f2f2f2;}
/* Bootstrap menu fixes */
div.navbar {/*font-family: 'Slabo 27px', serif;*/ z-index: 999; border: 0; background: transparent; border-top: 1px dotted #e5e5e5; border-bottom: 1px dotted #e5e5e5; border-radius: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; box-sizing: border-box;}
div.navbar li {font-size: 13px!important; color: #444!important;}
div.navbar li a {color: #444!important;}
div.navbar li ul li {font-size: 12px!important; text-transform: none!important; color: #222!important;}
div.navbar li.menu-sale {}
div.navbar li.menu-sale a {color: #CC111A!important; text-shadow: 0px 1px 1px #ccc;}
div.navbar .navbar-nav > .active > a,
div.navbar .navbar-nav > .active > a:hover,
div.navbar .navbar-nav > .active > a:focus {background: #fff; margin-top: -3px; border-top: 3px solid #A1B463;}
div.navbar .navbar-nav > .open > a,
div.navbar .navbar-nav > .open > a:hover,
div.navbar .navbar-nav > .open > a:focus {background: #fff; margin-top: -3px; border-top: 3px solid #A1B463;}
div.navbar .dropdown-menu {border: 0;}
/* Titles */
.title-banner {margin: 5px 0; border-radius: 8px; border: 1px solid #f5f5f5; padding: 3px;}
/* Forms */
form.commentsp div.form-group input.form-control {width: 100%!important;}
.btn-primary{color:#fff;background-color:#A1B463;border-color:#94a54c}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#8c9958;border-color:#92a053}.btn-primary:hover{color:#fff;background-color:#8c9958;border-color:#96aa41}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#8c9958;border-color:#96aa41}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#96aa41;border-color:#92a053}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#A1B463;border-color:#94a54c}.btn-primary .badge{color:#A1B463;background-color:#fff}
.btn-link{color:#333333;} .btn-link:hover {color:#8c9958;}
.label-primary {color:#fff;background-color:#A1B463; font-weight: normal;}
ul.pagination {z-index: 0;}
ul.pagination a {color: #333333;}
ul.pagination > .active > a, ul.pagination > .active > span, ul.pagination > ul.active > a:hover, ul.pagination > .active > span:hover, ul.pagination > .active > a:focus, ul.pagination > .active > span:focus {background-color: #A1B463 ; border-color: #A1B463 ; color: #ffffff;}
select.sortby {margin: 0 0 15px 0;}
form.search-videos {background: #E1EFEF; padding: 10px 15px; margin: 0;}
form.search-videos h2 {padding: 0; margin: 5px 0; padding-left: 20px; background: url('/National_Library/oe_/http://garnstudio.com/img/icon/magnifier.png') no-repeat left center;}
/* Front page */
.row.search-slide {background: #f5f5f5; margin: 10px 0 0 0;}
.row.search-slide form.find-patterns {padding: 3px 15px 10px;}
.row.search-slide form.find-patterns .btn {font-size: 11px; border: 0!important; box-shadow: 2px 2px 0 #e5e5e5;}
.row.search-slide form.find-patterns .radio-options {font-size: 11px; padding: 3px 0; line-height: 16px; margin: 0;}
.row.search-slide form.find-patterns .radio-options input[type=radio] {font-size: 11px; padding: 0; margin: 0; vertical-align: middle;}
.news-bar {margin: 10px 0; padding: 3px 15px; background: #f8f8f8; height: 30px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.label-cat {padding: 3px 6px; background: #333; font-size: 12px;}
.heading {color: #474747; line-height: 40px; margin-top: 10px; overflow: hidden; padding-top: 5px; padding-bottom: 10px;}
.heading h2 {font-family: 'Domine', serif; color: #333; float: left; font-weight: 300; margin-top: 10px; padding-left: 10px;}
.heading span {float: right; line-height: 40px; margin-bottom: 0; text-transform: none;}
/*.heading {border-bottom: 1px dotted #ccc; height: 45px; margin-bottom: 30px; position: relative; text-align: center;}
.heading span {background-color: #fff; display: inline-block; font-family: 'Domine', serif; font-weight: 400; font-size: 22px; margin: 20px 0 0; padding: 10px; position: relative;}*/
.row.title {font-family: 'Domine', serif; padding: 20px 0;}
.row.title h2 {font-family: 'Domine', serif; padding: 5px 0; margin: 0; color: #333; float: left;}
.row.title .see-all {font-family: 'Domine', serif; text-align: right; font-size: 14px; padding: 0; margin: 0;}
.row.title p {padding: 10px 0; margin: 0;}
.row.title.yarn-thread {background: url('/National_Library/oe_/http://garnstudio.com/img/divider-yarn.png') no-repeat center bottom; margin-top: 10px; margin-bottom: 10px; padding-bottom: 20px; border-top: 1px dotted #f5f5f5;}
.row.home .row {margin: 0;}
.intro-text {background: url('/National_Library/oe_/http://garnstudio.com/img/home/footer-yarn.png') no-repeat right top; padding-right: 110px; min-height: 100px;}
.intro-text p {margin: 5px 0; font-size: 12px;}
.row.ads {background: #f5f5f5; padding: 10px; margin: 0; border-bottom: 1px dotted #ccc;}
.row.feature {padding: 10px 0 25px 0; margin: 15px 0; background: #f5f5f5 url('/National_Library/oe_/http://garnstudio.com/img/retailers/superstore_sm.png') no-repeat 3px -15px;}
.row.feature h2 {font-family: 'Roboto Condensed', Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 35px;}
.row.feature h3 {font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 13px!important; padding: 0; margin-top: 0 margin-bottom: 0;}
.row.feature .superstore {height: 40px; padding: 0;}
/*.row.ads img {box-shadow: 0 0 3px #e5e5e5;}*/
.row.ads img {display: block; position: relative; border: 3px solid #fff; border-radius: 3px; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.25),transparent 0 0 0,transparent 0 0 0; box-shadow: 0 1px 2px 0 rgba(0,0,0,.25),transparent 0 0 0,transparent 0 0 0;}
.row.browse-cats {}
.row.browse-cats .cat {position: relative; text-align: center;}
.row.browse-cats .cat .cat_img {z-index: 9; max-height: 200px; overflow: hidden;}
.row.browse-cats .cat .cat_img img {max-width: 100%;}
/*.row.browse-cats .cat .cat_name {width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 99; background: #fff; font-size: 11px; font-weight: 300; color: #333; padding: 3px 0; font-family: "Domine",serif; height: 28px; overflow: hidden; opacity: 0.75;}*/
.row.browse-cats .cat .cat_name {background: #fff; width: 90%; margin-left: 5%; margin-right: 5%; text-align: center; position: absolute; line-height: 18px; bottom: 10px; left: 0; z-index: 99; font-size: 12px; font-weight: 400; color: #000; padding: 3px 0; overflow: hidden; opacity: 0.75;}
/*.row.browse-cats .cat .cat_name {padding: 5px 0; height: 30px; text-align: center; font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif; overflow: hidden;}*/
.row.browse-cats .cat .cat_name a {color: #000;}
.cat .cat_manage {height: 150px;}/** cover admin **/
.cat .cat_manage select {font-size: 10px; width: 120px!important;}/** cover admin **/
.row .col-md-12.title {}
.row .col-md-12.title h2 {font-family: "Domine",serif; font-size: 20px; font-weight: 400; text-shadow: 1px 1px #f5f5f5;}
.bar-more {display: block; border-bottom: 1px dotted #ccc; margin-bottom: 0; text-align: center; line-height: 40px; font-weight: 700!important;}
.bar-more a {font-weight: 700!important; font-size: 13px; text-transform: uppercase;}
.row.browse-cats .yarn_cat {position: relative; margin: 3px 0;}
.row.browse-cats .yarn_cat img.img-rounded {box-shadow: 1px 1px 1px #e5e5e5;}
.row.browse-cats .yarn_cat .cat_name {font-family: 'Slabo 27px', serif; height: 30px; text-align: center; line-height: 20px; font-size: 15px; color: #666;}
.row.intro-yarns {}
.row.banners .home-banner {margin: 5px 0;}
.row.intro-videos {background: url('/National_Library/oe_/http://garnstudio.com/img/divider-yarn.png') no-repeat center top;}
.row.intro-videos .heading {border-top: 0;}
.row.intro-videos .row.browse-cats {padding: 0 15px;}
.row.intro-videos .thumb-caption {font-size: 11px;}
.row.content {padding-top: 20px; padding-bottom: 20px; margin: 0;}
.row.videos {}
#carousel-news .carousel-control.left, #carousel-news .carousel-control.right {background-image:none !important;}
#carousel-news .carousel-inner {border-bottom: 3px solid #A1B463;}
#carousel-news .carousel-inner .item img {width:100%; height:100%;}
#carousel-news .carousel-indicators {bottom:5px; left:0; width:auto; padding:5px 25px 5px 25px; margin-left:0; background:rgba(229,229,229,0.9);}
#carousel-news .carousel-indicators li {border-radius:0; width:8px; height:8px; background:#fff;}
#carousel-news .carousel-indicators .active {width:10px; height:10px; background:#A1B463; border-color:#A1B463;}
#carousel-news .carousel-control {background: #A1B463; color:#fff; padding: 4px 0; width:26px; top:auto; left:auto; bottom:12px; opacity:0.85;}
#carousel-news .carousel-control.right {right:10px;}
#carousel-news .carousel-control.left {right: 46px;}
#carousel-news .carousel-caption {top:auto; width:auto; min-width: 250px; max-width: 300px; right:auto; bottom:60px; left:25px; padding: 15px 35px 15px 25px; background:rgba(255,255,255,0.90); text-align:left; height:auto; max-width:50%;}
#carousel-news .carousel-caption h3 {font-family: 'Domine', serif; font-weight: 400; color: #333; text-shadow: none; font-size: 18px;}
#carousel-news .carousel-caption p {color: #333; text-shadow: none; font-size: 13px;}
#carousel-news .carousel-caption .btn {font-size: 11px; border: 0!important; box-shadow: 2px 2px 0 #e5e5e5;}
.row.search-slide #NewsCarousel {position: relative;}
.row.search-slide #NewsCarousel .carousel-caption {left: auto; width: auto; position: absolute; bottom: 20px; right: 10px; margin: 0; padding: 5px 20px; text-align: right;}
.row.search-slide #NewsCarousel .carousel-caption h3 {font-family: 'Domine', serif; font-weight: 400; color: #fff; text-shadow: none; font-size: 22px; margin: 0; padding: 10px 0 5px; text-shadow: 0px 0px 3px #333;}
.row.search-slide #NewsCarousel .carousel-caption p {color: #fff; text-shadow: none; font-size: 12px;}
.row.search-slide #NewsCarousel .carousel-caption a {color: #fff!important;}
.row.search-slide #NewsCarousel .carousel-indicators {bottom: 10px; left:0; width:auto; padding:5px 25px 5px 25px; margin-left:0; margin-bottom:0; background: }
.row.search-slide #NewsCarousel .carousel-indicators li {border-radius:0; width:8px; height:8px; background:#fff;}
.row.search-slide #NewsCarousel .carousel-indicators .active {width:10px; height:10px; background:#A1B463; border-color:#A1B463;}
#VideoCarousel {position: relative; margin-left: -15px; margin-right: -15px;}
#VideoCarousel .carousel-inner {}
#VideoCarousel .carousel-inner .row {padding: 0 45px;}
#VideoCarousel .carousel-control.left, #VideoCarousel .carousel-control.right {}
#VideoCarousel .carousel-control {position: absolute; top: 0; left: 0; width: 30px; opacity: 1; font-size: 20px; color: #fff; text-align: center; text-shadow: none;}
#VideoCarousel .carousel-control.left {background: none; color: #666!important; padding-left: 0; margin-left: 0;}
#VideoCarousel .carousel-control.right {background: none; left: auto; right: 0; color: #666!important; padding-right: 0; margin-right: 0;}
#VideoCarousel .carousel-control .glyphicon-chevron-left, #VideoCarousel .carousel-control .glyphicon-chevron-right {top: 50%; margin-top: -40px; font-size: 30px;}
#VideoCarousel .carousel-indicators {height: 30px; right: 50%; bottom: 0; margin-right: -19px; margin-bottom: -20px;}
#VideoCarousel .carousel-indicators li {background: #666;}
#VideoCarousel .carousel-indicators .active {background: #A1B463;}
.post {padding: 0;}
.post h2 {padding: 0; margin: 0; margin-bottom: 10px;}
/* Navigation */
ul.pager-bar {text-align: center; text-transform: uppercase; font-size: 11px; color: #afafaf; background: #fff; border-top: 1px dotted #e5e5e5; border-bottom: 1px dotted #e5e5e5; border-radius: 0; line-height: 25px;}
ul.pager-bar a {color: #333333;}
.select-div {margin-bottom: 15px;}
.navigation {margin: 10px auto 0 auto; clear: both; padding: 5px 25px; border-top: 1px dotted #e5e5e5; border-bottom: 1px dotted #e5e5e5; text-align: center; color: #cccccc; line-height: 20px;}
.navigation .current {border-bottom: 0; background: #b4c27c; padding: 2px 4px; color: #fff!important;}
.navigation button {border: 0; font-size: 11px; background: #f5f5f5; border-radius: 4px;}
.navigation button.active {background: #b4c27c; color: #fff;}
.filter-div {background: #f5f5f5; padding: 10px 15px; border: 1px solid #e5e5e5; box-sizing: border-box; color: #666; margin-bottom: 10px;}
.list-group.filter-cats {font-size: 12px; margin: 0; border-top: 2px solid #e5e5e5;}
.list-group.filter-cats .list-group-item {padding: 5px 8px; border-top-left-radius: 0; border-top-right-radius: 0; background: #f8f8f8; border-color: #edeff1;}
.list-group.filter-cats .list-group-item.active {background: #9cc98c; border-color: #8dc17b;}
ul.bb li {border-bottom: 1px solid #f2f2f2; padding-top: 5px; padding-bottom: 5px;}
ul.bt li {border-top: 1px solid #f2f2f2; padding-top: 5px; padding-bottom: 5px;}
/* Comments */
ul.comments_menu {width: 100%; height: 60px; padding: 0; margin: 10px 0; list-style: none; float: left; clear: both;}
ul.comments_menu li {height: 50px; display: inline; padding: 10px 15px 0 15px!important; float: left;}
ul.comments_menu li a {color: #777; height: 30px;}
ul.comments_menu li.current {background: url('/National_Library/oe_/http://garnstudio.com/img/comm_on.png') no-repeat center top; border: 0!important;}
ul.comments_menu li.current a {color: #939362; font-weight: bold; border: 0!important;}
ul#comments {margin: 0!important; padding: 0!important; list-style: none; clear: both;}
ul#comments li {display: block; margin: 6px 0!important; padding: 5px!important;}
ul#comments li div.flag {text-align: center; float: left;}
ul#comments li div.flag img {margin-right: 5px;}
ul#comments li div.comment_info {font-size: 11px; color: #666633; float: left;}
ul#comments li div.comment_info span.author {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/user-small.png') no-repeat left center; padding-left: 16px;}
ul#comments li div.comment_info span.date {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/clock-small.png') no-repeat left center; padding-left: 16px;}
ul#comments li div.comment_info span.website {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/globe-small.png') no-repeat left center; padding-left: 16px;}
ul#comments li div.comment {clear: both;}
ul#comments li a img {background: #fff; padding: 2px; border: 0;}
ul#comments li, ul#comments li.comment {background: #FAFAFA;}
ul#comments li.question {background: #F1E4BA;}
ul#comments li.answer {background: #F5C9AE;}
ul#comments li.question li.answer {margin: 5px 3px 5px 8px!important; padding-right: 20px!important;}
ul#comments li ul {margin: 0; padding: 0;}
p.comment {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/comments.gif') no-repeat left top; padding: 0 0 0 20px;}
/* Product grids */
.buttons .prod_desc {min-height: 70px; line-height: 16px; overflow: hidden;}
.yarns .prod_desc, .needles .prod_desc {height: 120px; overflow: hidden; font-size: 12px; color: #666;}
.color .prod_desc {height: 80px; overflow: hidden; font-size: 12px; color: #666;}
.yarn .prod_desc .price, .color .prod_desc .price, .needles .prod_desc {margin-top: 5px;}
.buttons .prod_desc h4, .color .prod_desc h4, .yarns .prod_desc h3, .needles .prod_desc h4 {padding: 0; margin-top: 4px; margin-bottom: 2px;}
.yarns .yarn {position: relative; line-height: 16px;}
.yarns .yarn .yarngroup {position: absolute; right: 25px;}
.yarns .yarn .supersale {position: absolute; left: 0; top: 50%; background: url('/National_Library/oe_/http://garnstudio.com/img/retailers/ribbon-sale-end.png') no-repeat right center; padding: 5px 20px 5px 10px!important; color: #fff; font-size: 12px; line-height: 20px;}
.yarns .yarn .campaign, .yarns .color .campaign {position: absolute; top: 10px; right: 25px; width: 40px; width: 40px;}
.yarns .yarn .new, .yarns .color .new {position: absolute; top: 15px; left: 30px; font-size: 12px; text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; color: #666633; text-transform: uppercase;}
.needles .campaign {position: absolute; top: 10px; right: 25px; width: 40px; width: 40px;}
/* Pattern & Yarn */
h1.pname, h1.yname {font-size: 22px; font-family: 'Domine', serif;}
h1.pname small {}
.change_lang-box {background: #f5f5f5; border: 1px solid #e5e5e5; padding: 10px 15px;}
.change_lang-box.xs {margin: 5px 0 10px 0;}
.keywords-box {font-size: 13px; border: 1px solid #e5e5e5; padding: 10px 15px; box-shadow: 0 1px 0px #e5e5e5; background: #f5f5f5 url('/National_Library/oe_/http://garnstudio.com/img/bg-yarn.png') repeat;}
.keywords-box h3 {padding: 0; margin: 0;}
/*.pattern_header, .yarn_header {font-family: 'Open Sans', sans-serif!important; font-weight: 400; border: 0!important; font-size: 14px;}*/
.video_header h1 {font-size: 22px; margin-bottom: 15px;}
.pattern_header h4, .yarn_header h4 {font-family: 'Open Sans', sans-serif!important; font-weight: 400; font-size: 15px;}
.pattern_header .tabmenu .ui-tabs-nav, .yarn_header .tabmenu .ui-tabs-nav {background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;}
.pattern_header .tabmenu ul.ui-tabs-nav li, .yarn_header .tabmenu ul.ui-tabs-nav li {border: 0!important; background: #f2f2f2;}
.pattern_header .tabmenu ul.ui-tabs-nav li.ui-state-active, .yarn_header .tabmenu ul.ui-tabs-nav li.ui-state-active {background: #fff;}
.pattern_header .tab-content, .yarn_header .tab-content {font-size: 13px;}
.pattern_header p.pattern_cont {font-size: 14px; font-family: 'Slabo 27px', serif;}
.pattern_header p.pattern_cont a {color: #D95A96;}
.pattern_header .crumbs, .yarn_header .crumbs, .video_header .crumbs, .video_header .crumbs, .lessons .crumbs, .dropsalong .crumbs {font-family: 'Roboto', Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif; font-weight: 300; color: #777777; font-size: 12px; text-transform: uppercase;}
.pattern_header .crumbs a, .yarn_header .crumbs a , .video_header .crumbs a, .lessons .crumbs a, .dropsalong .crumbs a {color: #777777;}
.pprice, .yprice {font-family: 'Domine', serif; float: right; margin: 0; text-align: right; clear: right; padding-top: 20px;}
.pprice a , .yprice a {color: #666;}
.pprice .from, .yprice .from {padding: 0; margin: 0; line-height: 13px; color: #666; font-size: 11px;}
.pprice .cost1, .yprice .cost1 {font-size: 22px; margin: 0;}
.pprice .cost2, .yprice .cost2 {padding-top: 2px;}
.ptitle, .ytitle {color: #474747; margin-top: 5px; margin-bottom: 20px;}
.pattern_header .pattern_yarns {margin: 5px 0; border-top: 1px dotted #e5e5e5; padding: 5px 0; line-height: normal; font-size: 13px;}
.pattern_header .pattern_yarns h3 {margin-bottom: 0; padding-bottom: 0!important;}
.pattern_header .pattern_yarns p {margin: 5px 0; background: url('/National_Library/oe_/http://garnstudio.com/img/icon/heart-small.png') no-repeat left 2px; padding-left: 16px;}
.pattern_header .pattern_pm, .yarn_header .yarn_pm {padding: 5px 0;}
.pattern_header .pattern_pm a.pm_button, .yarn_header .yarn_pm a.pm_button {font-size: 13px; padding: 9px 10px 11px 32px; color: #fff!important; line-height: 15px; display: inline-block; border-radius: 0!important;}
.pattern_header .pattern_pm a.pm_button.comm, .yarn_header .yarn_pm a.pm_button.comm {background: url('/National_Library/oe_/http://garnstudio.com/img/buttons/py-comm_on.png') no-repeat left center;}
.pattern_header .pattern_pm a.pm_button.comm:hover, .yarn_header .yarn_pm a.pm_button.comm:hover {background: url('/National_Library/oe_/http://garnstudio.com/img/buttons/py-comm_off.png') no-repeat left center; text-decoration: none;}
.pattern_header .pattern_pm a.pm_button.print,.yarn_header .yarn_pm a.pm_button.print {background: url('/National_Library/oe_/http://garnstudio.com/img/buttons/py-print_on.png') no-repeat left center;}
.pattern_header .pattern_pm a.pm_button.print:hover, .yarn_header .yarn_pm a.pm_button.print:hover {background: url('/National_Library/oe_/http://garnstudio.com/img/buttons/py-print_off.png') no-repeat left center; text-decoration: none;}
.pattern_header .pattern_pm a.pm_button.fav {background: url('/National_Library/oe_/http://garnstudio.com/img/buttons/py-fav_on.png') no-repeat left center;}
.pattern_header .pattern_pm a.pm_button.fav:hover {background: url('/National_Library/oe_/http://garnstudio.com/img/buttons/py-fav_off.png') no-repeat left center; text-decoration: none;}
.yarn_header .yarn_pm a.pm_button.patt {background: url('/National_Library/oe_/http://garnstudio.com/img/buttons/py-patt_on.png') no-repeat left center;}
.yarn_header .yarn_pm a.pm_button.patt:hover {background: url('/National_Library/oe_/http://garnstudio.com/img/buttons/py-patt_off.png') no-repeat left center; text-decoration: none;}
.row.pattern-rel {max-height: 400px; overflow-y: scroll;}
.pattern-banner {min-height: 170px; background: #f5f5f5; clear: both; padding: 2px 10px 5px 10px; margin: 0 0 10px 0; font-size: 13px;}
.glass-case {margin-bottom: 10px;}
.glass-case li {border: 1px solid #e5e5e5!important; padding: 0!important;}
.glass-case li.gc-active {border: 1px solid #A1B463!important;}
.gc-display-area {padding: 0; border: 0!important; border-radius: 0!important; padding: 0!important; line-height: 0;}
.gc-display-area img.gc-display-display {border: 1px solid #e5e5e5; border-radius: 0!important; padding: 0; margin: 0; line-height: 0;}
.comments-div {background: url('/National_Library/oe_/http://garnstudio.com/img/bg_pattern-tips.jpg') no-repeat right top; margin-top: 15px;}
.comments-div h2 {margin-top: 0}
.pattern_copyright {font-size: 11px; color: #666; line-height: normal; margin-top: 15px; background: #f5f5f5; padding: 5px 10px;}
.yarn_order {margin-bottom: 15px;}
.yarn_order .deals {color: #bf2529; font-weight: bold;}
.yarn_order.from_pattern {margin-top: 10px;}
ul.py-options, ul.yarn-options {list-style: none; padding: 0; margin: 0;}
ul.py-options a:hover, ul.yarn-options a:hover {text-decoration: none;}
ul.py-options li, ul.yarn-options li {font-family: 'Domine', serif; padding: 5px 10px; border: 1px solid #efefef; margin-bottom: 2px;}
ul.py-options li:hover, ul.yarn-options li:hover {background-color: #f4f4e3!important; border: 1px solid #f4f4e3;}
ul.py-options li:hover a, ul.yarn-options li:hover a {color: #ffffff;}
ul.py-options li.cat {padding-left: 25px; background: url('/National_Library/oe_/http://garnstudio.com/img/icon/catalogues.gif') no-repeat 4px center;}
ul.py-options li.fav {padding-left: 25px; background: url('/National_Library/oe_/http://garnstudio.com/img/icon/star-wn.png') no-repeat 4px center;}
/*.row .ppic, .row .ypic {display: none!important;}*/
.yarnsearch {background: #fff url('/National_Library/oe_/http://garnstudio.com/img/icon/yarnsearch.png') no-repeat 5px center; padding-left: 25px;}
.suggest_name {font-size: 14px; font-family: 'Slabo 27px', serif; background: #f5f5f5 url('/National_Library/oe_/http://garnstudio.com/img/icon/suggest.png') no-repeat 6px 1px; padding: 3px 3px 3px 25px; margin: 5px 0 10px;}
.pattern_title {font-family: 'Roboto', Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif; font-weight: 300; background: #f5f5f5; padding: 3px 5px; margin-bottom: 5px; border-radius: 5px;}
.pattern_text {margin-bottom: 10px;}
/* Yarn groups */
.yarngroup-header {background: #FFFCF9; text-align: left;}
.yarngroup-header h1 {padding-left: 20px;}
/* Filters */
div.filters {font-size: 14px; margin: 15px 0; color: #666666;}
div.filters.error {}
div.filters .btn.btn-sm {border-radius: 0; font-size: 13px;}
div.search-title {font-weight: 700; padding-top: 10px; padding-bottom: 10px; }
div.search-title a.clear-sm {font-weight: 300; font-size: 10px;}
div.filter {border-top: 3px solid #f5f5f5; padding-top: 10px; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; max-height: 150px;}
div.filter-kw {border-top: 3px solid #f5f5f5; padding-top: 10px; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; max-height: 150px; overflow-y: scroll; margin-bottom: 5px;}
div.filter-box {border-top: 3px solid #f5f5f5; padding-top: 10px; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; margin-bottom: 5px;}
div.filter-kw .btn, div.filter-box .btn {border-color: #e5e5e5!important; border-radius: 0!important; margin-bottom: 1px;}
a.filter_thumb {margin: 0; padding: 0;}
a.filter_thumb img {border-radius: 15px; border: 2px solid #fff;}
a.filter_thumb.on img {border: 2px solid #eb74a2;}
ul.menu-list {border-top: 3px solid #f5f5f5; padding: 5px 0; list-style: none; margin: 0;}
ul.menu-list li {padding: 3px 5px; margin: 0; border-bottom: 1px solid #f2f2f2;}
ul.menu-list li:hover {background: #f2f2f2;}
/* Comments - bootstrap */
div.row.comment, div.row.question {background: #f9f9e4; margin: 5px 0; padding: 10px 5px; clear: both; border-radius: 8px;}
div.row.question {background: #eff4f2;}
div.row.comment span.author, div.row.question span.author {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/user-small.png') no-repeat left center; padding-left: 16px; font-weight: bold; color: #666;}
div.row.comment span.date, div.row.question span.date {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/clock-small.png') no-repeat left center; padding-left: 16px;}
div.row.comment span.website, div.row.question span.website {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/globe-small.png') no-repeat left center; padding-left: 16px;}
div.row.question div.row.answer {padding: 30px 0 10px 0; margin-left: -20px; margin-right: -20px; margin-bottom: -10px; background: #daeae2 url('/National_Library/oe_/http://garnstudio.com/img/comment_answer.png') no-repeat left top; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
div.row.question div.row.answer a {text-decoration: underline;}
/* Lessons */
div.school {background: url('/National_Library/oe_/http://garnstudio.com/img/school/jeanette_sm.png') no-repeat right top; font-size: 13px;}
div.school .row.title.yarn-thread {border-top: 0;}
div.lessons {}
div.lessons img {max-width: 100%;}
div.lessons .row.lesson {}
div.lessons_title {width: 100%; height: 120px; position: relative; margin: 15px 0 0 0;}
div.lessons_title.cat1 {background: url('/National_Library/oe_/http://garnstudio.com/img/school/lessons/cat1.jpg') no-repeat left top;}
div.lessons_title.cat2 {background: url('/National_Library/oe_/http://garnstudio.com/img/school/lessons/cat2.jpg') no-repeat left top;}
div.lessons_title.cat3 {background: url('/National_Library/oe_/http://garnstudio.com/img/school/lessons/cat3.jpg') no-repeat left top;}
div.lessons_title.cat4 {background: url('/National_Library/oe_/http://garnstudio.com/img/school/lessons/cat4.jpg') no-repeat left top;}
div.lessons_title.cat5 {background: url('/National_Library/oe_/http://garnstudio.com/img/school/lessons/cat5.jpg') no-repeat left top;}
div.lessons_title.cat6 {background: url('/National_Library/oe_/http://garnstudio.com/img/school/lessons/cat6.jpg') no-repeat left top;}
div.lessons_title h3 {font-family: 'Parisienne', cursive!important; font-weight: normal; font-size: 28px; padding-left: 20px; font-weight: 400!important; position: absolute; top: 40px; color: #fff; text-shadow: #6b6561 1px 1px 0px;}
/* Videos */
.videoText {padding: 15px; border: 1px solid #e5e5e5;}
.videoText p {}
.videoText p.text-muted {font-size: 12px!important;}
.videoWrapper {position: relative; padding-bottom: 56.31%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 10px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
div.video-thumb, div.school-thumb {}
div.video-thumb a.thumbnail, div.school-thumb a.thumbnail {position: relative; margin-bottom: 5px; box-shadow: 0px 0px 5px #e5e5e5;}
/*div.video-thumb div.play {position: absolute; top: 40%; left: 50%; margin-left: -20px;}*/
/*div.pattern-videos div.video-thumb a.thumbnail div.play {top: 35%;}*/
div.video-thumb .video_caption {height: 50px; margin-bottom: 10px; overflow: hidden; font-size: 11px;}
.thumb-caption {margin-bottom: 10px; overflow: hidden; font-family: 'Slabo 27px', serif; height: 30px; text-align: center; line-height: 30px; font-size: 15px; color: #666;}
div.video-thumb .video_caption a, .thumb-caption a {color: #666;}
div.video-sorting {line-height: 30px; text-align: right;}
div.cat-thumb {}
div.cat-thumb div.play {position: absolute; top: 40px; left: 50%; margin-left: -20px;}
#VideoCarousel .video_caption {padding: 5px 0; height: 50px; margin-bottom: 0; overflow: hidden; font-size: 11px;}
#VideoCarousel .video_caption h5 {font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; margin: 3px 0;}
/*#VideoCarousel .video-thumb {position: relative;}
#VideoCarousel .video-thumb div.play {position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; text-align: center;}
#VideoCarousel .video-thumb div.play span {font-size: 40px; color: #fff; text-shadow: 0px 0px 5px #777;}*/
div.video-thumb {position: relative;}
div.video-thumb div.play {position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; text-align: center;}
div.video-thumb div.play span {font-size: 40px; color: #fff; text-shadow: 0px 0px 5px #777;}
.panel.video_cats {}
.panel.video_cats .panel-heading {}
.panel.video_cats .panel-title {font-size: 14px; font-weight: 400!important;}
.panel.video_cats .panel-title span.badge {float: right; color: #fff; background: #EB74A2;}
.panel.video_cats .panel-body {padding: 0; margin: 0;}
ul.video_cats {padding: 0; margin: 0; list-style: none;}
ul.video_cats li {padding: 3px 15px; margin: 0; border-bottom: 1px dotted #e2e2e2;}
.row.video-popular {border-top: 3px solid #FFCAE0; padding-top: 10px;}
.row.video-latest {border-top: 3px solid #e5e5e5; padding-top: 10px;}
div.video-browse {text-align: center; border-top: 1px dashed #f5f5f5; padding: 10px 0; margin: 5px 0;}
.row.video-cat {border-top: 3px solid #f5f5f5; padding-top: 10px;}
.row.video-top {font-size: 14px; font-family: 'Slabo 27px', serif; border-bottom: 3px solid #f5f5f5; padding-bottom: 10px; margin-bottom: 10px; color: #666;}
.row.video-top span {margin: 0;}
.row.video-top form {text-align: right;}
.row.video-info {border-top: 1px dotted #e2e2e2; padding-top: 5px; margin-top: 5px;}
.row.video-info .col-md-2 {text-align: right;}
.row.video-info .col-md-2 .modal {text-align: left;}
a.video-home {color: #333333; background: url('/National_Library/oe_/http://garnstudio.com/img/icon/star-wn.png') no-repeat left center; padding-left: 20px;}
/* Books & Blogs */
.row.books, .row.blogs {margin-top: 10px;}
.grid-item {width: 170px; box-shadow: 0px 0px 3px #e5e5e5; margin-bottom: 15px; overflow: hidden;}
.grid-item .caption {margin: 0; padding: 5px 8px; background: #fff;}
.grid-item .caption h3 {margin-top: 5px;}
.blog-entry {}
.blog-entry .blog-pic {width: 100%; height: 150px; overflow: hidden; border-radius: 3px; box-shadow: 0px 0px 3px #e5e5e5;}
.blog-entry .blog-pic img {min-height: 150px;}
.blog-entry .caption {height: 100px; margin: 0; padding: 5px 8px; background: #fff;}
.blog-entry .caption h3 {margin-top: 5px;}
#site_wrapper .book {position: relative;}
#site_wrapper .book .info {height: 140px; overflow: hidden;}
#site_wrapper .book .book_lang {font-size: 11px; text-transform: uppercase; background: #333; color: #fff; padding: 3px 6px; position: absolute; top: 5%;}
img.news-th {max-width: 200px;}
/* Structures */
.row.structures {font-size: 11px; text-align: center;}
.row.structures strong {font-weight: bold; font-size: 13px; padding: 5px 0;}
.row.structures a.thumbnail {margin-bottom: 7px;}
.row.structures .img_caption {margin: 0 0 10px 0; min-height: 80px;}
/* Market place */
table.market {}
table.market td.thumb {max-width: 50px;}
table.market tr.all-offers {background: #f2f2f2!important;}
div.market.offer {}
div.market.offer .img-thumbnail {max-width: 250px; max-height: 250px;}
/* Modal
.modal {top: 40%;}
.modal-backdrop {background: #ffffff;}*/
/* butikker.php & retailer.php */
.ret_photo {position: relative; max-width: 300px; margin-bottom: 15px;}
.ret_sticker {position: absolute; top: -10px; right: 10px;}
h3.yname {margin-top: 2px; margin-bottom: 2px;}
.ret-needles {text-align: center; margin-bottom: 10px; border-radius: 5px; background: url('/National_Library/oe_/http://garnstudio.com/img/products/2.jpg') no-repeat left center; padding: 5px 15px 10px 15px;}
.ret-buttons {text-align: center; margin-bottom: 10px; border-radius: 5px; background: url('/National_Library/oe_/http://garnstudio.com/img/products/4.jpg') no-repeat left center; padding: 5px 15px 10px 15px;}
.ret-needles h2, .ret-buttons h2 {font-family: 'Domine', serif; color: #fff; text-shadow: 0 0 4px #333;}
.stores {margin-top: 15px;}
.stores table th {font-family: 'Domine', serif; font-weight: 300!important; background: #a1b463!important; color: #fff!important;}
.stores table tr.sub-header th {background: #e2f0d9!important; color: #333!important;}
.stores table th a {color: #fff!important;}
/* Find a Sale */
.row.ylist div.bt {margin-top: 5px; padding-top: 5px; border-top: 1px solid #f2f2f2;}
.cbanner {padding-top: 10px; padding-bottom: 10px;}
.row.bg-gray {background: #f5f5f5; border-radius: 8px;}
.row.prices, .row.prices-header {padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #f5f5f5;}
.row.prices-header {font-weight: 700;}
td.sn, th.sn {padding-left: 23px!important; line-height: 15px;}
td.sn h4 {margin: 0; padding: 3px 0;}
td.sn.superstore {background: url('/National_Library/oe_/http://garnstudio.com/img/retailers/dss.png') no-repeat 2px 5px;}
/* Pricelists retailer.php and pricelist.php */
div.list_hidden {display: none;}
div.list_clear {clear: both; height: 0; margin: 0; padding: 0; border-top: 1px solid #fff;}
.table.yarn-list .maxprice {padding-right: 28px;}
.table.yarn-list .campaign25 {padding-right: 28px; background: url('/National_Library/oe_/http://garnstudio.com/img/activity/retailer_25.png') no-repeat right top; line-height: 15px!important;}
.table.yarn-list .campaign30 {padding-right: 28px; background: url('/National_Library/oe_/http://garnstudio.com/img/activity/retailer_30.png') no-repeat right top; line-height: 15px!important;}
.table.yarn-list .campaign35 {padding-right: 28px; background: url('/National_Library/oe_/http://garnstudio.com/img/activity/retailer_35.png') no-repeat right top; line-height: 15px!important;}
.table.yarn-list {font-size: 12px;}
.table.yarn-list .deals {color: #bf2529; font-weight: bold;}
/* Pricelist yarn shadecard */
.row.prices .campaign25 {background: url('/National_Library/oe_/http://garnstudio.com/img/activity/retailer_25.png') no-repeat right top; line-height: 15px!important;}
.row.prices .campaign30 {background: url('/National_Library/oe_/http://garnstudio.com/img/activity/retailer_30.png') no-repeat right top; line-height: 15px!important;}
.row.prices .campaign35 {background: url('/National_Library/oe_/http://garnstudio.com/img/activity/retailer_35.png') no-repeat right top; line-height: 15px!important;}
.row.prices .campaign25 .text-danger,
.row.prices .campaign25 .crossed,
.row.prices .campaign30 .text-danger,
.row.prices .campaign30 .crossed,
.row.prices .campaign35 .text-danger,
.row.prices .campaign35 .crossed {padding-right: 15px;}
/* popups */
.row.popup {max-width: 550px; margin: 0 auto; background: #fff; padding: 10px;}
div.easter-popup {width: 100%; float: left; margin: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/bg_error_easter.jpg') no-repeat left top!important; min-height: 200px;}
div.easter-popup p {font-size: 14px; margin-top: 50px; color: #333333;}
body.website.shipping {min-height: 395px; background: #fff url('/National_Library/oe_/http://garnstudio.com/img/retailers/shipping_bg.jpg') no-repeat right bottom!important;}
body.website.shipping .row.popup {background: none!important;}
/* prints */
.row.printpage {max-width: 700px; margin: 0; padding: 15px; background: #fff;}
.row.printpage .print-break-before {page-break-before: always!important;}
p.print-break-before {page-break-before: always!important;}
.row.printpage .print-break-after {page-break-after: always!important;}
p.print-break-after {page-break-after: always!important;}
.row.printpage h1.bt, .row.printpage h2.bt, .row.printpage h3.bt, .row.printpage h4.bt, .row.printpage h5.bt {border-top: 1px solid #cccccc;}
.row.printpage h1.bb, .row.printpage h2.bb, .row.printpage h3.bb, .row.printpage h4.bb, .row.printpage h5.bb {border-bottom: 1px solid #cccccc;}
/* Catalogues */
.catalogues_title {width: 100%; clear: both; text-align: center; margin: 20px 0; padding: 0; line-height: normal;}
.catalogues_title .drops {font-family: Georgia; font-size: 22px; color: #333333;}
.catalogues_title .cat_nr {font-family: 'Parisienne', cursive!important; font-weight: normal; font-size: 40px; color: #231F20;}
.inspirations_title {width: 100%; clear: both; text-align: center; margin: 20px 0; padding: 0; z-index: 9999;}
.inspirations_title .inspirations {font-family: 'Parisienne', cursive!important; font-weight: normal; font-size: 55px; color: #231F20; line-height: 50px; padding: 0; margin: 0;}
.inspirations_title .drops {font-family: 'Domine', serif; font-size: 14px; line-height: 15px; padding: 0;}
.inspirations_title .insp_nr {font-family: 'Parisienne', cursive!important; font-weight: normal; font-size: 25px; color: #231F20; padding: 0; margin: 0;}
.insp_cover {position: relative; margin-bottom: 25px; }
.insp_cover .insp_img {/*stitching*/ outline: 1px dashed #fff; outline-offset: -5px; max-height: 280px!important; overflow: hidden; box-shadow: 0px 0px 5px #e5e5e5;}
.insp_cover .insp_no {text-align: right; padding: 5px 10px; position: absolute; right: 25px; bottom: 0; font-family: 'Parisienne', cursive; font-weight: normal; font-size: 28px; color: #ffffff; line-height: 40px; text-shadow: 0px 0px 4px #000000;}
.insp_banner {padding: 8px 0; background: url('/National_Library/oe_/http://garnstudio.com/img/icon/heart-small.png') no-repeat 98% center; border-top: 1px solid #eadfc3; border-bottom: 2px solid #eadfc3;}
.insp_banner a {}
.insp_banner a:hover {text-decoration: none!important;}
/* Patterns */
#site_wrapper .content .col-md-9 .pattern, #site_wrapper .content .col-md-12 .pattern {position: relative;}
.pattern .new {position: absolute; top: 35px; right: 25px; width: 20px; height: 20px;}
.pattern .featured {position: absolute; top: 35px; right: 25px; width: 20px; height: 20px;}
.pattern .online {position: absolute; top: 0; right: 15px; width: 40px; height: 40px;}
.pattern .pattern-type {position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
.pattern .unfav {position: absolute; top: 10px; right: 25px; font-size: 16px;}
.pattern .todo {position: absolute; top: 35px; right: 25px; font-size: 16px;}
.img-pattern {border: 0; box-shadow: 0px 0px 5px #e5e5e5;}
.pattern .online {position: absolute; top: 0; right: 15px; z-index: 99;}
#site_wrapper .pattern .info {height: 50px; overflow: hidden; font-size: 11px;}
#site_wrapper .pattern .info .missing {color: #999; font-size: 10px;}
#site_wrapper .pattern .info .missing a {color: #999;}
#site_wrapper .yarn-colour .info {height: 50px; overflow: hidden; font-size: 11px;}
#site_wrapper .yarn-colour .img-colour {max-height: 120px; max-width: 120px;}
#site_wrapper .pattern .info.fav {height: 80px; overflow: hidden;}
#site_wrapper .pattern .info h4 {font-family: 'Roboto Condensed', sans-serif; margin-top: 3px; margin-bottom: 3px; line-height: 18px!important;}
#site_wrapper .pattern .info h4 small {font-size: 10px;}
#site_wrapper .pattern .info h4 .badge {margin: 0;}
#site_wrapper .content .col-md-9 .pattern .btn {margin: 0 2px 5px 0;}
/* Share This */
.share_this {clear: both; margin: 0; padding: 0; height: 30px;}
.share_this span {margin: 0!important;}
/* Christmas */
.row .cc-error {min-height: 200px; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/bg_error.jpg') no-repeat left top;}
.row .cc-error div.text {width: 100%; padding-left: 30%; padding-top: 50px; font-size: 15px; text-align: center; color: #B52326;}
/* Special ocassions */
.content.halloween {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/halloween_ft-bg.jpg') no-repeat center top; color: #000; font-size: 14px;}
.halloween .row.ft {margin-top: 10px; margin-bottom: 20px;}
.halloween .row.ft .info h4 {color: #000!important;}
.halloween .row.ft .info h4 small {color: #000!important;}
.halloween .row.ft .img-pattern {border: 0; box-shadow: 0px 0px 10px #696262;}
.halloween .row.ft .overlay-decor {position: absolute; top: 10px; left: 30px; z-index: 99;}
.halloween .row.footer {display: none;}
.halloween .row.footer.halloween {display: block; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/halloween-footer.png') no-repeat center bottom; height: 200px;}
.content.christmas-workshop {margin-top: 0; margin-bottom: 0; padding-top: 50px; padding-bottom: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/christmas-workshop_ft-bg.jpg') no-repeat center top; color: #000; font-size: 14px;}
.content.christmas-workshop .activity-text {max-width: 350px; margin: 15px auto 25px;}
.christmas-workshop .row.ft {margin-top: 10px; margin-bottom: 20px;}
.christmas-workshop .row.ft .info h4 {color: #000!important;}
.christmas-workshop .row.ft .info h4 small {color: #000!important;}
.christmas-workshop .row.ft .img-pattern {border: 0; box-shadow: 0px 0px 10px #696262;}
.christmas-workshop .row.ft .overlay-decor {position: absolute; top: 10px; left: 30px; z-index: 99;}
.christmas-workshop .row.footer {display: none;}
.christmas-workshop .row.footer.christmas-workshop {}
.content.christmas-calendar {margin-top: 0; margin-bottom: 0; padding: 120px 20px 30px 20px; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/christmas-calendar_ft-bg.jpg') no-repeat center top; color: #000; font-size: 14px;}
.content.christmas-calendar .activity-text {max-width: 450px; margin: 0 auto 25px;}
/* SS17 */
.content.ss17 {position: relative; font-family: 'PT Sans', sans-serif; color: #666; margin-top: 0; margin-bottom: 0; padding: 120px 20px 30px 20px; background: url('/National_Library/oe_/http://garnstudio.com/img/activity/ss17_ft-bg.jpg') no-repeat center top; font-size: 14px;}
.content.ss17 h2 {font-size: 17px;}
.content.ss17 .pattern {margin-bottom: 10px; position: relative;}
.content.ss17 .activity-text {max-width: 600px; margin: 0 auto 25px auto; text-align: center; font-family: 'Slabo 27px', serif;}
.content.ss17 .row.navigate {line-height: 30px; color: #666; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 10px 0; font-size: 11px; text-align: center;}
.content.ss17 .vt_comm {font-size: 10px; margin: 3px 0; height: 15px; }
.content.ss17 .vt_comm div {display: inline; float: left; margin-right: 2px;}
.content.ss17 .vt_name {height: 15px; margin: 3px 0;}
.content.ss17 .checkbox {margin: 10px 0 0 0; padding: 0;}
.content.ss17 .collection {position: relative;}
.content.ss17 .votes_left {z-index: 9998!important; width: 200px; margin: 0; background: #E08597; color: #fff; position: fixed; bottom: 0; left: 50%; margin-left: -100px; padding: 8px; font-size: 12px; z-index: 89; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.content.ss17 .ss17-comment {background: url('/National_Library/oe_/http://garnstudio.com/img/activity/ss17-comment.jpg') no-repeat center bottom; border-top: 1px dotted #ccc;}
.content.ss17 .ss17-comment table {margin: 10px 0;}
.content.ss17 .ss17-comment .text {background: #fff; opacity: 0.8; padding: 5px 10px; color: #333; border-radius: 8px; font-size: 13px;}
.content.ss17 .pattern .vt_info {white-space: nowrap; overflow: hidden; font-family: 'PT Sans', sans-serif; margin: 3px 0; font-size: 10px;}
.content.ss17 .pattern .online {position: absolute; top: 0; opacity: 0.8;}
.content.ss17 .pattern .model_img span {display: none;}
.content.ss17 .pattern .model_img:hover span {position: absolute; z-index: 99; top: 0; right: 15px; display: inline; height: 16px; width: 16px; margin-right: 4px; margin-top: 4px; background: url('/National_Library/oe_/http://garnstudio.com/img/icon/expand.png') no-repeat center top;}
.content.ss17 .vt_check {font-size: 12px;}
/* dropsalong */
.row.dropsalong {background: url('/National_Library/oe_/http://garnstudio.com/img/dropsalong/dropsalong_ft-bg.jpg') no-repeat center top; padding: 80px 20px 20px 20px; margin: 0;}
.row.dropsalong .cal {padding: 10px 0;}
.row.dropsalong p a {color: #5d5170; text-decoration: underline;}
.row.dropsalong img {max-width: 100%;}
.row.dropsalong table.table td {border-top: none !important;}
.row.dropsalong table.table td.symbol {width: 40px!important; text-align: right;}
.row.dropsalong .img-cal {margin-bottom: 10px;}
.row.dropsalong .img-clue {margin-bottom: 30px;}
.row.dropsalong .clue-options {margin: 0; color: #666; padding: 8px 0; margin-bottom: 15px; line-height: 30px!important; font-size: 11px!important; background: #fdeded;}
.row.dropsalong .clue-options select {color: #666; font-size: 11px!important;}
.row.dropsalong .btn.btn-primary {background-color: #f1a9bf!important; border-color:#ed9ab4!important}
.row.dropsalong h1, .row.dropsalong h2, .row.dropsalong h4 {font-family: 'Farsan', cursive; }
.row.dropsalong h1 {font-size: 35px;}
.row.dropsalong h2 {font-size: 25px;}
.row.dropsalong h4 {font-size: 20px;}
.row.dropsalong h1 {font-size: 35px; text-align: center; margin: 20px 0 40px 0;}
.row.dropsalong ul.cal-info {list-style: none; font-family: 'Farsan', cursive; font-size: 18px; margin: 0; padding: 0; margin-left: 15px; margin-bottom: 10px;}
.row.dropsalong ul.cal-info li {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/star-mini.png') no-repeat left center; padding-left: 16px;}
.row.dropsalong ul.cal-clues {list-style: none; font-family: 'Farsan', cursive; font-size: 17px; margin: 0; padding: 0; margin-left: 15px; margin-bottom: 10px; line-height: 22px;}
.row.dropsalong ul.cal-clues li {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/card-small.png') no-repeat left center; padding-left: 16px;}
.row.dropsalong ul.cal-clues li.more {background: url('/National_Library/oe_/http://garnstudio.com/img/icon/plus-button.gif') no-repeat left center!important; padding-left: 16px; font-weight: bold;}
.row.dropsalong .cal-gallery {background: #f7eff5 url('/National_Library/oe_/http://garnstudio.com/img/dropsalong/dropscal-gallery.png') no-repeat left top; padding: 30px 20px 20px 20px; margin-top: 15px; margin-bottom: 0;}
.row.dropsalong .cal-gallery .caption {font-size: 10px!important; height: 25px; overflow: hidden;}
.row.dropsalong .row.dropscal {padding-top: 20px;}
.row.dropsalong .row.dropscal .thumbnail .caption {font-size: 11px;}
/* Valentines */
.content.valentinesday {position: relative; font-family: 'PT Sans', sans-serif; color: #666; margin-top: 0; margin-bottom: 0; padding: 50px 20px 30px 20px; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/valentinesday_ft-bg.jpg') no-repeat center top; font-size: 14px;}
/* Easter */
.content.easter-workshop {position: relative; font-family: 'PT Sans', sans-serif; color: #666; margin-top: 0; margin-bottom: 0; padding: 50px 20px 30px 20px; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/easterw_ft-bg.jpg') no-repeat center top; font-size: 14px;}
/* catalogue redirects */
.redirect_wrapper {max-width: 500px; margin: 0 auto; padding-top: 30px;}
.redirect_wrapper .row.where-to-go {max-width: 350px; margin: 0 auto;}
/********* Index Showcase *********/
.index_showcase {width: 960px; height: 650px; position:absolute; top:50%; margin-top:-325px; left: 50%; margin-left: -480px;}
.index_showcase .top {height: 120px; clear: both;}
.index_showcase .top .logo {float: left;}
.index_showcase .top .message {float: right; font-size: 16px; font-weight: 400; line-height: 80px; padding-top: 40px;}
.index_showcase .images {height: 480px; float: left; clear: both; line-height: 0; margin-top: -30px;}
.index_showcase .images .enter_lang {width: 250px; background: #fff; padding: 10px; position: absolute; top: 265px; left: 345px; z-index: 999; line-height: 20px; text-align: center; border-radius: 3px; -moz-box-shadow: 0 0 3px #d2d2d2; -webkit-box-shadow: 0 0 3px #d2d2d2; box-shadow: 0 0 3px #d2d2d2;}
.index_showcase .images .enter_lang.resp {display: none;}
.index_showcase .images .square {width: 480px; height: 480px; background: #ccc; float: left; margin: 0; padding: 0;}
.index_showcase .images .square .square {width: 240px; height: 240px; background: #ccc; float: left; margin: 0; padding: 0;}
.index_showcase .images .square img {line-height: 0;}
.index_showcase .bottom {line-height: 15px; padding-top: 10px;}
.index_showcase .bottom .left {float: left;}
.index_showcase .bottom .right {float: right;}
.home .carousel-fade .carousel-inner .item {opacity: 0; transition-property: opacity;}
.home .carousel-fade .carousel-inner .active {opacity: 1;}
.home .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.home .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.home .carousel-fade .carousel-control {z-index: 2;}
@media all and (transform-3d),
(-webkit-transform-3d) {
.home .carousel-fade .carousel-inner > .item.next,
.home .carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.home .carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.home .carousel-fade .carousel-inner > .item.next.left,
.home .carousel-fade .carousel-inner > .item.prev.right,
.home .carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.home .item:nth-child(1) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(2) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(3) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/3.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(4) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/4.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(5) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/5.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(6) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/6.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(7) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/7.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(8) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/8.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(9) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/9.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .item:nth-child(10) {background: url(/National_Library/oe_/http://garnstudio.com/img/index_showcase/10.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home .carousel {}
.home .carousel .item {position: fixed; width: 100%; height: 100%;}
.home .index {z-index: 99; height: 100%; position: absolute;}
.home .index .message {text-align: center; display: block; background: #fff; padding: 20px 25px 10px; margin: 0; opacity: 0.85; position: fixed; margin-top: -70px; top: 50%; width: 330px; margin-left: -165px; left: 50%;}
.home .index .message h3 {margin: 10px 0;}
/* Inspirations */
.halloween2014 {width: 100%; height: 250px; position: relative; top: 0; margin: -100px 0 0 0; padding: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/holidays/halloween-header.gif') no-repeat center top; z-index: 9;}
.alpacaparty2014 {width: 100%; height: 185px; position: relative; top: 0; margin: 0; padding: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/inspirations/20141002-alpacaparty.jpg') no-repeat center top;}
.verdi201409 {width: 100%; height: 180px; position: relative; top: 0; margin: 0; padding: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/inspirations/201409-verdi.jpg') no-repeat center top;}
.merinomania2014 {width: 100%; height: 140px; position: relative; top: 0; margin: 0; padding: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/inspirations/20140922-merinomania.jpg') no-repeat center top;}
.carnival2013 {width: 100%; height: 75px; position: relative; top: 0; margin: 0; padding: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/inspirations/201302carnival.png') repeat-x center top;}
.valetines_archive {width: 100%; height: 92px; position: relative; top: 0; margin: 0; padding: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/inspirations/201502valentine.png') no-repeat center top;}
.carnival2015 {width: 100%; height: 80px; top: 0; margin: 0; padding: 0; background: url('/National_Library/oe_/http://garnstudio.com/img/inspirations/201501carnival.png') no-repeat center top;}