header, article {display: block; width: 100%; margin: 0px; padding: 0px; border-bottom: 1px solid #325E8B; clear: both; text-align: center;}
header {position: fixed; top: 0px; left: 0px; padding: 0px; margin: 0px; z-index: 10000; background-color: #F8F8F8; }
header.bb-headersmaller {position: fixed; top: 0px; left: 0px; padding: 0px; margin: 0px; z-index: 10000; background-color: #F8F8F8; }
div#w-header, div#w-article {width: 94%; max-width: 1200px; padding: 30px 0px; margin: 0px auto; text-align: right;}
div#w-header {padding: 24px 0px 14px 0px; text-align: justify; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;}
header.bb-headersmaller div#w-header {padding: 12px 0px 0px 0px; text-align: justify; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;}
div#w-header div.clear {height: 0px; max-height: 0px; overflow: hidden; display: inline-block; zoom: 1; *display: inline; width: 100%; padding: 0px; margin: 0px;}
div#w-header > div, div#w-header div {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
div#w-header > div {height: 100%; overflow: visible; white-space: nowrap;}
div#w-logoin img, div#w-headerimgin img, div#w-headerin img {max-width: 100%; max-height: 200px;  -webkit-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out;}
header.bb-headersmaller div#w-logoin, header.bb-headersmaller div#w-headerimgin, header.bb-headersmaller div#w-headerin {max-height: 100px;}
header.bb-headersmaller div#w-logoin img, header.bb-headersmaller div#w-headerimgin img, header.bb-headersmaller div#w-headerin img {max-height: 100px;  -webkit-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out;}
div#w-logoin, div#w-makelogoin {padding: 0px 30px 0px 0px; max-width: 50%; max-height: 200px; overflow: hidden;}
div#w-headerin {white-space: wrap; overflow: hidden; padding: 0px 30px;max-width: 25%;}
div#w-headerimgin {padding: 0px 30px; max-width: 40%;}
div#w-makelogoin a {display: block; background: #5A4B41; color: #FFFFFF; padding: 8px 14px; font-size: 180%; text-transform: uppercase;}
body div#verticalNav a#categoriesLink {display: block; clear: both; min-height: 44px; max-height: 44px; min-width: 44px; position: relative; z-index: 6000; background: url(../shopsite-images/en-US/backgrounds/shared/bb-sprite-dark.png) center -264px no-repeat; text-indent: 500%; white-space: nowrap; overflow: hidden;}
div.suckertreemenu {margin: 0px 0px 0px auto; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
div.suckertreemenu ul#ShopSite > li a {text-transform: uppercase; color: #5A4B41; font-size: 160%; padding: 0px 9px; height: 34px; line-height: 34px;}
div.suckertreemenu ul#ShopSite li.subcategory > a {background: #F8F8F8;}
div.suckertreemenu ul#ShopSite > li:hover > a, div.suckertreemenu ul#ShopSite > li.subcategory:hover > a {color: #FFFFFF; background: #066043;}
span#w-searchtoggle {display: inline-block; zoom: 1; *display: inline;  vertical-align: middle; height: 44px; width: 44px; cursor: pointer; background: url(../shopsite-images/en-US/backgrounds/shared/bb-sprite-dark.png) 0px -176px no-repeat; text-indent: 400px; overflow: hidden; white-space: nowrap;}
form#bb-searchform {display: block; width: 100%; text-align: center; padding: 0px; margin: 0px; white-space: nowrap; background: #5A4B41; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; height: 0; overflow: hidden;}
form#bb-searchform.w-active {height: 150px;}
form#bb-searchform span#search-area {display: block; width: 94%; max-width: 1200px; margin: 0px auto;}
input#search-field {width: 70%; font-size: 260%; background: #5A4B41; color: #325E8B; border: 0px; border-bottom: 1px solid #FFF; padding: 10px 0px; text-indent: 5%; margin: 40px auto;}
input#search-submit {max-width: 20%; font-size: 200%; background: #5A4B41; border: 0px; color: #325E8B; margin: 40px auto;}
input#search-submit:hover {background: #5A4B41; color: #FFFFFF;}
div#w-linkssection {background: #0D355E; text-align: center;}
div#w-linkssectionin {width: 94%; max-width: 1200px; text-align: left; margin: 0px auto; font-size: 86%;}
div#w-linkssectionin div#w-registration {position: relative; left: -8px; display: inline-block; float: left; clear: none; white-space: nowrap; color: #565656;}
div#w-linkssectionin a {display: inline-block; zoom: 1; *display: inline; padding: 4px 8px; color: #5A4B41; text-transform: uppercase; opacity: 0.7; filter: opacity(70);}
div#w-linkssectionin a:hover {opacity: 1.0; filter: opacity(100);}
div#w-linkssectionin div#bb-miniflyout {display: inline-block; float: right; clear: none; white-space: nowrap; position: relative; top: 1px;}
div#w-linkssectionin div#bb-miniflyout a {padding: 3px 9px 3px 8px;}
a.left_pagetitle, a.right_pagetitle, a.footer_pagetitle, #bb-leftnav #bb-gcl a {padding: 2px; margin: 0px 0px 3px 0px; color: #5A4B41;}
a.left_pagelink, a.right_pagelink, a.footer_pagelink {color: #5A4B41; background: #325E8B; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 6px 8px; margin: 0px 0px 3px 0px; opacity: 0.7; filter: opacity(70);}
a.left_pagelink:hover, a.right_pagelink:hover, a.footer_pagelink:hover {opacity: 0.9; filter: opacity(90);}
div#bb-content, div#bb-menuscontainer, div#w-alwayswhite {background: #FFFFFF; min-height: 400px;}
footer {border-top: 1px solid #325E8B;}
div#bb-footer3newstext {font-size: 150%;}
section#bb-bestsellers div#bb-divbestsellers h2#bb-globalcrosssellhdr {text-align: left;}
div#bb-menuscontainer, div#bb-content, div#bb-divbestsellers, footer, div#bb-scrolldivadd, div#bb-scrolldivdesc, div#bb-scrolldivreviews, div#bb-scrolldivprodcross, div#bb-scrolldivstorecross, div#bb-scrolldivhow, div#bb-scrolldivsize, div#bb-regproddivcross 
{padding: 40px 0px;}
div#bb-miimghalf div#bb-zoomcontain {margin-bottom: 50px;}
.og-expander-inner {padding: 50px 30px;}
div#bb-carouselinner, div#bb-pagebannerinner {padding: 0px; width: 100%; max-width: 100%;}
h1#bbnme {font-size: 250%;}
a.left_pagetitle, a.right_pagetitle, a.footer_pagetitle, #bb-leftnav #bb-gcl a {font-size: 150%;}
h1, h2, span.slidetitle, div#w-makelogoin, div.suckertreemenu ul#ShopSite > li, a.left_pagetitle, a.right_pagetitle, a.footer_pagetitle, #bb-leftnav #bb-gcl a, div#bb-footer3newstext 
{font-family: 'Yanone Kaffeesatz', arial narrow, arial, helvetica, sans-serif;}
.bb-btns {text-align: center; clear: both; padding: 30px 0px 0px 0px;}
input[type=submit], input[type="submit"], a.bb-abutton, .buttons a, div#bb-scrolldivreviews a.reviews_write_review_link {border: 0px; text-shadow: rgba(0,0,0,.4) 0 1px 0; background: #555555; margin-top: 2px; margin-bottom: 2px; padding: 9px 12px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #FFFFFF; cursor: pointer; font-size: 10pt; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; -webkit-appearance: none; background: #555555; background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#EEEEEE)); background: -webkit-linear-gradient(top, #555555, #EEEEEE); background: -moz-linear-gradient(top, #555555, #EEEEEE); background: -ms-linear-gradient(top, #555555, #EEEEEE); background: -o-linear-gradient(top, #555555, #EEEEEE);}
a.bb-abutton, .buttons a, div#bb-scrolldivreviews a.reviews_write_review_link {display: inline-block; zoom: 1; *display: inline;}
input[type=submit]:hover, input[type="submit"]:hover, a.bb-abutton:hover, .buttons a:hover, div#bb-scrolldivreviews a.reviews_write_review_link:hover {background: #EEEEEE;}
input.button7, div.ss_wl_sort input[type="submit"], input.button68 {background: #BFBFBF; background: -webkit-gradient(linear, left top, left bottom, from(#8C8989), to(#A3A1A1)); background: -webkit-linear-gradient(top, #8C8989, #A3A1A1); background: -moz-linear-gradient(top, #8C8989, #A3A1A1); background: -ms-linear-gradient(top, #8C8989, #A3A1A1); background: -o-linear-gradient(top, #8C8989, #A3A1A1);}
input.button7:hover, div.ss_wl_sort input[type="submit"]:hover, input.button68:hover {background: #A3A1A1;}

@media screen and (max-width : 900px) {
div#w-header > div#w-headerin {display: none;}}
@media screen and (max-width : 751px) {
div#w-header > div#w-headerimgin {display: none;}}
@media screen and (max-width : 500px) {
}