﻿/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}.clear, .clearfix:after, .container:after, .row:after, .sectinfo ul {    clear: both;}#headertop #loginarea a:hover{    text-decoration: underline;}a, img {    outline: 0;}.fa-pseudo:before,.fa-pseudo::after {    font-family:fontAwesome;}.container, .page-body-columns {    position: relative;    width: 1010px;    margin: 0 auto;    padding: 0;    overflow: hidden;}    .container .column, .container .columns {        float: left;        margin-left: 10px;        margin-right: 10px;    }.row {    margin-bottom: 20px;}.column.alpha, .columns.alpha {    margin-left: 0;}.column.omega, .columns.omega {    margin-right: 0;}.container .one.column, .container .one.columns {    width: 43px;}.container .two.columns {    width: 106px;}.container .three.columns {    width: 169px;}.container .four.columns {    width: 232px;}.container .five.columns {    width: 295px;}.container .six.columns {    width: 358px;}.container .seven.columns {    width: 421px;}.container .eight.columns {    width: 484px;}.container .nine.columns {    width: 547px;}.container .ten.columns {    width: 610px;}.container .eleven.columns {    width: 673px;}.container .twelve.columns {    width: 736px;}.container .thirteen.columns {    width: 799px;}.container .fourteen.columns {    width: 862px;}.container .fifteen.columns {    width: 925px;}.container .sixteen.columns {    width: 990px;}.container .one-third.column {    width: 316px;}.container .two-thirds.column {    width: 652px;}.container .offset-by-one {    padding-left: 63px;}.container .offset-by-two {    padding-left: 126px;}.container .offset-by-three {    padding-left: 189px;}.container .offset-by-four {    padding-left: 252px;}.container .offset-by-five {    padding-left: 315px;}.container .offset-by-six {    padding-left: 378px;}.container .offset-by-seven {    padding-left: 441px;}.container .offset-by-eight {    padding-left: 504px;}.container .offset-by-nine {    padding-left: 567px;}.container .offset-by-ten {    padding-left: 630px;}.container .offset-by-eleven {    padding-left: 693px;}.container .offset-by-twelve {    padding-left: 756px;}.container .offset-by-thirteen {    padding-left: 819px;}.container .offset-by-fourteen {    padding-left: 882px;}.container .offset-by-fifteen {    padding-left: 945px;}@media only screen and (min-width:785px) and (max-width:1025px) {    .container, .page-body-columns {        width: 785px;    }        .container .column, .container .columns {            margin-left: 10px;            margin-right: 10px;        }    .column.alpha, .columns.alpha {        margin-left: 0;        margin-right: 10px;    }    .column.omega, .columns.omega {        margin-right: 0;        margin-left: 10px;    }    .alpha.omega {        margin-left: 0;        margin-right: 0;    }    .container .one.column, .container .one.columns {        width: 28px;    }    .container .two.columns {        width: 76px;    }    .container .three.columns {        width: 124px;    }    .container .four.columns {        width: 172px;    }    .container .five.columns {        width: 220px;    }    .container .six.columns {        width: 268px;    }    .container .seven.columns {        width: 316px;    }    .container .eight.columns {        width: 364px;    }    .container .nine.columns {        width: 412px;    }    .container .ten.columns {        width: 460px;    }    .container .eleven.columns {        width: 508px;    }    .container .twelve.columns {        width: 556px;    }    .container .thirteen.columns {        width: 604px;    }    .container .fourteen.columns {        width: 652px;    }    .container .fifteen.columns {        width: 700px;    }    .container .sixteen.columns {        width: 748px;    }    .container .one-third.column {        width: 236px;    }    .container .two-thirds.column {        width: 492px;    }    .container .offset-by-one {        padding-left: 48px;    }    .container .offset-by-two {        padding-left: 96px;    }    .container .offset-by-three {        padding-left: 144px;    }    .container .offset-by-four {        padding-left: 192px;    }    .container .offset-by-five {        padding-left: 240px;    }    .container .offset-by-six {        padding-left: 288px;    }    .container .offset-by-seven {        padding-left: 336px;    }    .container .offset-by-eight {        padding-left: 384px;    }    .container .offset-by-nine {        padding-left: 432px;    }    .container .offset-by-ten {        padding-left: 480px;    }    .container .offset-by-eleven {        padding-left: 528px;    }    .container .offset-by-twelve {        padding-left: 576px;    }    .container .offset-by-thirteen {        padding-left: 624px;    }    .container .offset-by-fourteen {        padding-left: 672px;    }    .container .offset-by-fifteen {        padding-left: 720px;    }}@media only screen and (max-width:784px) {    .container, .page-body-columns {        width: 320px;    }        .container .column, .container .columns {            margin: 0;        }        .container .sixteen.columns {            padding: 0 10px;        }        .container .eight.columns, .container .eleven.columns, .container .fifteen.columns, .container .five.columns, .container .four.columns, .container .fourteen.columns, .container .nine.columns, .container .one-third.column, .container .one.column, .container .one.columns, .container .seven.columns, .container .six.columns, .container .sixteen.columns, .container .ten.columns, .container .thirteen.columns, .container .three.columns, .container .twelve.columns, .container .two-thirds.column, .container .two.columns {            width: 300px;        }        .container .offset-by-eight, .container .offset-by-eleven, .container .offset-by-fifteen, .container .offset-by-five, .container .offset-by-four, .container .offset-by-fourteen, .container .offset-by-nine, .container .offset-by-one, .container .offset-by-seven, .container .offset-by-six, .container .offset-by-ten, .container .offset-by-thirteen, .container .offset-by-three, .container .offset-by-twelve, .container .offset-by-two {            padding-left: 0;        }}@media only screen and (min-width:480px) and (max-width:784px) {    .container, .page-body-columns {        width: 420px;    }        .container .column, .container .columns {            margin: 0;        }        .container .eight.columns, .container .eleven.columns, .container .fifteen.columns, .container .five.columns, .container .four.columns, .container .fourteen.columns, .container .nine.columns, .container .one-third.column, .container .one.column, .container .one.columns, .container .seven.columns, .container .six.columns, .container .sixteen.columns, .container .ten.columns, .container .thirteen.columns, .container .three.columns, .container .twelve.columns, .container .two-thirds.column, .container .two.columns {            width: 400px;        }}.clear, .clearfix:after, .clearfix:before, .row:after, .row:before {    display: block;    overflow: hidden;    visibility: hidden;    width: 0;    height: 0;}.container:after {    content: "\0020";    display: block;    height: 0;    visibility: hidden;}.clearfix:after, .clearfix:before, .row:after, .row:before {    content: '\0020';}.clearfix, .row {    zoom: 1;}.mobileshow {    display: none;}.sprite {    background-repeat: no-repeat;    background-image: url(https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/autopia/site/1/sprite.png);}.nt {    text-indent: -9999px;}#bodyareaWrap .columns, #bodyareaWrap div {    overflow: visible!important;}

