body,
html { font-family: "brandon-grotesque", Helvetica, Arial, sans-serif; font-weight: normal; color: #000; background-color: #fff; height: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 { color: #282929; margin: 0 0 18px 0; padding: 0; line-height: 1; -webkit-font-smoothing: antialiased; font-weight: normal; text-transform: uppercase; }
p { color: #000; font-size: 14px; font-family: Georgia, Times, "Times New Roman", serif; margin: 0 0 18px 0; line-height: 1.3; letter-spacing: 0.04em; font-weight: 300; }
p strong{ font-weight: bold; }
li { color: #58595b; font-size: 14px; font-weight: normal; letter-spacing: 0.04em; font-size: 14px; font-family: Georgia, Times, "Times New Roman", serif; }
span { font-size: 14px; font-weight: 300; }
input { font-family: "brandon-grotesque", Helvetica, Arial, sans-serif; }
h1 { font-size: 18px; letter-spacing: 0.04em; }
h2 { font-size: 14px; letter-spacing: 0.04em; font-weight: 500; }
h3 { font-size: 17px; letter-spacing: 0.04em; font-weight: 500; }
h4 { font-size: 20px; }
h5 { font-size: 20px; }
a,
a:visited,
a:focus { color: #000; outline: none; text-decoration: underline; }
a:hover { color: #bebebe; outline: none; text-decoration: none; }
.left { float: left; }
.right { float: right; }
.full { width: 100%; }
.span1 { width: 278px; }
.span2 { width: 602px; }
.span3 { width: 927px; }
.base { width: 972px; }
.gutter { margin-right: 45px; }
.centre { margin: 0 auto; }
.inner { padding: 0 20px 0 20px; }
.clear { margin: 0; }
.absolute { position: absolute; }
.relative { position: relative; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.pad-top-20 { padding-top: 20px; }
.pad-bottom-20 { padding-bottom: 20px; }
.pad-left-23 { padding-left: 23px; }
.pad-right-23 { padding-right: 23px; }
.pad-bottom-45 { padding-bottom: 45px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-45 { margin-bottom: 45px; }
.border-bottom { border-bottom: 1px solid #d2d2d2; }
.no-margin { margin: 0; }
.no-padding { margin: 0; }
.uppercase { text-transform: uppercase; }
.last-child p:last-child { margin: 0; }
.triple-inner { background: transparent url('../images/back-triple-inner.gif') 0 0 repeat-y; }
.single-right-inner { background: transparent url('../images/back-single-right-inner.gif') 0 0 repeat-y; }
.single-left-inner { background: transparent url('../images/back-single-left-inner.gif') 0 0 repeat-y; }
.brandon,
.brandon span,
.brandon p { font-family: "brandon-grotesque", Helvetica, Arial, sans-serif; }
#twttrHubFrameSecure, #twttrHubFrame { display: none; }
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -186px; }
#header { height: 107px; background-color: #fff; border-bottom: 1px solid #d2d2d2; margin: 54px 0 45px 0; }
.hassub #header { margin: 108px 0 45px 0; }
#header h1 { width: 325px; height: 107px; margin: 0 auto; padding: 0; }
#header h1 a { display: block; width: 325px; height: 107px; background: transparent url('../images/becker-minty.gif') 0 0 no-repeat; text-indent: -3000px; }
#menus { width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.mobile #menus { position: absolute; }
#search-wrap { display: none; position: absolute; top: 0; left: 0; width: 869px; height: 53px; background: #1e1e1e;}
#search-wrap-inner { float: left; width: 100%; padding: 10px 0 10px; }
#search-wrap-inner input { float: left; width: 847px; border: 1px solid #fff; padding: 4px; }
#navigation { height: 53px; background: #000 url('../images/back-navigation.gif') 0 0 repeat-x; border-bottom: 1px solid #383838; }
#navigation-inner { width: 932px; margin: 0 auto; position: relative; }
#navigation ul { float: left; width: 100%; height: 53px; margin: 0; padding: 0; list-style: none; }
#navigation ul li { float: left; font-size: 11px; padding: 0; border-left: 1px solid #333; height: 53px; text-transform: uppercase; font-weight: 500; line-height: 5; }
#navigation ul li.cookie-account { display: none; }
#navigation ul li a { display: block; color: #fff; height: 53px; padding: 0 20px; text-decoration: none; }
#navigation ul li a:hover { color: #fff; background-color: #000; }
#navigation ul li.current a,
#navigation ul li.section a { color: #a5a6a6; background-color: #000; }
#navigation ul li.facebook { width: 53px; height: 52px; }
#navigation ul li.facebook a { width: 53px; padding: 0; background: transparent url('../images/back-facebook.gif') 0 0 no-repeat; text-indent: -3000px; }
#navigation ul li.facebook a:hover { background-color: #000; }
#navigation ul li.twitter { width: 53px; height: 52px; }
#navigation ul li.twitter a { width: 53px; padding: 0; background: transparent url('../images/back-twitter.gif') 0 0 no-repeat; text-indent: -3000px; }
#navigation ul li.twitter a:hover { background-color: #000; }
#navigation ul li.search { width: 53px; height: 52px; border-right: 1px solid #333; }
#navigation ul li.search a { width: 53px; padding: 0; background: transparent url('../images/back-search.gif') 0 0 no-repeat; text-indent: -3000px; }
#navigation ul li.search a:hover { background-color: #000; }
#navigation ul li.close { width: 53px; height: 52px; border-right: 1px solid #333; }
#navigation ul li.close a { width: 53px; padding: 0; background: transparent url('../images/back-close.gif') 0 0 no-repeat; text-indent: -3000px; }
#navigation ul li.close a:hover { background-color: #000; }
#subnavigation { height: 54px; background-color: #000; border-bottom: 1px solid #383838; }
#subnavigation-inner { width: 932px; margin: 0 auto; }
#subnavigation ul { height: 54px; margin: 0; padding: 0; list-style: none; text-align: center; }
#subnavigation ul li { display: inline-block; font-size: 11px; padding: 0; border-left: 1px solid #333; height: 54px; text-transform: uppercase; font-weight: 500; line-height: 5; }
#subnavigation ul li a { display: block; color: #fff; height: 54px; padding: 0 18px 0 19px; text-decoration: none; }
#subnavigation ul li a:hover { color: #fff; background-color: #000; }
#subnavigation ul li.last { border-right: 1px solid #333; }
#outer { margin: 45px auto 0 auto; }
#promo { overflow: hidden; }
#promo { }
#promos { overflow: hidden; width: 972px; height: 395px; }
.promo-item { position: relative; height: 395px; }
.promo-item h2 { position: absolute; top: 175px; left: 0; font-size: 51px; text-align: center; width: 100%; color: #fff; z-index: 10; text-transform: uppercase; font-weight: 600; }
.promo-item img { position: absolute; top: 0; left: 0; }
#promo-titles { background-color: #1f1f1f; height: 60px; }
#promo-titles ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; }
#promo-titles ul li { float: left; width: 193px; height: 60px; margin: 0; padding: 0; border-left: 1px solid #333; color: #fff; font-size: 11px; line-height: 1.2; text-transform: uppercase; }
#promo-titles ul li a { color: #fff; text-decoration: none; display: block; padding: 17px 0 0 22px; height: 43px; }
#promo-titles ul li a span { color: #a5a6a6; font-size: 11px; }
#inner { background-color: #fff; }
#inner p { color: #999999; font-size: 15px; }
#inner li { color: #999999; font-size: 15px; }
.header { border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; padding: 20px 0 20px 0; }
.header h2 { font-size: 11px; color: #a5a6a6; margin: 0; }
#product { }
#product h2 { font-size: 11px; color: #a5a6a6; margin: 20px 0 20px 0; }
#product h3 { line-height: 1.3; margin: 0 0 20px 0; }
#product-form .field { float: left; width: 100%; clear: both; margin: 0 0 20px 0; }
#product-form .field .middleColumn { float: left; width: 100%; clear: both; }
#product-form .actions { float: left; width: 100%; clear: both; }
#product-form .action { display: block; background-color: #a5a6a6; border: 3px double #FFFFFF; height: 40px; width: 100%; font-size: 11px; color: #fff; margin: 0; text-transform: uppercase; font-weight: 500; }
#product-form label { float: left; width: 100%; font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; color: #999; margin: 0 0 10px 0; text-align: left; }
#press-grid { }
#press-grid h2 { font-size: 11px; color: #a5a6a6; margin: 20px 0 0 0; }
#press-grid h3 { line-height: 1.3; margin: 0 0 20px 0; }
#press-grid img { margin: 0 0 20px 0; }
#press-grid .span1 { padding-bottom: 20px; padding-top: 20px; }
#press-grid .row { padding-top: 0; padding-bottom: 40px; margin-bottom: 40px; }
#press-grid .last { padding-bottom: 0; }
#press-grid span { text-transform: uppercase; font-size: 11px; font-weight: 500; }
#press-grid span a { color: #a5a6a6; text-transform: uppercase; text-decoration: none; }
#press-grid span a:hover { color: #282929; }
#products-grid { margin: 0; }
#products-grid h2 { font-size: 11px; color: #a5a6a6; margin: 20px 0 0 0; }
#products-grid h3 { line-height: 1.3; margin: 0 0 20px 0; }
#products-grid .span1 { padding-bottom: 20px; padding-top: 20px; height: 260px; }
#products-grid .row { padding-top: 40px; padding-bottom: 40px; }
#products-grid span { text-transform: uppercase; font-size: 11px; font-weight: 500; }
#products-grid span a { color: #a5a6a6; text-transform: uppercase; text-decoration: none; }
#products-grid span a:hover { color: #282929; }
#page-overview { padding: 0 0 20px 0; margin: 0; }
#page-overview h2 { font-size: 11px; color: #a5a6a6; margin: 0 0 20px 0; }
#page-overview h3 { line-height: 1.3; margin: 0 0 15px 0; }
#page-overview .span1 { padding-bottom: 0px; }
#store-products { border-bottom: 1px solid #d2d2d2; padding: 0 0 44px 0; margin: 45px 0 0 0; }
#store-products h2 { font-size: 11px; color: #a5a6a6; margin: 20px 0 0 0; }
#store-products img { margin: 20px 0 20px 0; }
#store-products h3 { line-height: 1.3; margin: 0 0 20px 0; }
#store-products .span1 { padding-bottom: 20px; }
#store-products span { text-transform: uppercase; font-size: 11px; font-weight: 500; }
#store-products span a { color: #a5a6a6; text-transform: uppercase; text-decoration: none; }
#store-products span a:hover { color: #282929; }
#feature-news { padding: 0 0 45px 0; margin: 60px 0 0 0; }
#feature-news h2 { font-size: 11px; color: #a5a6a6; margin: 20px 0 20px 0; }
#feature-news h3 { line-height: 1.3; margin: 0 0 13px 0; }
#feature-news img { margin: 0 0 20px 0; max-width: 100%; }
#feature-news .span1 { padding-bottom: 20px; }
#feature-news span { text-transform: uppercase; font-size: 11px; font-weight: 500; color: #A5A6A6; }
#feature-news span a { color: #a5a6a6; text-transform: uppercase; text-decoration: none; }
#feature-news span a:hover { color: #282929; }
#feature-news .tweet p { font-size: 17px; color: #282929; letter-spacing: 0; font-weight: 600; }
#feature-news .facebook { margin: 0 0 15px 0; width: 100%; overflow: hidden; }
#feature-news .facebook-inner { width: 105%; overflow: hidden; margin: 0 0 0 -6px; }
#feature-news .facebook img { float: left; margin: 0 7px 7px 0; }
#feature-video { padding: 0 0 45px 0; }
#blog-grid h2 { font-size: 11px; color: #a5a6a6; margin: 0 0 20px 0; }
#blog-grid h3 { line-height: 1.3; margin: 0 0 13px 0; }
.event-content { float: left; width: 100%; }
.event-content .read-more,
.event-content .read-less { float: left; width: 100%; color: #999999; font-size: 15px; font-family: Georgia,Times,"Times New Roman",serif; margin: 15px 0 15px 0; }
.event-content .read-more a,
.event-content .read-less a { color: #000; text-decoration: underline; }
.event-content .read-more a:hover,
.event-content .read-less a:hover { color: #999; text-decoration: none; }
#about h2 { font-size: 11px; color: #a5a6a6; margin: 0 0 20px 0; }
#about h3 { line-height: 1.3; margin: 0 0 13px 0; }
#about-thumbs { overflow: hidden; }
#about-thumbs-inner { width: 110%; overflow: hidden; }
#about-thumbs-inner img { float: left; margin: 22px 22px 0 0; cursor: pointer; }
#product-image-thumbs { overflow: hidden; }
#product-image-thumbs-inner { width: 104%; overflow: hidden; }
#product-image-thumbs-inner img { float: left; margin: 22px 22px 0 0; }
#contact-form div.text,
#contact-form div.email { float: left; width: 278px; padding: 0 23px 0 23px; height: 90px; position: relative; }
#contact-form div.textarea { float: left; width: 927px; padding: 0 23px 0 23px; height: 170px; position: relative; }
#contact-form div.text label,
#contact-form div.email label,
#contact-form div.textarea label { float: left; width: 100%; font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; color: #999; margin: 0 0 10px 0; text-align: left; }
#contact-form div.text input,
#contact-form div.email input { border: 1px solid #a5a6a6; float: left; width: 258px; padding: 10px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; color: #999; }
#contact-form div.textarea textarea { border: 1px solid #a5a6a6; float: left; width: 907px; height: 100px; padding: 10px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; color: #999; }
#contact-form .field .middleColumn { float: left; width: 100%; clear: both; }
#contact-form .message { position: absolute; top: 0; right: 23px; color: #cc0000; font-size: 13px; font-family: Georgia, Times, "Times New Roman", serif; }
#contact-form .Actions { float: left; width: 278px; padding: 0 23px 0 22px; }
#contact-form .action { display: block; background-color: #a5a6a6; border: 3px double #FFFFFF; height: 40px; width: 278px; font-size: 11px; color: #fff; margin: 0; text-transform: uppercase; font-weight: 500; }
#cart-totals p { font-size: 17px; letter-spacing: 0.04em; font-weight: 500; font-family: "brandon-grotesque", Helvetica, Arial, sans-serif; line-height: 1.3; margin: 0 0 13px 0; color: #282929; }
#cart-totals div.text,
#cart-totals div.dropdown { float: left; width: 278px; height: 90px; }
#cart-totals div.email { float: left; width: 278px; height: 90px; }
#cart-totals div.textarea { float: left; width: 927px; height: 170px; }
#cart-totals div.text label,
#cart-totals div.dropdown label,
#cart-totals div.email label,
#cart-totals div.textarea label { float: left; width: 100%; font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; color: #999; margin: 0 0 10px 0; text-align: left; }
#cart-totals div.text input,
#cart-totals div.email input { border: 1px solid #a5a6a6; float: left; width: 255px; padding: 10px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; color: #999; }
#cart-totals div.textarea textarea { border: 1px solid #a5a6a6; float: left; width: 907px; height: 100px; padding: 10px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 15px; color: #999; }
#cart-totals .field .middleColumn { float: left; width: 100%; clear: both; }
#cart-totals .actions { float: left; width: 278px; margin: 0; }
#cart-totals .action { display: block; background-color: #a5a6a6; border: 3px double #FFFFFF; height: 40px; width: 278px; font-size: 11px; color: #fff; margin: 0; text-transform: uppercase; font-weight: 500; }
#services-images { overflow: hidden; width: 927px; height: 405px; }
.service-image { float: left; width: 100%; text-align: center; }
.service-image img { margin: 0 auto; }
#services-thumbs { overflow: hidden; }
#services-thumbs-inner { width: 110%; overflow: hidden; }
#services-thumbs-inner img { float: left; margin: 25px 25px 0 0; cursor: pointer; }
.addthis_toolbox { overflow: hidden; width: 105%; }
.sharethis { text-align: center; }
.sharethis span { display: inline-block; margin: 0 5px; }
.sharethis .at300b { padding: 0; }
.cart-item h3 { line-height: 1.3; margin: 0 0 13px 0; }
.cart-item .remove { right: 0; font-size: 11px; color: #a5a6a6; text-decoration: none; }
.cart-item .remove:hover { color: #cc0000; }
#pagination { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 20px 0; }
#pagination span { font-size: 11px; color: #b0b1b1; font-weight: 500; }
#pagination a { text-decoration: none; color: #b0b1b1; }
#pagination a:hover { color: #000; }
#push { float: left; width: 100%; height: 185px; }
#footer { background-color: #1f1f1f; height: 185px; margin: 0 0 0 0; border-top: 1px solid #383838; }
#footer-inner { width: 927px; height: 100px; margin: 44px auto 40px auto; background: transparent url('../images/back-footer-inner.gif') 0 0 repeat-y; }
#footer-inner p,
#footer-inner li { font-family: "brandon-grotesque", Helvetica, Arial, sans-serif; }
#footer-inner ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
#footer-inner ul li { color: #fff; font-size: 11px; margin: 0 0 1px 0; }
#footer-inner p { color: #fff; font-size: 11px; margin: 0 0 20px 0; line-height: 1.5; }
#footer-inner p a,
#footer-inner li a { color: #fff; text-decoration: none; }
#footer-inner li a:hover { text-decoration: underline; }
#footer-alpha { float: left; width: 257px; padding: 0 44px 0 0; }
#footer-beta { float: left; width: 259px; padding: 0 44px 0 23px; }
#footer-gamma { float: right; width: 275px; padding: 0 0 0 22px; }
.sbHolder{ background-color: #fff; border: 1px solid #a5a6a6; font-size: 15px; font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; height: 36px; position: relative; width: 274px; margin: 0 0 0 1px; }
.sbSelector{ display: block; height: 36px; left: 0; line-height: 36px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 240px; text-align: left; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color: #a5a6a6; outline: none; text-decoration: none; }
.sbToggle{ background: url(../images/back-select.gif) 0 0 no-repeat; display: block; height: 37px; width: 37px; outline: none; position: absolute; right: 0; top: 0; }
.sbToggle:hover{ background: url(../images/back-select.gif) 0 0 no-repeat; }
.sbToggleOpen{ background: url(../images/back-select.gif) 0 0 no-repeat; }
.sbToggleOpen:hover{ background: url(../images/back-select.gif) 0 0 no-repeat; }
.sbHolderDisabled{ background-color: #3C3C3C; border: solid 1px #515151; }
.sbHolderDisabled .sbHolder{ }
.sbHolderDisabled .sbToggle{ }
.sbOptions{ background-color: #212121; border: solid 1px #515151; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 274px; z-index: 1; overflow-y: auto; }
.sbOptions li{ padding: 0 7px; text-align: left; }
.sbOptions a{ border-bottom: dotted 1px #515151; display: block; outline: none; padding: 7px 0 7px 3px; }
.sbOptions a:link, .sbOptions a:visited{ color: #ddd; text-decoration: none; }
.sbOptions a:hover{ color: #a5a6a6; }
.sbOptions li.last a{ border-bottom: none; }
.sbOptions .sbDisabled{ border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup{ border-bottom: dotted 1px #515151; color: #a5a6a6; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
.sbOptions .sbSub{ padding-left: 17px; }
#MemberLoginForm_LoginForm .field { float: left; width: 100%; margin: 0 0 20px 0; }
#MemberLoginForm_LoginForm .text label { float: left; width: 100px; margin: 0 10px 0 0; padding: 5px 0 0 0; }
#MemberLoginForm_LoginForm .Actions input { float: left; margin: 0 0 20px 0; border: none; background-color: #666; color: #fff; padding: 5px 10px 6px 10px; }
#Remember input { float: left; margin: 1px 10px 0 0; }
#Remember label { float: left; }
#ForgotPassword { float: left; width: 100%; }
#ForgotPassword a { color: #000; }
#ForgotPassword a:hover { color: #666; }
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:5px; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
@media (max-width: 500px) {
#menus { position: absolute; }
}