/* latin-ext */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'), url(https://fonts.gstatic.com/s/librebaskerville/v4/kH7K4InNTm7mmOXXjrA5v-Ql1o_0qyP5Uo8lbNkQAd8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'), url(https://fonts.gstatic.com/s/librebaskerville/v4/kH7K4InNTm7mmOXXjrA5v6y7YSlLHrWsjpD3RcrnyFM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYhKUK2vxztsQZZBkxIuj92o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
*, *::after, *::before {
    box-sizing: border-box ;
}

html, body, form {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
}
body {
    text-align:center;
    background:#020202;
    font: 0.9em Arial, Verdana, Helvetica, sans-serif;
    color: #000;
}

header, footer, section.wrapper {
    text-align:left;
    width:960px;
    margin:0 auto;
    clear:both;
}
aside {
    background-color:#efe3d3;
    width:180px;
    display:inline-block;
    vertical-align:top;
}
a {
    text-decoration:none;
    color:#000000;
}
section.wrapper {
    background-color:#fff;
}
.nt {
    text-indent:-9999px;
}
.cb {
    clear:both;
}
.sprite {
    background:url(responsive-sprite.png) no-repeat;
}
ul.links, ul.links li, nav ul, nav ul li {
    list-style:none;
    padding:0;
    margin:0;
    display:inline-block;
}
.promo {
    background-color:#05467d;    
    border-bottom:2px solid #fff;
    height:44px;
    text-align:center;
    padding-top:2px;
}
.promo a {
    display:block;
    line-height:35px;    
    color:#fff;
    font-size: 1.7em;
    font-weight:600;
    text-shadow:
    -1px -1px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;
    letter-spacing:1px;
}
.promo a:after {
    content:'click for details';
    font-size:0.5em;
    margin-left:20px;
}
.header-bottom {
    background-color:#006a8c;
    background-repeat:no-repeat;
    background-position:left top;
    padding-bottom:26px;
    position:relative;
    float:left;
    width:100%;
    margin:1px 0 0 0;
}
header .bottom-links {
    clear:both;
    float:left;
    width:100%;
    height:45px;
    padding:0px 0 0 10px;
}
header .bottom-links .links-container {
    border:2px solid #b6e3ff;
    background-color:#facc50;
    float:left;
    position:relative;
}
header .bottom-links .links-container ul {
    border:1px solid #dea303;
    padding:8px 6px;
    height:44px;
}
header .bottom-links .cart {
    float:right;
    background-color:#b8c9d5;
    border-radius: 7px 0px 0px 7px;
    -moz-border-radius: 7px 0px 0px 7px;
    -webkit-border-radius: 7px 0px 0px 7px;
    padding:10px 7px 10px 13px;
    margin-top:5px;
}
header .bottom-links .cart:before {
    content:'Shopping Cart';
    display:inline-block;
    vertical-align:middle;
    font-weight:bold;
    margin-right:5px;
    font-size:1.2em;
    font-family:'PT Sans Narrow'
}
header .bottom-links .links {
    float:left;
}
header .bottom-links .links a {
    font-size:1.4em;
    color:#000;
    text-transform:uppercase;
    font-family:'PT Sans Narrow'
}
header .bottom-links .links li:not(:last-child) {
    border-right:1px solid #000;
}
header .bottom-links .links li {
    padding:0 10px 0 5px;
}
header .top-links {
    float:right;
    background-color:#facc50;
    color:#fff;
    position:relative;
    height:24px;
    border-top:1px solid #000;
}
header .top-links .links {
    display:inline-block;
    vertical-align:middle;
}
header .top-links .links a {
    color:#000;
    font-size:0.85em;
    line-height:20px;
    text-shadow:
    0px 0px 0 #000,
    0px 0px 0 #000,
    0px 0px 0 #000,
    0px 1px 0 #ffffff;
}
header .top-links .links li {
    margin:0 8px;
}
.message {
    color:#fff;   
    font-weight:700;
    float:right;
    clear:right;
    text-align:left;
    width:47%;
    margin:7px 0;
    font-family:'Libre Baskerville';
    height:93px;
}
.message .phone {
    font-size:1.4em;
    display:block;
    text-align:center;
    margin:0 5px 0 10px;
    color:#000;
    font-family:'Times New Roman';
    text-shadow:
    0px 0px 0 #000,
    0px 0px 0 #000,
    0px 0px 0 #000,
    1px 0px 0 #fff;
}
header .phone:before {
    content:'Toll Free ';
}
.message > div.line1 {
    font-size: 1.6em;
    text-align:center;    
    margin:5px 0 0;
}
.message > div.line2 {
    font-size: 1.5em;    
    text-align:center;    
    margin:5px 0;
}
.message > div.line1, .message > div.line2 {
    text-shadow:
    -1px -1px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;
}
.header-bottom .search {
    float:right;
    clear:right;
    padding:4px 5px 4px 5px;
}
.header-bottom .search input[type='text'], .mobile .search input[type='text'] {
    display:inline-block;
    vertical-align:middle;
    border:1px solid #b8c9d5;
    padding:4px;
    font-size:1.1em;
    outline:0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.header-bottom .search form:before, .mobile .search form:before {
    content:'Search';
    color:#000;
    font-weight:600;
    margin:0 4px;
    display:inline-block;
    vertical-align:middle;
    font-size:1.2em;
    font-family:'PT Sans Narrow';
}
.header-bottom .search input[type='image'], .mobile .search input[type='image'] {
    display:inline-block;
    vertical-align:middle;
    margin:0 0 0 3px;
    outline:0;
}
.header-bottom .logo {
    display:inline-block;
    position:absolute;
    left:23px;
    top:0;
    width:220px;
    height:156px;
    background:url(logo-cropped.png) no-repeat left top;
}
.header-bottom .logo a {
    display:block;
    width:100%;
    height:163px;
}
.mobile {
    background:#a8b0c5 url(mobile-header-bg.jpg) no-repeat center top;
    position:relative;
    float:left;
    width:100%;
    margin:1px 0 0 0;
    text-align:center;
}
nav h3 {
    background-color:#003463;    
    padding:0 0 0 10px;
    line-height:23px;
    margin:1px 0;
    font-size:1.3em;
    font-family:'PT Sans Narrow'
}
nav h3, .info-block h3 {
    color:#fff;
    text-shadow:
    -0px -0px 0 #000,
    0px -0px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}
nav ul {
    padding:0 3px 0 3px;
    display:block;
}
nav ul li {
    display:block;
    margin:5px 0 5px 14px;
}
nav a {
    color:#1e4058;
    font-weight:600;
    position:relative;
    font-size:0.9em;
    font-family:Tahoma;
}
nav a:hover {
    color:#ff6633;
}
nav ul li a:before {
    content:'\000BB';
    margin-right:5px;
    vertical-align:top;
    font-weight:400;
    position:absolute;
    left:-12px;
    top:0;
}
.contents {
    display:inline-block;
    vertical-align:top;
    width:750px;
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
}
.info-block h3 {
    background-color:#9299a9;
    font-size:1.2em;
    height:24px;
    line-height:24px;
    margin:0;
    font-family:'PT Sans Narrow'
}
.info-block h3 span {
    display:inline-block;
    vertical-align:top;
    padding:0 0 0 25px;    
}
.info-block h3 span.empty {
    padding-left:150px;
}
.info-block h3 span:after {
    content:' ';
    display:inline-block;
    width:20px;
    height:24px;
    vertical-align:top;
    margin-left:20px;
}
.info-block .inner {
    padding:10px;
}
.info-block .inner p {
    text-align:justify;
    margin:0;
}
.info-block.text .inner p {
    margin:10px 0;
}
.info-block.text .inner p span.Welcome-text img {
    margin:0 0 5px 10px;
}
.listing {
    clear:both;
}
.listing .column {
    display:inline-block;
    vertical-align:top;    
    text-align:center;
}
.listing.grid3 .column {
    width:32.8%;
    padding:1%;
}
.listing.grid4 .column {
    width:25%;
    padding:1%;
}
.listing .column a img {
    display:block;
    margin:0 auto 5px;
    max-width:100%;
    height:auto;
}
.listing .column a {
    font-weight:700;
}
.listing .column a span:first-child {
    padding:4px;
    display:block;
    border:1px solid #bbb;
    margin-bottom:4px;
}
header .mobile {
        display:none;
    }
#mm, .overlay {
    display:none;    
}
.cart #yfc_accessbar {
    width:auto;
    vertical-align:middle;
    display:inline-block;
}
.cart .smb-mc .mini_item_count, .cart .smb-mc .mini_subtotal {
    float:left;
    margin-top:3px;
}
.cart #yfc_show_mini.mini_msg {
    background: url('cart-btn.png') no-repeat 0 0;
    text-indent:-9999px;
    margin-left: 3px;
    color: #2F4F4F;
    font-weight: bold;
    float: right;
    cursor: pointer;
    width: 93px;
    height: 34px;
    margin-top:-4px;
}
.smb-mc #yfc_minicart.minicart_c1 {
    width:252px;
}
.cart .smb-mc .minicart_c2 {
    background-color:transparent !important;
}
.desktop #yfc_fullco {
    top:268px !important;
}
.desktop .yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
    height:22px !important;
}
.desktop .smb-fc .chkout {
    width: 100px;
    height: 33px;
    margin-top: 14px;
    margin-right: 5px;
    float: right;
    font-size: 15px;
}
.desktop #yfc_close_btn {
    z-index:3;
    left:auto !important;
    right:1px;
    top:1px !important;
}
.category,.actual-content {
    padding:5px 10px;
}
.actual-content h1 {
    font-weight: 700;
    color: #0033CC;
    padding: 5px 10px 5px 0;
    margin: 13px 0 10px;
    text-align: right;
    font-size: 1.1em;
    position:relative;
}
.actual-content h1:before {
    content:' ';
    display:block;
    width:100%;
    background-color:#b2b2b2;
    height:1px;
    line-height:1px;
    font-size:1px;
    position:absolute;
    width:100%;
    max-width:550px;
    right:0;
    top:-5px;
}
.breadcrumbs, .breadcrumbs li {
    list-style:none;
    margin:0;
    padding:0;
}
.breadcrumbs li {
    display:inline-block;
    vertical-align:middle;  
    font-size:0.9em;
}
.breadcrumbs li:before {
    content:'>';
    display:inline-block;
    margin:0 7px;
}
.breadcrumbs li:first-child:before {
    display:none;
}
.breadcrumbs {
    margin:0 0 5px;
}
.breadcrumbs a span {
    color:#0033CC;
}
.breadcrumbs span {
    color:#000;
}
#nak-magic-zoom {
    float:left;
    margin:0 10px 10px 0;
}
@media screen and (max-width: 975px) {
    header, footer, section.wrapper {
        width:100%;
    }
}
@media screen and (max-width: 960px) {
    .promo a {
        font-size:1.5em;
    }
    .breadcrumbs li:last-child {
        display:none;
    }
    header .bottom-links .cart {
        padding:10px 7px 10px 5px;
    }
    .smb-mc #yfc_minicart.minicart_c1 {
        width:200px;
    }
}
@media screen and (max-width: 920px) {
    .header-bottom .search form:before {
        display:none;
    }
    .message > div.line1 {
        font-size:1.4em;
    }
    .message > div.line2 {
        font-size:1.3em;
    }
}
@media screen and (max-width: 875px) {
    header .bottom-links .links-container ul li:first-child {
        display:none;
    }
    .message > div.line1 {
        font-size:1.3em;
    }
    .message > div.line2 {
        font-size:1.2em;
    }
    .message .phone {
        font-size:1.2em;
    }
}
@media screen and (max-width: 850px) {
    .promo a {
        font-size:1.3em;
    }
    .listing.grid3 .column {
        width:32.5%;
    }
    .listing.grid4 .column {
        width:32.5%;
    }
    .right.text-image {
        height:auto;
        max-width:48%;
    }
    header .top-links .phone:before {
        display:none;
    }
    header .top-links .links li {
        margin:0 5px;
    }
    header .bottom-links .links li {
        padding:0 8px 0 3px;
    }
    header .bottom-links .cart:before {
        display:none;
    }
    .category, .actual-content {
        padding:5px;
    }
    header .bottom-links .links-container:before {
        width:190px !important;
    }
}
@media screen and (max-width: 770px) {
    .promo a:after {
        display:none;
    }
    .listing.grid4 .column {
        width:50%;
    }
    header .bottom-links .links li {
        padding:0 6px 0 1px;
    }
    .message > div.line1 {
        font-size:1.2em;
    }
}
@media screen and (max-width: 720px) {
    aside {
        display:none;
    }
    .contents {
        width: 100%;
    }
    section.wrapper {
        background:#fff;
        background-image:none !important;
    }
    header .header-bottom {
        display:none;
    }
    header .mobile {
        display:block;
    }
    .listing.grid4 .column {
        width:33.33%;
    }
    .promo a {
        font-size:1.2em;
        letter-spacing:0;
    }
    .mobile > a {
        vertical-align:middle;
        display:inline-block;
        margin:0 10px;
        width:48px;
        height:48px;
        text-indent:-9999px;
    }
    .mobile > a.hamburger {background:url(mobile-hamburger.png) no-repeat center center;}
    .mobile > a.search {background:url(mobile-search.png) no-repeat center center;}
    .mobile > a.cart {background:url(mobile-cart.png) no-repeat center center;position:relative}

    .mobile > a.cart span {
        text-indent:initial;
        display:block;
        position:absolute;
        top:10px;
        left:-2px;
        font-weight:700;
        font-size:1.1em;
        text-align:center;
        width:100%;
    }

    .mobile .logo {
        background:url(logo.png) no-repeat center center;
        background-size:contain;
        width:160px;
        height:100px;
    }
    .promo {
        border-bottom-width:1px;
    }
    .mobile div.search {
        display:none;
        text-align:center;
        background-color:rgba(255,255,255,0.3);
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding:7px 0;
        margin:0 5px;
    }
    .actual-content h1 {
        font-size:1em;
    }
}
@media screen and (max-width: 575px) {
    .listing.grid3 .column {
        width:49%;
    }
    .listing.grid4 .column {
        width:50%;
    }
    .mobile .logo {
        width:130px;
    }
    .mobile > a {
        margin:0 8px;
    }
    .promo a {
        font-size:1.1em;
    }
    .image-container {
        text-align:center;
    }
    #nak-magic-zoom {
        float:none;
        margin:0 auto;
    }
}
@media screen and (max-width: 500px) {
    .promo a {
        text-shadow:none;
        font-weight:400;
    }
}
@media screen and (max-width: 450px) {
    .promo a {
        font-size:1em;
    }
    header .promo {
        height:35px;
        padding-top:0;
    }
}
@media screen and (max-width: 420px) {
    .mobile .search form:before {
        display:none;
    }
    .mobile .logo {
        width:120px;
    }
    .mobile > a {
        margin:0 5px;
    }
    .promo a {
        font-size:0.9em;
    }
}