#bodyareaWrap div.topborder {
    border-top:2px solid #d7dce2;
}#bodyareaWrap .flexslider {    overflow: hidden!important;}body {    margin: 0;    padding: 0;    font: 400 14px/24px Arial,Helvetica,sans-serif;    color: #000;    -webkit-font-smoothing: antialiased;    -webkit-text-size-adjust: 100%;    background: #394e6c;}a {    color: #004663;}    a:hover {        text-decoration: none;    }img {    max-width: 100%;    height: auto;    border: none;}.add-bottom {    margin-bottom: 20px!important;}.half-bottom {    margin-bottom: 10px!important;}.remove-bottom {    margin-bottom: 0!important;}.textright {    text-align: right;}.textcenter {    text-align: center;}#headertopWrap {    background: #000;}.smf {   font-size: 13px;}
.rcf {
  font-family:'Roboto Condensed',Helvetica,sans-serif;
}.rf {
  font-family:'Roboto',Helvetica,sans-serif;
}#headertop #headerhtml {    padding: 16px 0 10px;    color: #fff;}    #headerhtml .toplinks a {        padding-right: 12px;        color: #fff;        text-decoration: none;        display:inline-block;        position:relative;        line-height:17px;    }        .toplinks a + a:not(.fa-pseudo) {            padding-left:5px;        }        .toplinks a.fa-pseudo:before {            font-size:17px;        }.toplinks a span {    position:absolute;    left:-5000px;}#headertop #loginarea {    padding: 17px 0 15px;    color: #fdb959;    line-height:18px;}    #headertop #loginarea a {        padding-left: 20px;        color: #fdb959;        text-decoration: none;    }#pd_login_placeholder #myAccountLink {    display: block!important;}#headertop #cartarea {    height: 50px;    color: #fff;    background-color:#d66e2f;    position:relative;    line-height:13px;}    #headertop #cartarea .shopbtn {        padding: 18px 10px 0 0;    }        #headertop #cartarea .shopbtn a {            font-weight:700;            color: #fff;            text-decoration: none;            text-transform: uppercase;        }#headermiddleWrap {    height: 161px;    background-color: #ebebeb;}.logo {    position: relative;    height: 100px;}.logo img {        position: absolute;        top: 30px;        left: 0;    }#searcharea .searcharea {    width: 100%;    background: #fff;    border: 1px solid #ad98aa;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;    border-radius: 6px;    clear:both;}
#searcharea:before {
    content:'Looking for something?';
    font-size:35px;
    color:#394e6c;
    font-weight:700;
    text-align:right;
    float:left;
    width:100%;
    clear:both;
    margin:15px 0 10px;
}#query {    padding: 16px 20px;    color: #000;    background: 0 0;    border: none;    vertical-align:middle;    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: -o-calc(100% - 80px);
    width: calc(100% - 80px);}
#searchsubmit {
    text-decoration:none;
    color:#cf6c28;
    font-size:23px;
    vertical-align:middle;
}
#searchsubmit span {
    display:none;
}#phone {    padding-top: 18px;    font-weight:700;    font-size:17px;    color: #394e6c;    text-transform:uppercase;    }#phone:before {    content:'call toll free';    margin-right:5px;}#phone a {    text-decoration:none;    color: #394e6c;}#headerbottomWrap {    background: repeat-x #394e6c;    border-bottom: 1px solid #fff;}#headerbottom ul.headerlinks {    float: left;    margin: 0 0 0 32px;    padding: 0;    list-style: none;}    #headerbottom ul.headerlinks li {        float: left;        padding: 15px 32px;        font-size: 15px;        line-height:15px;        color: #fff;        text-transform: uppercase;    }    #headerbottom ul.headerlinks a {        color: #fff;        text-decoration: none;    }        #headerbottom ul.headerlinks a:hover {            color: #fdb959;        }#responsive-icons a {    margin: 0 3px;    display: inline-block;    width: 40px;    height: 50px;    background: url(https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/autopia/site/1/sprite-mobile.png) no-repeat;}    #responsive-icons a.nav {        background-position: 0 -112px;    }    #responsive-icons a.search {        background-position: 0 -451px;    }    #responsive-icons a.info {        background-position: 0 0;    }    #responsive-icons a.phone {        background-position: 0 -340px;    }    #responsive-icons a.cart {        background-position: 0 -225px;    }.nav, .responsive-nav li, .responsive-nav ul {    list-style: none;}.responsive-nav ul {    padding: 0;    margin: 0 0 0 18px;}.responsive-nav {    border-bottom: ridge 2px #006484;    text-align: left;    background-color: #CBCBCB;    border-radius: 3px;    padding: 0;    margin: 0;    clear:both;}    .responsive-nav li {        margin-bottom: 0;        border-top: dotted 1px #006484;        padding: 3px 0 2px;    }        .responsive-nav li:first-child {            border-top: none;        }    .responsive-nav > li, .responsive-nav > li li {        margin: 2px 0;    }    .caret2, .responsive-nav a .caret, .togglenav .caret {        float: right;        width: 0;        height: 0;        border-right: 4px solid transparent;        border-left: 4px solid transparent;        content: "";        margin-top: 8px;        margin-left: 2px;    }    .responsive-nav a {        color: #333;        display: block;        outline: 0;        -webkit-border-radius: 4px;        -moz-border-radius: 4px;        border-radius: 4px;        text-decoration: none;    }
    .responsive-nav .heading {
        font-size: 15px;
        line-height: 22px;
        padding: 4px 10px;
        font-weight:600;
    }.caret2 {    display: inline-block;    vertical-align: top;}.responsive-nav a .caret, .togglenav .caret {    display: inline-block;    vertical-align: top;    border-top: 4px solid #000;}.responsive-nav a:hover .caret {    border-top-color: #fff;}.responsive-nav li.open > a > .caret {    border-top: none;    border-bottom: 4px solid #000;    border-right: 4px solid transparent;    border-left: 4px solid transparent;}.responsive-nav li.open > a:hover > .caret, .responsive-nav li.open > a > .caret, .togglenav.active caret {    border-bottom-color: #fff;}.caret2 {    border-bottom: 4px solid #000;}.responsive-nav a:hover, .responsive-nav li.active > a, .responsive-nav li.open > a {    background-color: #006484;    color: #fff;}.responsive-nav ul a:hover {    background-color: #f2f2f2;    color: #000;}.responsive-nav > li.active > a {    background-color: #4D90FE;}.responsive-nav li a {    font-size: 12px;    line-height: 18px;    padding: 4px 5px;}.responsive-nav > li > a {    font-size: 12px;    line-height: 20px;    padding: 4px 10px;}.countdown-wrapper {    text-align: center;    background-color:#eb661d;    float:left;    width:100%;    padding:15px 0;}
.countdown-wrapper .cont {
    margin:0 auto;
    max-width:990px;
    width:100%;
}.countdown-wrapper .banner {    float:left;}
.cont .banner a {
    text-decoration:none;
    color:#fff;
    font-family:'Roboto Condensed';
    font-size:27px;
    line-height:27px;
    font-weight:700;
}

.countdown {
    font-family: 'Roboto Condensed',Arial,sans-serif;
    font-size: 27px;
    line-height:27px;
    color: #FFF;
    font-weight: 700;
    width:25%;
    float: right;
}
.countdown.nodays {
    width:22%;
}

    .countdown .timer:before {
        content: 'Time Left:';
        float:left;
    }

    .countdown #acccd {
        text-align: right;
        word-spacing: 5px;
    }
    .countdown #acccd {
        float:right;
    }

#bodyareaWrap {
    padding-top: 5px;
    background-color:#fff;
    clear:both;
}

#bodyarea {
    padding-top: 10px;
    background: #fff;
}.homepage #bodyarea {    background: 0 0;}#leftcol {    background: #e8e8e8;}    #leftcol .navheader {        padding: 12px 8px;        font: 700 14px/14px Arial,Helvetica,sans-serif;        color: #000;        text-transform: uppercase;        background: #fdb959;    }#leftnav .mainlink, #leftnav .sublink, #leftnav-top a {    font: 400 14px/18px Arial,Helvetica,sans-serif;    text-decoration: none;}#leftnav, #leftnav-top {    margin: 0;    padding: 0;    list-style: none;}    #leftnav-top a {        display: block;        margin: 3px 3px 0;        padding: 8px 5px 10px;        color: #000;        border-bottom: 1px solid #fff;    }    #leftnav-top li:last-child a {        border-bottom: 1px solid #e8e8e8;    }        #leftnav-top a:hover, #leftnav-top li:last-child a:hover {            margin: 0;            padding: 9px 5px 9px 6px;            color: #fff;            background: #3882ac;            border: 2px solid #000;            border-right: none;        }    #leftnav-top li ul {        display: none;    }    #leftnav .mainli {        position: relative;    }    #leftnav .mainlink {        display: block;        margin: 3px 3px 0;        padding: 8px 5px 10px;        color: #000;        border-bottom: 1px solid #fff;    }        #leftnav .mainli:hover .mainlink, #leftnav .mainlink:hover {            position: relative;            z-index: 1000;            margin: 0;            padding: 9px 5px 9px 6px;            color: #fff;            background: #3882ac;            border: 2px solid #000;            border-right: none;        }    #leftnav .subnav {        display: none;        position: absolute;        top: 0;        left: 230px;        z-index: 900;        margin: 0;        padding: 23px 20px 13px;        width: 265px;        list-style: none;        background: #3882ac;        border: 2px solid #000;    }    #leftnav .mainli:hover .subnav {        display: block;    }    #leftnav .sublink {        display: block;        padding: 7px 0;        color: #fff;    }        #leftnav .sublink:hover {            text-decoration: underline;        }#leftcol .brands {    margin: 25px 0 50px;}    #leftcol .brands img {        display: block;        margin: 14px auto 0;    }#bodycontent .freeshipping {    margin-bottom: 4px;}    #bodycontent .freeshipping img {        display: block;        margin: 0 auto;    }.pd-whsl-price-bold {    padding-top: 3px;    font-weight: 700;    color: #004663;}#sc-ma-product-table .price-cell .pd-whsl-price-bold {    padding-left: 15px;    font-weight: 700;    color: #004663;}.remodal-wrapper {    display: none;}#contents-table .contents-row:after, #sc-ma-product-table .sc-ma-row:after {    height: 0;    display: block;}
#contents-table {
    clear:both;
}#contents-table .contents-row:after, #footertop .borders:after, #sc-ma-product-table .sc-ma-row:after {    content: "\0020";    clear: both;    visibility: hidden;}#headertop #cartarea:before {    position:absolute;    left:8px;    top:17px;    font-size:30px;    }#contents-table div {    text-align: center;}#contents-table .imgCell {    border: 1px solid #bbb;}    #contents-table .imgCell img {        display: block;        margin: 0 auto;    }#contents-table .infoCell {    font: 400 14px/16px Arial,Helvetica,sans-serif;    text-align: center;}    #contents-table .infoCell .name {        padding: 20px 10px 0;    }        #contents-table .infoCell .name a {            font-weight: 700;            color: #000;            text-decoration: none;        }    #contents-table .infoCell a:hover {        text-decoration: underline;    }    #contents-table .infoCell .price-bold {        padding-top: 15px;        font-weight: 700;        color: #004663;    }    #contents-table .infoCell .price {        padding-top: 15px;        color: #4e4e4e;    }        #contents-table .infoCell .price span {            text-decoration: line-through;        }    #contents-table .infoCell .sale-price-bold {        font-weight: 700;        color: #004663;    }#contents-table .contents-line-spacer {    padding-top: 20px;}h1.pagebanner, h2.pagebanner {    margin: 0 0 25px;    padding: 10px 15px;    font: 700 19px/19px Arial,Helvetica,sans-serif;    color: #fff;    text-transform: uppercase;    background: #004663;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    -o-border-radius: 3px;    border-radius: 3px;}#breadcrumbs {    margin: 15px 0 10px;    font: 400 12px/12px Arial,Helvetica,sans-serif;    color: #231f20;}.scBreadcrumbs a {    color: #231f20;    text-decoration: none;}    .scBreadcrumbs a:hover {        text-decoration: underline;    }.sectinfo .mainimg {    float: left;    margin: 0 15px 15px 0;}.prShow {    display: block;}.prHide {    display: none;}h1.seo {    font-size: 12px;    margin-top: 0;}h1.seo, h2.seo {    font-weight: 700;    color: #333;}#itemcaption {    margin-bottom: 10px;}h2.seo {    font-size: 11px;    padding-left: 30px;    margin: 0;}@media only screen and (min-width:785px) and (max-width:1025px) {
    .countdown-wrapper .cont {
        width:748px;
    }
    #headermiddleWrap {
        height:145px;
    }
    #searcharea:before {
        font-size:23px;
    }    #headermiddle #phone span, .mobilehide {        display: block;    }    .smb-fc #yfc_close_btn {        left: 115px!important;    }    #headermiddle .logo img {        top: 15px;    }    #headermiddle #phone {        padding-top: 5px;    }    #headerbottom ul.headerlinks {        margin: 0;    }        #headerbottom ul.headerlinks li {            padding: 15px 17px;        }    .mobileshow {        display: none;    }
    .banner a,.countdown {
        font-size:20px;
        line-height:25px;
    }}@media only screen and (max-width:784px) {
    .countdown-wrapper {
        padding:5px 0;
    }
    .countdown-wrapper .cont {
        text-align:center;
    }
    .countdown-wrapper .banner, .countdown.nodays, .countdown, .countdown.nohours {
        width:100%;
    }

    .banner a {
        font-size:20px;
        display:block;
        text-align:center;
    }    .countdown .timer {
        font-size:24px;
        max-width:200px;
        margin:0 auto;
    }
    #searcharea:before {
        display:none;    }    .cart.mobileshow span,.nav span, #cartarea.mobilehide, #headerhtml.mobilehide, #navcontainer.mobilehide, #searcharea.mobilehide, .mobilehide, .yui-skin-sam {        display: none;    }    .mobileshow {        display: block;    }
    .cart.mobileshow, .nav {
        text-decoration:none;        font-size:35px;        margin-top:25px;    }
    .nav {
        float:left;    }
    .cart.mobileshow {
        float:right;    }    #headermiddleWrap {        height: auto;    }
    #headermiddle .logo {
        max-width:300px;
        height:auto;
        float:left;
        margin-left:5%;
    }
    #headermiddle .logo img {
        left: 0;
        position:initial;
        top:0;
    }
    #headermiddle #searcharea {
        background-color:#394e6c;        padding:5px;    }    #headermiddle #searcharea #query {        padding: 10px 12px;        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
        width: -o-calc(100% - 65px);
        width: calc(100% - 65px);    }    #bodyareaWrap {        padding-top: 5px;    }    h1.pagebanner, h2.pagebanner {        font-size: 17px;        line-height: 17px;    }
    
    #bodyareaWrap div.topborder {
        border-top:0;    }    #contents-table .contents-product {        border-top: solid 1px #999;        padding: 15px 0;        clear: both;        float: left;        width: 100%;    }    #contents-table .imgCell {        float: left;        width: 45%;    }    #contents-table .infoCell {        float: right;        width: 53%;    }    h1.pagebanner {        font-size: 15px;        padding: 5px 10px;    }    .sectinfo:not(.infopage) img {        display: none;    }    #info-div .nxt-image-wrapper {
        height:130px;
        width:130px;
    }
    #info-div .nxt-image-wrapper .nxt-product-image {
        max-height:130px;
        max-width:130px;
    }}
@media only screen and (max-width:540px) {
    
}

@media only screen and (max-width:520px) {
    h1.pagebanner, h2.pagebanner {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }
    .sectinfo p, .textpad p {
        font-size:13px;
        line-height:21px;
    }
    #breadcrumbs, #sectionpageLayout {
        padding:0 10px;
    }
    .countdown .timer {
        font-size:22px;
    }
    .banner a {
        font-size:17px;
    }
    .container, .page-body-columns {
        width:100%;
    }
    .container .eight.columns, .container .eleven.columns, .container .fifteen.columns, .container .five.columns, .container .four.columns, .container .fourteen.columns, .container .nine.columns, .container .one-third.column, .container .one.column, .container .one.columns, .container .seven.columns, .container .six.columns, .container .sixteen.columns, .container .ten.columns, .container .thirteen.columns, .container .three.columns, .container .twelve.columns, .container .two-thirds.column, .container .two.columns {
        width:100%;
    }
    .container .sixteen.columns {
        padding:0;
    }
    #bodyarea {
        padding-top:0;
    }
    .nav {
        margin-left:3%;
    }
    .cart.mobileshow {
        margin-right:3%;
    }
    .cart.mobileshow, .nav {
        margin-top:30px;
    }
    #headermiddle .logo {
        margin:5px 0 5px 7%;
    }
    .contents-product {
        padding:0 10px;
    }
    
    #info-div .nxt-product-item {
        padding:0 0 10px 3px;
    }
}
@media only screen and (max-width:450px) {
    #headermiddle .logo {
        margin:5px 0 5px 9%;
        max-width:250px;
    }
}
@media only screen and (max-width:420px) {
    #headermiddle .logo {
        margin:5px 0 5px 6%;
    }
    .countdown .timer {
        font-size:20px;
    }
    .banner a {
        font-size:15px;
    }
}
@media only screen and (max-width:400px) {
    #headermiddle .logo {
        margin:5px 0 5px 7%;
        max-width:210px;
    }
    .cart.mobileshow, .nav {
        margin-top:18px;
        font-size:25px;
    }

}
@media only screen and (max-width:360px) {
    .countdown .timer {
        font-size:17px;
    }
    .banner a {
        font-size:12px;
        line-height:20px;
    }
}