body, html {
    height: 100%
}


.hideonMobile{
	display: block;
	}
	
.hideonDesktop{
	display: none;
	}

a, body, li, nav, ul {
    margin: 0;
    padding: 0
}

#leftcol.ninecol, #leftcol.sixcol, #rightcol .block, #rightcol.threecol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#mainMenu ul ul li a, html {
    font-family: "Open Sans",sans-serif;
    font-size: 90%;
    line-height: 1.429;
    color: #282727
}

#rightcol nav#mainMenu ul li a {
    font-size: 120%
}

h1 {
    margin-top: 0;
    margin-bottom: .8em;
    clear: left;
    font-size: 160%;
    padding-top: 1em;
    color: #292828;
    font-weight: 400;
    line-height: 1.2em
}

#product h2 {
    margin-top: 0;
    margin-bottom: 0;
    clear: left;
    font-size: 180%
}

h2 {
    font-size: 110%;
    text-decoration: none;
    font-weight: 400
}

#rightcol h2 {
    clear: left
}

    #rightcol h2 strong, .categorytitle {
        width: auto;
        background-color: #eae9e9;
        padding: .5em 1em;
        display: inline-block;
        font-weight: 400
    }

h3 {
    font-size: 120%;
    color: #292828;
    padding-top: .5em;
    margin-bottom: .5em
}

#hero .row .o-button, #stocklist p {
    font-size: 1.2em
}

nav#mainMenu ul li a {
    font-size: 1em
}

.block h1, h4 {
    font-size: 120%;
    text-transform: uppercase;
    line-height: 2.6em;
    padding-bottom: .6em;
    margin-bottom: .5em
}

h5 {
    font-size: 120%;
    margin-bottom: 1em;
    letter-spacing: -1px
}

h6 {
    font-size: 1em;
    color: #292828;
    font-weight: 400
}

    h6 em {
        font-size: 80%;
        font-style: normal;
        color: #292828;
        font-weight: 400;
        line-height: 1
    }

a {
    outline: 0;
    color: #941e22;
    text-decoration: none
}

.footer a, .nav a, h3 a {
    outline: 0;
    color: #000;
    text-decoration: none;
    font-weight: 400
}

a img {
    border: 0;
    text-decoration: none
}

a:active, a:hover {
    text-decoration: underline
}

a.cboxElement:active, a.cboxElement:hover, a.no-effect:active, a.no-effect:hover {
    background-color: transparent
}

p {
    margin-bottom: 1em;
    line-height: 1.6
}

h2 div + p, h2 + p {
    margin-top: 1em
}

* p:last-child {
    margin-bottom: 0
}

b, strong {
    font-weight: 700
}

em, i {
    font-style: italic
}

::-moz-selection {
    background: #1D1D1D;
    color: #fff
}

::selection {
    background: #1D1D1D;
    color: #fff
}

ul {
    list-style: disc
}

ol {
    list-style: decimal;
    margin: 1em 2em
}

    ol li {
        margin-bottom: .5em;
        padding-bottom: .5em;
        color: #EE3D42;
        border-bottom: 1px solid #dad7d7
    }

dl {
    margin: 0 0 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin-left: 1.5em
}

blockquote {
    font-size: 200%;
    font-weight: 600;
    line-height: 130%
}

table {
    margin: .5em auto 1.5em;
    width: 98%
}

tbody th, thead th {
    padding: 0;
    text-align: left;
    color: #53c403;
    font-weight: 400
}

tbody td {
    padding: .2em 0
}

.grid_12 tbody td {
    padding: 1em .2em
}

tbody .alt td {
    background-color: #f1e9f1
}

body.Home .ContainerDiv h2, body.Home .ContainerDiv p {
    text-align: center
}

#confidence h6 span, #confidencepf h6 span, #confidencepfs h6 span, .nav > li > .parent, .sprite {
    background: url(../images/sprite-1x.png) top left no-repeat;
    display: block
}

#holdTopNav {
    z-index: 80
}

    #holdTopNav nav ul {
        z-index: 99
    }

ul.nav {
    z-index: 999
}

.row {
    max-width: 980px
}

#bottomBlocks .row, #content .row {
    padding: 1em 1em 2em
}

#content {
    background: url(../images/bg-content.jpg) center bottom repeat-x #efefef
}

#bottomBlocks .row {
    padding-top: 0
}

header {
    position: relative;
    background: url(../images/bg-header.jpg) center top repeat-y #941e22
}

    header div.row {
        overflow: visible
    }

#logo a {
    display: block;
    width: 270px;
    height: 130px
}

#register {
    text-transform: uppercase;
    text-align: right
}

    #register a {
        color: #000;
        line-height: 2.5em;
        padding: 0 .5em
    }

#cards {
    margin-bottom: 1em
}

    #cards p, #cards span {
        display: block;
        float: left
    }

.creditCards {
    width: 220px;
    height: 60px;
    background-position: 0 -320px !important;
    margin-right: 10px
}

#headtop p {
    text-align: right;
    font-size: 180%;
    font-weight: 700;
    color: #fff;
    background: url(../images/sprite-1x.png) -352px -133px no-repeat;
    line-height: 2.5em;
    letter-spacing: -.7px;
    float: right
}

#headbottom {
    padding: 0
}

#headmobile {
    display: none
}

#headtop {
    display: block
}

    #headtop span {
        margin-top: 6px;
        margin-right: 0;
        font-size: 160%;
        padding-top: 1em;
        margin-bottom: .8em;
        color: #FFF
    }

    #headtop a {
        color: #fff
    }

        #headtop a.headermail {
            font-size: .5em;
            clear: left;
            display: block;
            line-height: 1.5em;
            margin: .3em 0
        }

#phoneicon {
    background-image: url(../images/sprite-1x.png) -10px -10px;
    display: block
}

#cart {
    margin-top: 4.25em;
    width: 25%
}

    #cart span.cart a {
        display: block;
        float: left;
        margin-right: .25em;
        width: 30px;
        height: 30px;
        background-position: 0 -174px
    }

    #cart p em {
        font-style: normal;
        color: #EE3D42
    }

    #cart p a {
        padding-left: .5em
    }

    #cart em.price {
        padding-right: 0
    }

#facebook:hover, #stocklist:hover, #twitter:hover {
    text-decoration: none
}

#facebook, #twitter {
    height: 33px;
    width: 33px;
    background-image: url(/images/sprite-1x.png);
    float: left;
    margin-right: 6px;
    display: block
}

#facebook {
    background-position: 0 -200px
}

#twitter {
    background-position: -50px -200px
}

#stocklist {
    float: right;
    width: 245px;
    height: 54px;
    background: url(/images/sprite-1x.png) 0 -250px
}

    #stocklist p {
        margin: 0 12px 0 0;
        padding: 0;
        float: right;
        color: #fff;
        text-align: right;
        line-height: 50px;
        font-size: 1.4em
    }

#hero {
    position: relative;
    text-align: center;
    padding-bottom: 1.5em;
    padding-top: 1.5em
}

    #hero .row #pullin {
        width: 70%;
        margin: 0 auto;
        min-height: 400px
    }

    #hero .row h2 {
        padding: 15px 0
    }

    #hero .row .o-button {
        background: url(../images/sprite-1x.png) right -330px no-repeat #047fb8;
        padding: 12px 25px 12px 12px;
        color: #fff;
        line-height: 3em
    }

nav#mainMenu {
    text-align: left;
    float: right
}

    nav#mainMenu ul a {
        color: #fff;
        padding-right: 8px;
        padding-left: 8px;
        background-color: transparent
    }

    nav#mainMenu ul ul {
        display: none
    }

    nav#mainMenu ul li:hover > ul {
        display: block
    }

    nav#mainMenu ul {
        z-index: 999;
        width: auto;
        list-style: none;
        position: relative
    }

        nav#mainMenu ul:after {
            content: "";
            clear: both;
            display: block
        }

        nav#mainMenu ul li {
            float: left;
            margin-right: .2em
        }

        .nav a.activerootmenulink, .nav a:hover, .nav li li a:hover, .nav li:hover > a, body.Home nav#mainMenu .nav > li:first-child a, nav#mainMenu ul a.activerootmenulink, nav#mainMenu ul a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #047fb8
        }

        nav#mainMenu ul li a {
            display: block;
            text-decoration: none;
            line-height: 2.5em
        }

#rightcol nav#mainMenu ul li a {
    line-height: 1.2em;
    color: #333;
    padding-right: 1em;
    border-right: 1px solid #566a30;
    margin-top: .65em
}

nav#mainMenu ul ul {
    padding: 0 8px;
    position: absolute;
    top: 100%;
    width: 200px;
    background: #BBBFC4
}

    nav#mainMenu ul ul li {
        width: 100%;
        float: none;
        position: relative;
        border-bottom: 1px solid #000;
        color: #000 !important
    }

        nav#mainMenu ul ul li:last-child {
            border-bottom: none
        }

        nav#mainMenu ul ul li a {
            padding: .25em;
            line-height: 1.8em;
            text-transform: capitalize;
            font-size: 100%
        }

            nav#mainMenu ul ul li a:hover {
                background: 0 0
            }

    nav#mainMenu ul ul ul {
        position: absolute;
        left: 100%;
        top: 0
    }

nav#mainMenu ul a, nav#mainMenu ul ul {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px
}

#confidence h6 {
    float: left;
    width: 49.8%;
    display: block;
    padding: 10px 0;
    line-height: 2em
}

    #confidence h6 span {
        display: block;
        float: left;
        margin-right: .25em;
        width: 48px;
        height: 30px;
        background-position: -60px -174px;
        margin-left: 1em
    }

    #confidence h6.second span {
        background-position: -120px -174px
    }

    #confidence h6.first {
        border-right: 1px solid #e3e3e3
    }

h6 em {
    display: block;
    padding-bottom: .5em
}

.Home #rightcol > div > div {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 1em
}

.Home #rightcol .slideshow_standard_container {
    padding: 0
}

#rightcol nav#mainMenu {
    margin-top: 8px;
    margin-bottom: 1em
}

#confidencepf h6, #confidencepfs h6 {
    float: left;
    width: 99.6%;
    display: block;
    padding: .25em 0;
    line-height: 2em
}

    #confidencepf h6 span, #confidencepfs h6 span {
        display: block;
        float: left;
        margin-right: .25em;
        width: 48px;
        height: 30px;
        background-position: -60px -174px;
        margin-left: 1em
    }

    #confidencepf h6.second span, #confidencepfs h6 span {
        background-position: -175px -174px
    }

    #confidencepf h6.first, #confidencepfs h6.first {
        border-right: 1px solid #e3e3e3
    }

#homegrid ul {
    margin: 0;
    padding: 0
}

    #homegrid ul li {
        list-style: none;
        margin-right: 4.5%;
        float: left;
        margin-bottom: 10px;
        width: 28%\0/
    }

        #homegrid ul li:nth-child(3n+3) {
            margin-right: 0
        }

        #homegrid ul li h3 {
            padding: 10px 0;
            line-height: 39px;
            font-weight: 400
        }

        #homegrid ul li:nth-child(1) h3 span {
            background: url(/images/sprite-1x.png) 0 -399px;
            width: 40px;
            height: 40px;
            display: block;
            float: left;
            margin-right: 6px
        }

        #homegrid ul li:nth-child(2) h3 span {
            background: url(/images/sprite-1x.png) 0 -449px;
            width: 40px;
            height: 40px;
            display: block;
            float: left;
            margin-right: 6px
        }

        #homegrid ul li:nth-child(3) h3 span {
            background: url(/images/sprite-1x.png) 0 -499px;
            width: 40px;
            height: 40px;
            display: block;
            float: left;
            margin-right: 6px
        }

        #homegrid ul li:nth-child(4) h3 span {
            background: url(/images/sprite-1x.png) 0 -549px;
            width: 40px;
            height: 40px;
            display: block;
            float: left;
            margin-right: 6px
        }

        #homegrid ul li:nth-child(5) h3 span {
            background: url(/images/sprite-1x.png) 0 -599px;
            width: 40px;
            height: 40px;
            display: block;
            float: left;
            margin-right: 6px
        }

        #homegrid ul li:nth-child(6) h3 span {
            background: url(/images/sprite-1x.png) 0 -649px;
            width: 40px;
            height: 40px;
            display: block;
            float: left;
            margin-right: 6px
        }

#holdTopNav nav#mainMenu ul li a {
    color: #fff
}

.nav a, a.toggleMenu {
    text-decoration: none
}

#leftcol nav {
    overflow: visible !important
}

#leftcol .nav {
    list-style: none
	
}

    #leftcol .nav:before, .nav:after {
        content: " ";
        display: table
    }

    #leftcol .nav:after {
        clear: both
    }

#mainMenu ul {
    margin: 0;
    padding: 0
}

nav {
    overflow: visible !important
}



#leftMenu ul.navMain {
    background: #FFF;
    
    list-style: none;
	
}

#leftMenu ul:after, #leftMenu ul:before {
    content: " ";
    display: table
}

#leftMenu ul:after {
    clear: both
}

#leftMenu ul ul {
    list-style: none
}

#leftMenu ul a {
    background: url(../images/grad.jpg) top left repeat-x
}

    #leftMenu ul a:hover, #leftMenu ul li:hover > a {
        color: #333
    }

#leftMenu ul li {
    position: relative
}

#leftMenu ul > li {
    margin-left: .5em;
    margin-right: .5em
}

    #leftMenu ul > li > .parent {
        background: url(../images/grad.jpg) top left repeat-x;
        display: block !important;
        color: #333;
        padding-left: 5px;
        line-height: 42px
    }

    #leftMenu ul > li > a {
        display: block !important;
        color: #696969;
		text-align: center;
        background: url(../images/sprite-1x.png) right -5px -225px no-repeat
    }

#leftMenu ul li ul {
    display: block;
    position: relative;
    left: 0
}

#leftMenu ul > li.hover > ul {
    left: 0
}

#leftMenu ul li li.hover ul {
    left: 100%;
    top: 0;
    color: #047fb8
}

#leftMenu ul li li a {
    display: block !important;
    position: relative;
    z-index: 100;
    padding: .25em .5em;
    background: 0 0
}

#leftMenu ul li li li a {
    z-index: 200
}

.toggleMenu {
    display: block;
    font-size: 1em;
    /*background: url(/library/OnlineBlinds/images/toggle.png) repeat-x;*/
	background: white;
    color: #efefef;
    height: 25px;
    line-height: 25px;
    width: 84%;
    padding: 3% 8%;
    font-weight: 700;7
	opacity: 0;
}

    .toggleMenu span {
        display: block;
        width: auto;
        float: right
    }

#leftMenu ul a, #leftMenu ul li li a {
    line-height: 2em
}

    #leftMenu ul a.activemenuitem, #leftMenu ul a:hover, #leftMenu ul li li a:hover {
        color: #292828
    }

#leftMenu ul > li {
    float: none
}

#leftMenu ul li li .parent {
    background-image: url(../images/sprite-1x.png) -10px -10px;
    display: block !important
}

#leftMenu ul ul {
    display: block;
    width: 100%
}

#leftMenu ul li li.hover ul, #leftMenu ul > li.hover > ul {
    position: static
}

#leftMenu .navMain li a.parent .arrow {
    display: none;
    float: right;
    font-weight: 700;
    margin-right: 6px;
    font-size: 1.5em
}

#leftMenu .navMain li a.parent {
    border-top: 0 solid #CCC;
    border-bottom: 0 solid #CCC
}

ul.relatedcategories {
    list-style-type: none
}

    ul.relatedcategories > li {
        margin-left: 1em;
        margin-right: 1em
    }

        ul.relatedcategories > li > a {
            color: #333;
            line-height: 2em
        }

            ul.relatedcategories > li > a:hover {
                color: #EE3D42
            }

body.checkout ul.nav, body.confirmation ul.nav, body.identification ul.nav, body.noblocks ul.nav, body.product ul.nav, body.viewcart ul.nav {
    position: absolute
}

#leftcol.threecol {
    margin-right: 1.5%;
    width: 24.35%
}

#leftMenu {
    margin-bottom: 2em
}

.block {
    margin-bottom: 2em;
    border: 0 solid #CCC
}

    .block h2 {
        background-color: #D8D8D8;
        width: 84%;
        padding: 3% 8%;
        margin-bottom: 5px
    }

.leftcolbrands {
    list-style-type: none
}

    .leftcolbrands li {
        width: 49%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 5px
    }

        .leftcolbrands li img {
            max-width: 110px;
            margin: 0 auto
        }

        .leftcolbrands li a:hover img {
            opacity: 1
        }

#menu h1 {
    border-bottom: 1px dotted #c8c9ca;
    margin-bottom: 0;
    padding: 1em 0 .5em;
    line-height: 95%;
    font-size: 130%;
    text-transform: uppercase
}

#menu ul {
    list-style: none;
    margin: 1em;
    border-bottom: 5px solid #ecebec
}

    #menu ul li {
        border-bottom: 1px dotted #c8c9ca
    }

        #menu ul li:last-child {
            border-bottom: none
        }

        #menu ul li a {
            display: block;
            padding: .5em 0 1em 1.35em;
            background: url(../images/icon-arrow-off.jpg) 0 .8em no-repeat
        }

a.rootActiveProdSecondaryCtgLink {
    font-style: italic
}

#menu ul li a:hover, a.activeProdCtgLink, a.activeProdCtgLink:hover {
    background: url(../images/icon-arrow.jpg) 0 .8em no-repeat
}

#menu ul li.prodCtgItem {
    padding: 0
}

    #menu ul li.prodCtgItem a {
        display: block;
        padding: .25em .5em .25em 1em;
        background-color: #dbf1be;
        color: #6fab43
    }

body.Home ul.nav, body.checkout ul.nav, body.confirmation ul.nav, body.home ul.nav, body.identification ul.nav, body.noblocks ul.nav, body.product ul.nav, body.viewcart ul.nav {
    width: 236px
}

#content .row {
    padding: 1em 0 2em
}

#leftcol div h3 {
    margin-bottom: 15px
}

#breadcrumbs {
    padding: .5em 1em;
    margin: .5em 0;
    font-size: .8em
}

    #breadcrumbs div {
        border: 0 !important;
        display: inline-block
    }

#menu, #products, .whiteBg {
    clear: left;
    background-color: #fff;
    padding: 1em
}

.whiteBg {
    padding: 2em 1em
}

#product {
    padding-bottom: 3em
}

body.category #rightcol #products div {
    display: none !important
}

.smalltxt {
    font-size: 13px
}

.tinytxt {
    font-size: 10px
}

.rrp {
    font-size: 80%;
    padding-right: 10px;
    color: #918f8f
}

.rrp, .save {
    text-transform: uppercase
}

.price {
    color: #941E22;
    font-weight: 400;
    font-size: 150%;
    padding-right: 1em;
    line-height: 1.6
}

.products p {
    margin-bottom: .5em
}

.centered {
    margin: 0 auto;
    text-align: center;
    width: 800px;
    padding-bottom: 1em
}

#product span.price strong {
    font-size: 160%
}

.ContainerDiv.clearfix {
    padding: 0 2% 2em;
    margin-top: 1.5em
}

#CategoryList {
    list-style: none
}

    #CategoryList li {
        float: left;
        width: 28%;
        margin: 0 0 1% 1%;
        text-align: center;
        padding: 1%;
        height: 23.5em
    }

ul#categories, ul#products {
    clear: left
}

#categories ul, #products ul, ul#categories, ul#products {
    margin: 0;
    padding: 0;
    list-style: none
}

#categories li, #products li {
    width: 31.5%;
    margin-right: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top
}

    #categories li a, #products li a {
        display: block;
        width: 210px;
        margin-left: auto;
        margin-right: auto
    }

    #categories li h3 a, #products li h3 a, .related li h3 a {
        display: inline;
        width: auto;
        height: auto
    }

#categories li, #products li {
    padding: 5px
}

#categories h3, #categories p, #products h3, #products p {
    margin: 0 10px
}

#categories h3, #products h3 {
    display: block;
    min-height: 50px;
    margin: 0 .5em .5em;
    border-bottom: 1px solid #DAD7D7;
    padding-bottom: .5em;
    padding-top: 0;
    text-align: center
}

#prodImgDiv {
    position: relative;
    width: auto;
    height: auto;
    padding-top: 6%
}

.hoverimage {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#prodImgDiv:hover .hoverimage {
    display: block
}

#holdSlider {
    border-bottom: 1px solid #8F8F8F;
    clear: left;
    padding-bottom: 1em;
    margin-bottom: 1em
}

#sliderTitle h1 {
    float: left;
    padding-top: 0;
    margin-bottom: 0
}

#sliderTitle a {
    float: right;
    line-height: 2em;
    color: #047fb8;
    text-decoration: underline
}

#slider1 {
    height: 1%;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #d0d0d0;
    position: relative
}

    #slider1 .viewport {
        margin-left: 15%;
        float: left;
        width: 70%;
        height: 80px;
        overflow: hidden;
        position: relative
    }

    #slider1 .buttons {
        background: url(../images/buttons.png) 0 -38px no-repeat;
        display: block;
        text-indent: -999em;
        float: left;
        width: 15%;
        height: 30px;
        overflow: hidden;
        position: absolute;
        opacity: .6;
        left: 0
    }

        #slider1 .buttons:hover {
            opacity: 1
        }

    #slider1 .next {
        background-position: right 0;
        right: 0;
        left: auto
    }

    #slider1 .disable {
        visibility: hidden
    }

    #slider1 ul.overview {
        list-style: none;
        position: absolute;
        padding: 0;
        margin: 0;
        width: 100%;
        left: 0 top:0;
        border: none
    }

        #slider1 ul.overview li {
            float: left;
            margin: 0 5px 0 0 !important;
            padding: 1px;
            height: 157px;
            width: 110px
        }

#content ul.product li ul.overview li {
    width: 70px
}

.mb-panel {
    opacity: .5;
    filter: alpha(opacity=50)
}

    .mb-panel.current {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.ProductShortLink {
    font-weight: 700;
    font-size: 1.2em
}

#cboxClose, #cboxCurrent, #cboxNext, #cboxPrevious {
    top: 4px
}

#cboxCurrent {
    font-size: 120%;
    line-height: 1.8em
}

#cboxLoadedContent {
    margin-top: 28px
}

div.related {
    margin-top: 1em
}

    div.related ul#products li {
        width: 30.5%
    }

        div.related ul#products li h3 {
            display: none
        }

        div.related ul#products li a, div.related ul#products li a img {
            width: 140px;
            height: 120px
        }

div.confidence p {
    margin-bottom: .25em
}

.shadetabs {
    padding: 0;
    margin: 1em 0 0;
    line-height: 2.8em;
    list-style-type: none;
    text-align: left
}

    .shadetabs li {
        display: inline;
        margin: 30px 0 0;
        float: left
    }

        .shadetabs li a {
            display: block;
            width: auto;
            text-decoration: none;
            color: #4C5357;
            padding-left: 1em;
            padding-right: 1em;
            position: relative;
            z-index: 1;
            line-height: 2.8em;
            border: 1px solid #d0d0d0;
            border-bottom: none;
            border-right: none
        }

        .shadetabs li:last-child {
            border-right: 1px solid #d0d0d0
        }

        .shadetabs li a:hover {
            text-decoration: underline;
            color: #0079C2
        }

        .shadetabs li a.selected {
            position: relative;
            background-color: #ECEBEC
        }

            .shadetabs li a.selected:hover {
                text-decoration: none
            }

.holdtabs {
    border-top: 1px solid #d0d0d0;
    background: url(../images/bg-gradient.jpg) top left repeat-x;
    clear: left;
    padding: 1em;
    min-height: 200px
}

.tabcontent {
    display: none
}

#HRtab2 form p input, #HRtab2 form p textarea {
    max-width: 220px
}

#admincol {
    margin-left: 0;
    margin-right: 2%;
    width: 98%
}

#strip {
    background: url(../images/stripbg.jpg) top center
}

#contact div {
    width: 10%;
    float: left
}

#contact table {
    width: 100%;
    margin: 1em auto 0
}

#contact input, #contact option, #contact textarea {
    display: block;
    clear: left;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: right top no-repeat #f5f5f5;
    border-color: -moz-use-text-color -moz-use-text-color #EEF1F8;
    border-radius: 3px;
    border-style: none none solid;
    border-width: 0 0 1px;
    font: inherit;
    margin-top: 0;
    outline: 0;
    padding: 10px 15px 11px 10px;
    width: 90%;
    border-bottom: 1px solid #f5f5f5
}

    #contact input.required, #contact option.required, #contact textarea.required {
        background: url(../images/contact-corner.png) right top no-repeat #f5f5f5
    }

    #contact input:focus, #contact textarea:focus {
        background-color: #FFF;
        border-bottom-color: #EEE;
        box-shadow: 0 1px 2px rgba(0,0,0,.3) inset
    }

#contact textarea {
    height: 100px
}

#contact input[type=checkbox], #contact input[type=radio] {
    margin: 3px 3px 3px 4px;
    width: auto;
    display: inline
}

#contact input.formbutton {
    background-color: #171717;
    background-image: none;
    border: 1px solid #828282;
    box-shadow: 0 1px 3px #373737,0 1px rgba(255,255,255,.15) inset,0 -2px rgba(0,0,0,.1) inset;
    color: #FFF;
    cursor: pointer;
    display: inline;
    font-weight: 700;
    padding: 15px 0;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    width: 155px;
    margin-right: 0 auto
}

    #contact input.formbutton:hover {
        background-color: #373737
    }

iframe {
    width: 100%
}

#contact p.smMessage {
    margin-left: 0;
    width: 90%;
    background-color: #f5f5f5
}

label.crew {
    background-color: #65d1f2;
    display: block;
    width: 90%;
    padding: 10px
}

#subscribe {
    background-color: #f7f4f4;
    padding-bottom: 2em
}

    #subscribe div.row {
        background-color: #333;
        overflow: visible
    }

    #subscribe p {
        position: relative;
        height: 84px;
        margin-bottom: 0
    }

        #subscribe p img {
            position: absolute;
            top: -5px;
            left: -5px
        }

    #subscribe form input.input {
        width: 80%;
        line-height: 2.4em;
        float: left;
        margin-top: 20px
    }

footer div.row {
    background: url(../images/bg-confidence-footer.jpg) top left no-repeat;
    padding-bottom: 1em
}

footer {
    background-color: #fff;
    color: #292828
}

.footer {
    padding-top: 2em
}

    .footer ul {
        list-style: none
    }

    .footer a, .footer a strong {
        color: #047fb8
    }

footer .row div ul li {
    float: left;
    padding: 0 15px
}

    footer .row div ul li:first-child {
        padding-left: 0
    }

.rightfooter h5 {
    text-align: right
}

#secondfooter {
    background-color: #E9EAEC;
    padding: 10px 0
}

    #secondfooter .divcenter .sixcol {
        padding: 1em 0;
        font-size: .9em
    }

.secondfooterrightcol a {
    color: #5E5E5E;
    float: right;
    line-height: 2.5em;
    padding: 10px
}

.secondfooterrightcol ul {
    width: 100%
}

    .secondfooterrightcol ul li {
        list-style: none
    }

#mobilefootermenu {
    display: none
}

#desktopfootermenu {
    display: block
}

address {
    background-color: #C4C5C7;
    padding: 20px
}

    address a {
        color: #5E5E5E
    }

#social {
    text-align: center;
    clear: left
}

    #social h5 {
        text-align: left;
        display: block;
        float: left;
        font-size: 80%;
        line-height: 30px;
        padding-right: .5em
    }

#meta div.row {
    background-color: #C4C5C7;
    padding-top: 1em;
    margin-bottom: 60px;
    color: #5E5E5E;
    text-align: center
}

#meta {
    line-height: 3em
}

.telephone {
    width: 93px;
    height: 150px;
    background-position: -347px -235px;
    margin-top: 30px
}

.tag {
    width: 120px;
    height: 119px;
    background-position: -669px -481px;
    margin-top: 30px
}

.facebook {
    width: 36px;
    height: 36px;
    background-position: -89px -261px;
    padding-right: 10px;
    float: left
}

.googleplus {
    width: 36px;
    height: 36px;
    background-position: 0 -261px;
    padding-right: 10px;
    float: left
}

    .googleplus:hover {
        text-decoration: none;
        opacity: .8
    }

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

    .rslides li {
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left
        }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0
    }

.rslides_nav {
    max-width: 26px;
    width: 10%
}

    .rslides_nav:hover {
        opacity: .8
    }

    .rslides_nav.prev {
        position: absolute;
        left: 0;
        top: 35%;
        text-indent: 9999px;
        background-image: url(../images/prev.png);
        height: 68px
    }

    .rslides_nav.next {
        position: absolute;
        right: 0;
        top: 35%;
        text-indent: 9999px;
        background-image: url(../images/next.png);
        height: 68px
    }

.slideshow_with_captions_container img {
    position: relative
}

.slideshow_with_captions_container .slideshow_caption {
    position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,.2);
    color: #000;
    padding: 0 0 0 1.5em;
    bottom: 0;
    height: 3em;
    line-height: 3em
}

#slider {
    width: 90%
}

    #slider li {
        width: 37%
    }

.demo-title {
    text-align: center;
    color: #a71700;
    text-transform: uppercase;
    padding: 30px 0 0;
    font-size: 60px
}

.main-nav {
    display: block;
    text-align: center;
    border-bottom: 2px solid #a71700;
    margin: 0 0 20px;
    padding: 0 0 10px
}

    .main-nav a {
        text-decoration: none;
        color: #3e63ec;
        font-size: 18px;
        margin: 0 8px
    }

        .main-nav a:hover {
            color: #000;
            border-bottom: 2px solid #000
        }

#title {
    text-align: center
}

    #title img {
        border: 0
    }

.buttons {
    padding: 5px 0;
    text-align: center
}

.dlinks {
    text-align: center;
    margin: 0 0 20px
}

    .dlinks * {
        vertical-align: middle
    }

#button, .learnmore, a.button, button, input#SubmitCheckout, input.addCart, input.guest, input.login, input.payment, input.usethis, input[type=submit] {
    display: block;
    text-align: center;
    padding: 4px 1em;
    line-height: 1.75em;
    color: #fff;
    font-size: 90%;
    font-weight: 400;
    text-decoration: none;
    border: none;
    background-color: #047fb8;
    cursor: pointer;
    opacity: .9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px
}


	.button, a.button.cta
		{
			width: 100%;
			height: 35px;
			background-color: #ac1f28; 
			color: White;
			border: none 1px Black;
		}
    
    .button:hover 
    {
    	background-color: #1b8acf;
    	cursor: pointer;
    }
	
	 a.button.cta{
		 line-height: 2.5;
		 font-size: 100%;
		 border-radius: 0;
	 }
	

.mb-inside a.learnmore {
    width: 120px;
    margin: 10px auto
}

#products li a.learnmore {
    width: 50%
}

input.addCart {
    margin: 5px 0
}

body.product input.addCart {
    margin-left: 0;
    font-size: 140% !important
}

body.product div.related input.addCart {
    margin-left: 0;
    font-size: 90% !important
}

input#button.submit {
    margin: 20px 0 0;
    line-height: 2.4em
}

input.guest, input.payment {
    width: 190px;
    height: 39px;
    float: left;
    text-align: center;
    margin-left: 0;
    border: none;
    cursor: pointer
}

input.payment {
    float: right
}

input[type=submit] {
    display: inline-block
}

a.button:hover, button:hover, input.addCart:hover, input.addGift:hover, input.guest:hover, input.login:hover, input.payment:hover, input.search:hover, input.submit, input.usethis:hover {
    outline: 0;
    opacity: 1
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: block;
    padding-bottom: 0
}

* html .clearfix {
    height: 1px
}

h2:after, h2:before {
    content: "";
    display: table
}

h2:after {
    clear: both
}

h2 {
    zoom: 1
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0
}

    .video-container embed, .video-container iframe, .video-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.shadow {
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc
}

#CategoryList, #holdSlider, #menu*/, #product, #products, #subscribe div.row, .one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px #bbb;
    -moz-box-shadow: 0 8px 6px -6px #bbb;
    box-shadow: 0 8px 6px -6px #bbb
}

#search input.input, .smallleftRadius {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px
}

.bottomRadius {
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px
}

.toggleMenu, .topRadius {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0
}

#leftcol .block, .block h2, .smalltopRadius {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0
}

.fullRadius, .o-button {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px
}

#CategoryList, #breadcrumbs div, #confidence, #rightcol > div > div, .ContainerDiv, .smallRadius, header div.row {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px
}

#checkoutBreadcrumbs a span, #circle {
    width: 30px;
    height: 30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px
}

.gradient {
    background-color: #566a30;
    background-image: url(../images/fallbackGradient.png);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f0644a),to(#de3c07));
    background-image: -webkit-linear-gradient(top,#f0644a,#de3c07);
    background-image: -moz-linear-gradient(top,#f0644a,#de3c07);
    background-image: -ms-linear-gradient(top,#f0644a,#de3c07);
    background-image: -o-linear-gradient(top,#f0644a,#de3c07)
}

#breadcrumbs div, #confidence, #confidencepf, #confidencepfs, #leftMenu ul.navMain, .ContainerDiv, .fullgreyBorder {
    border: 1px solid #e3e3e3;
    background-color: #FFF
}

.Home #rightcol .slideshow_standard_container {
    border: 0;
    background-color: #efefef
}

.Home #breadcrumbs {
    display: none
}

.adminmenucontainer {
    width: 100%;
    background-color: #eee
}

.adminmenu {
    width: 770px
}

.adminmenurow {
    text-align: center;
    height: 24px
}

.adminrootheading {
    line-height: 14px;
    display: block;
    color: #000;
    padding: 6px;
    font-weight: 700;
    font-size: 13px
}

.adminrootitem {
    text-align: center;
    background-color: #eee;
    color: #000;
    text-decoration: none;
    width: 20%;
    text-indent: 30px
}

a.adminrootmenulink {
    line-height: 14px;
    display: block;
    color: #000;
    padding: 6px;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px
}

.adminsubmenu {
    line-height: 14px;
    width: 180px;
    display: none;
    position: absolute;
    background-color: #eee;
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    z-index: 1000
}

.adminmenuitem {
    height: 24px;
    padding: 3px
}

a.adminmenulink {
    line-height: 14px;
    display: block;
    color: #000;
    padding: 6px;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    text-indent: 10px
}

.admurlmanager .row {
	overflow:visible;
}

div.admin_content_block {
    width: 100% !important
}

    div.admin_content_block div {
        margin: 0
    }

.cke_button_Kook_Embed .cke_icon, .cke_button_Kook_Forms .cke_icon, .cke_button_Kook_Gallery .cke_icon, .cke_button_Kook_Slideshows .cke_icon, .cke_button_Kook_Templates .cke_icon {
    display: none !important
}

.cke_button_Kook_Embed .cke_label, .cke_button_Kook_Forms .cke_label, .cke_button_Kook_Gallery .cke_label, .cke_button_Kook_Slideshows .cke_label, .cke_button_Kook_Templates .cke_label {
    display: inline !important
}

table.ViewCart {
    margin: 0 auto
}

td.ViewCart_Product_Left {
    text-align: left;
    background-color: #FFF
}

td.ViewCart_Product_Right {
    text-align: right;
    background-color: #FFF
}

hr, hr.ViewCart_Separator {
    background: silver;
    border: none;
    color: grey;
    height: 1px
}

td.ViewCart_Price_Left {
    padding: 5px 10px;
    text-align: right;
    vertical-align: middle
}

div.ViewCart_Price_Left {
    position: relative;
    text-align: right
}

td.ViewCart_Price_Right {
    padding: 5px 10px;
    text-align: right;
    vertical-align: top;
    width: 10%
}

td.ViewCart_Footer_Left {
    font-weight: 700;
    padding: 5px 10px;
    text-align: left
}

td.ViewCart_Footer_Right {
    font-weight: 700;
    padding: 5px 10px;
    text-align: right
}

td.ViewCart_Freight {
    padding: 5px 10px;
    vertical-align: middle
}

div.ViewCart_Freight_Bad, div.ViewCart_Freight_Bad_Quote, div.ViewCart_Freight_Good, div.ViewCart_Freight_Good_Quote {
    color: #000;
    font-weight: 400;
    height: 40px;
    margin: -25px 0 0 auto;
    padding: 10px 30px 10px 10px;
    position: absolute;
    right: 100px;
    text-align: left;
    width: 200px;
    background: 0 0
}

a.suburb {
    color: #000;
    display: block;
    padding: 5px 10px;
    text-align: left;
    white-space: nowrap
}

    a.suburb:hover {
        background: navy;
        color: #FFF;
        text-decoration: none
    }

ul#checkoutBreadcrumbs {
    margin: 0 0 10px;
    list-style: none;
    height: 48px;
    background-color: #EBECF0
}

    ul#checkoutBreadcrumbs li {
        float: left;
        width: 25%
    }

        ul#checkoutBreadcrumbs li a {
            font-size: 100%;
            color: #8f8f91;
            text-transform: uppercase;
            padding-left: 8px;
            display: block;
            height: 48px;
            line-height: 44px
        }

            ul#checkoutBreadcrumbs li a span {
                display: block;
                float: left;
                font-size: 140%;
                text-align: center;
                font-weight: 600;
                letter-spacing: -1px;
                border: 1px solid #8f8f91;
                background-color: #EBECF0;
                margin: 5px 5px 0 0;
                line-height: 30px
            }

body.viewcart ul#checkoutBreadcrumbs li.first a span {
    border: 1px solid #EE3D42;
    background-color: #EE3D42;
    color: #fff
}

body.viewcart ul#checkoutBreadcrumbs li.fourth a:hover, body.viewcart ul#checkoutBreadcrumbs li.second a:hover, body.viewcart ul#checkoutBreadcrumbs li.third a:hover {
    cursor: default;
    text-decoration: none
}

body.identification ul#checkoutBreadcrumbs li.second a span {
    border: 1px solid #EE3D42;
    background-color: #EE3D42;
    color: #fff
}

body.viewcart ul#checkoutBreadcrumbs li.fourth a:hover, body.viewcart ul#checkoutBreadcrumbs li.third a:hover {
    cursor: default;
    text-decoration: none
}

body.checkout ul#checkoutBreadcrumbs li.third a span {
    border: 1px solid #EE3D42;
    background-color: #EE3D42;
    color: #fff
}

body.viewcart ul#checkoutBreadcrumbs li.fourth a:hover {
    cursor: default;
    text-decoration: none
}

body.confirmation ul#checkoutBreadcrumbs li.fourth a span {
    border: 1px solid #EE3D42;
    background-color: #EE3D42;
    color: #fff
}

#FullWidth div.grid_3 {
    width: 250px
}

#FullWidth aside#rightcol {
    display: inline-block;
    padding-top: 0;
    width: 250px;
    margin-left: 10px
}

.Blocks {
    border: 4px solid #EBECF0;
    margin-bottom: 10px
}

table.Blocks {
    width: 100%;
    margin-bottom: 10px
}

#checkout input[type=text], #checkout_promo input[type=text] {
    width: 90%
}

td.ViewCart_Header_Left {
    background: #EBECF0;
    color: #444548;
    font-weight: 400;
    padding: 5px;
    text-align: left;
    font-size: 100%;
    text-transform: uppercase
}

td.ViewCart_Header_Right {
    background: #EBECF0;
    color: #444548;
    font-weight: 400;
    padding: 5px;
    text-align: right;
    font-size: 100%;
    text-transform: uppercase
}

td.ViewCart_Header_Center {
    background: #EBECF0;
    color: #444548;
    font-weight: 400;
    padding: 5px;
    text-align: center;
    font-size: 100%;
    text-transform: uppercase
}

td.ViewCart_Product_Center {
    text-align: center;
    vertical-align: middle
}

td.ViewCart_Product_Left, td.ViewCart_Product_Right {
    vertical-align: middle;
    padding: 5px
}

.ViewCart_Separator {
    border-top: 1px dotted #afafb3
}

.ViewCart_Price_Left {
    font-size: 100%;
    text-transform: uppercase;
    font-weight: 400
}

    .ViewCart_Price_Left em {
        color: #8f8f91;
        font-style: normal;
        font-weight: 400
    }

    .ViewCart_Price_Left strong, .ViewCart_Price_Right strong {
        font-weight: 400;
        font-size: 150%
    }

div.ViewCart_Freight_Bad, div.ViewCart_Freight_Good {
    text-transform: none
}

div.ViewCart_Freight_Bad_Quote, div.ViewCart_Freight_Good_Quote {
    right: 80px;
    top: 15px;
    text-transform: none
}

td.BackToStoreLink {
    padding-top: 60px;
    width: 176px
}

td.ContinueShopping {
    text-align: left
}

.PromoCode {
    padding: 10px
}

    .PromoCode p {
        width: 50%;
        float: left;
        text-align: left;
        line-height: 2em;
        margin-bottom: 0
    }

    .PromoCode div {
        width: 50%;
        float: left;
        text-align: right
    }

        .PromoCode div input {
            clear: left;
            float: right
        }

a.BlueLink {
    color: #00aeed;
    font-size: 100%;
    text-transform: uppercase;
    padding: 10px
}

.Proceed {
    background-color: #555557;
    margin-bottom: 40px;
    font-size: 150%;
    text-transform: uppercase;
    text-align: right
}

    .Proceed a {
        color: #fff;
        padding: 20px;
        line-height: 2em
    }

    .Proceed span {
        color: #fff;
        font-size: 50%;
        float: left
    }

.getQuote {
    background-color: #555557;
    margin-bottom: 40px;
    font-size: 150%;
    text-transform: uppercase;
    text-align: right;
    display: block;
    clear: both
}

    .getQuote a {
        color: #fff;
        padding: 20px;
        line-height: 2em
    }

    .getQuote span {
        color: #fff;
        font-size: 50%;
        float: left
    }

.rightaside {
    clear: right
}

#checkout, #checkout_card, #checkout_email, #checkout_instructions, #checkout_payment, #checkout_promo {
    margin-right: 2.8%;
    border: 4px solid #EBECF0;
    margin-bottom: 10px;
    padding-bottom: 20px;
    background-color: #FFF
}

    #checkout div, #checkout_card div, #checkout_email div, #checkout_instructions div, #checkout_payment div, #checkout_promo div {
        width: 46.5%;
        float: left;
        margin-left: 3%
    }

        #checkout div.guest, #checkout_card div.guest, #checkout_email div.guest, #checkout_instructions div.guest, #checkout_payment div.guest, #checkout_promo div.guest {
            width: 94%;
            float: none;
            margin: 0 auto 10px;
            border-bottom: 4px solid #EBECF0;
            padding: 30px 0
        }

            #checkout div.guest h2, #checkout div.guest input.guest, #checkout_card div.guest h2, #checkout_card div.guest input.guest, #checkout_email div.guest h2, #checkout_email div.guest input.guest, #checkout_instructions div.guest h2, #checkout_instructions div.guest input.guest, #checkout_payment div.guest h2, #checkout_payment div.guest input.guest, #checkout_promo div.guest h2, #checkout_promo div.guest input.guest {
                float: left;
                display: block
            }

            #checkout div.guest input.guest, #checkout_card div.guest input.guest, #checkout_email div.guest input.guest, #checkout_instructions div.guest input.guest, #checkout_payment div.guest input.guest, #checkout_promo div.guest input.guest {
                margin-left: 90px;
                margin-top: -20px
            }

.tableBorders {
    border-top: 1px dotted #afafb3;
    border-bottom: 1px dotted #afafb3;
    padding: 10px 0
}

.Redtxt {
    color: #e31b23
}

#checkout p.Redtxt, #checkout_card p.Redtxt, #checkout_email p.Redtxt, #checkout_instructions p.Redtxt, #checkout_payment p.Redtxt, #checkout_promo p.Redtxt {
    font-size: .8em;
    margin-left: 0
}

#checkout h2, #checkout p, #checkout_payment h2, #checkout_payment p, #checkout_promo h2, #checkout_promo p {
    margin-left: 10px;
    margin-right: 10px
}

#checkout div h2, #checkout div p, #checkout_payment div h2, #checkout_payment div p, #checkout_promo div h2, #checkout_promo div p {
    margin-left: 0;
    margin-right: 0
}

    #checkout div p.smMessage, #checkout_payment div p.smMessage, #checkout_payment p.smMessage, #checkout_promo div p.smMessage, #checkout_promo p.smMessage, p.smMessage {
        font-size: 80%;
        text-transform: uppercase;
        padding: 10px;
        background-color: #EBECF0;
        margin-left: 10px;
        margin-right: 10px
    }

a.greytext {
    color: #444548
}

#Proceed {
    width: 670px;
    margin-left: 0;
    background-color: #555557;
    margin-bottom: 10px;
    padding: 10px
}

    #Proceed span {
        color: #fff;
        text-transform: uppercase;
        font-size: 70%;
        float: left;
        line-height: 4em
    }

#rightcol table td.ViewCart_Product_Left img {
    width: 60px
}

#rightcol table td.ViewCart_Product_Left strong {
    font-size: 150%
}

.printable {
    display: none
}

.ContainerDiv .row {
	min-width: 0;
	
}


.ContainerDiv .row:first-child {
	text-align: center;
	
}

.button.cta{
	max-width: 200px;
	display: block;
	margin: 0 auto;
}




@media print {
    .printable {
        display: block
    }
}

@media only screen and (max-width:1023px) {
		.toggleMenu{
		opacity: 1;
		background: #222;
	}
	
    .row {
        min-width: 745px
    }

		
	.hideonMobile{
	display: none;
	}
	
.hideonDesktop{
	display: block;
	}	
	
    #slogan {
        width: 35%;
        margin-right: 0
    }

    #search form .input {
        width: 70%
    }

    #logo a {
        background-size: 290% auto;
        width: 217px;
        height: 104px
    }

    #cart, body.Home ul.nav {
        width: auto
    }

    .shadetabs li {
        border-bottom: 1px solid #d0d0d0
    }
}

@media handheld,only screen and (max-width:767px) {


    #CategoryList li {
        width: 47%
    }

    .active {
        display: block
    }

    body.Home #content {
        padding-top: 0
    }

    .row {
        min-width: 0
    }

    .toggleMenu span {
        display: block;
        width: auto;
        font-size: 180%
    }

    .topMenu.row {
        border: 0
    }

    .nav a, .nav li li a {
        line-height: 2.5em;
        padding: 0 1em;
        text-align: center
    }

    .nav > li {
        float: none;
        background: #EEE;
        border-bottom: 1px solid #CCC;
        padding: 0;
        width: 100%;
        margin-right: 0
    }

        .nav > li > .parent {
            background-position: 95% 50%
        }

    .nav li li .parent {
        background-image: url(../images/downArrow.png);
        background-repeat: no-repeat;
        background-position: 95% 50%
    }

    .nav ul {
        display: block;
        width: 100%
    }

        .nav ul ul {
            border: 0 !important
        }

    .nav li li.hover ul, .nav > li.hover > ul {
        position: static
    }

    #headtop {
        display: none
    }

    #bottomBlocks .row, #content .row, .row {
        padding-left: 0;
        padding-right: 0
    }

    #Proceed {
        width: 90%;
        text-align: center
    }

        #Proceed span {
            display: none !important
        }

        #Proceed .payment {
            margin: 0 auto;
            float: none
        }

    nav#mainMenu {
        margin: 0 auto
    }

        nav#mainMenu ul {
            width: 100%
        }

            nav#mainMenu ul ul {
                position: relative;
                width: 100% !important;
                border: none !important
            }

    #cart {
        float: left
    }

        #cart p {
            line-height: 1.6em
        }

            #cart p a {
                clear: left;
                width: auto
            }

    header.container {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        overflow: visible
    }

    header {
        position: relative;
        background: #951E22
    }

    .toggleMenu {
        display: block;
        font-size: 1em;
        background: #047fb8;
        color: #FFF;
        height: 25px;
        width: 84%;
        padding: 3% 8%
    }

    #holdTopNav div.row {
        height: 130px
    }

    #headmobile {
        width: 100%;
        height: 40px;
        display: block;
        text-align: center;
        font-size: 140%;
        color: #fff !important;
        line-height: 1.8em;
        letter-spacing: -.7px;
        background-color: #BF1E2E
    }

    nav#mainMenu {
        width: 100%
    }

    #leftMenu ul.navMain {
        padding-bottom: 0
    }

    #leftMenu ul > li {
        margin: 0
    }

    #headmobile a {
        color: #fff
    }

    #logo {
        margin: 0;
        padding: 0
    }

        #logo a {
            top: 5px;
            width: 270px;
            height: 130px;
            margin: 0 auto
        }

    #slogan {
        margin: 0;
        width: auto
    }

        #slogan p {
            visibility: hidden;
            line-height: 1em;
            height: 1.5em
        }

            #slogan p strong {
                visibility: visible;
                color: #666;
                text-align: center;
                font-weight: 400;
                line-height: 1.5em;
                font-size: 1.1em
            }

        #slogan #search {
            display: none
        }

    #cart {
        width: 100%;
        margin: 0 0 .5em;
        padding: 0
    }

        #cart p a {
            display: inline-block
        }

        #cart span.cart a {
            margin-left: 15px
        }

    .toggleMenu {
        line-height: 1.2em
    }

    #mainMenu ul {
        display: none
    }

    #leftMenu {
        margin: 0 auto 1em auto
    }

    #slider1 .viewport {
        max-width: 60%
    }

    .toggleMenu {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -khtml-border-radius: 0
    }

    .columnlayout {
        clear: left
    }

    .Home div.columnlayout div {
        width: 32.8%;
        margin-right: .8%;
        margin-bottom: .5em;
        display: -moz-inline-stack;
        display: inline-block;
        display: inline
    }

        .Home div.columnlayout div div {
            background: #FFF;
            width: auto;
            padding-left: 2%;
            padding-top: .75em;
            padding-bottom: 1em;
            border: 1px solid #CCC
        }

        .Home div.columnlayout div:nth-child(3), .Home div.columnlayout div:nth-child(6) {
            margin-right: 0
        }

        .Home div.columnlayout div div img {
            width: 45%;
            float: right
        }

    #headtop {
        position: absolute;
        width: 90%;
        top: 0;
        left: 0
    }

    #stocklist {
        background-position: -100px -200px;
        height: 33px;
        width: 33px;
        margin-right: 35px
    }

        #stocklist p {
            display: none
        }

    #hero .row #pullin {
        width: 80%
    }

    #pullin h2 {
        line-height: 1.2em
    }

    .Home #rightcol > div > div {
        padding: 0 10px
    }

    #confidence h6 {
        text-align: center;
        line-height: 1.5em;
        font-size: .8em
    }

        #confidence h6 span {
            float: none;
            margin: 0 auto
        }

    #content div.row {
        background-image: none
    }

    div#content div.row {
        padding-top: 0
    }

    header div.row {
        min-height: 0;
        width: auto
    }

    #leftcol.threecol {
        width: auto;
        margin-right: 0
    }

    #leftcol div.block {
        display: none
    }

    body.Home ul.nav, body.checkout ul.nav, body.confirmation ul.nav, body.home ul.nav, body.identification ul.nav, body.noblocks ul.nav, body.product ul.nav, body.viewcart ul.nav {
        position: relative;
        width: auto
    }

    #products li:hover {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    #rightcol nav#mainMenu {
        display: none
    }

    #meta div.row p {
        text-align: center !important
    }

    #search form {
        padding-left: 0
    }

        #search form .input {
            width: 60%
        }

    #contact table, #contact tbody, #contact tr {
        display: block
    }

    body.category div#content div.row section#rightcol {
        position: relative
    }

        body.category div#content div.row section#rightcol ul#categories, body.category div#content div.row section#rightcol ul#products {
            margin-bottom: 0;
            padding-bottom: 4em
        }

        body.category div#content div.row section#rightcol div#search {
            position: absolute;
            bottom: 0;
            width: 92%;
            margin-bottom: 0
        }

    body.product div#content div.row {
        position: relative
    }

        body.product div#content div.row div#rightcol {
            position: absolute;
            bottom: 1em
        }

    body.viewcart div#search {
        display: none
    }

    .row aside.threecol {
        padding-left: 0;
        padding-right: 0
    }

    #headbottom {
        display: none
    }

    #mobilefootermenu {
        display: block
    }

        #mobilefootermenu li {
            display: inline-block
        }

    #desktopfootermenu {
        display: none
    }

    #homegrid ul li {
        width: 100%;
        margin-right: 0
    }

    body.category nav#menu {
        display: none
    }

    #leftcol {
        margin-left: 0;
        margin-right: 0;
        width: auto
    }

    #rightcol {
        margin-left: 0;
        margin-right: 0;
        padding: 0 20px 15px;
        width: auto
    }

    .googleplus {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    #categories li {
        width: 98.5%
    }

    #products li {
        width: auto;
        margin-left: 2%;
        margin-right: 2%;
        border-left: 0;
        border-right: 0;
        display: block;
        border-bottom: 1px solid #DAD7D7
    }

    #categories h3, #products h3 {
        border: none
    }

    #product div.sixcol {
        padding-left: 0;
        padding-right: 0
    }

    .centered {
        width: auto;
        padding-bottom: 1em
    }

    .shadetabs li a {
        padding-left: .25em;
        padding-right: .25em
    }

    .shadetabs li {
        border-bottom: none
    }

    .footer {
        display: none
    }

    #secondfooter, .secondfooterrightcol ul {
        text-align: center
    }

        .secondfooterrightcol ul li {
            float: none
        }

    .divcenter {
        width: 40%;
        margin: 0 auto;
        text-align: center
    }

    table.Blocks, table.Blocks tbody, table.Blocks tr {
        width: 100%;
        display: block
    }

    ul#checkoutBreadcrumbs li a {
        text-indent: -9998em;
        font-size: 80%
    }

        body.viewcart ul#checkoutBreadcrumbs li.first a, ul#checkoutBreadcrumbs li a span {
            text-indent: 0
        }

    body.viewcart ul#checkoutBreadcrumbs li.first {
        width: 60%
    }

    body.viewcart ul#checkoutBreadcrumbs li.fourth, body.viewcart ul#checkoutBreadcrumbs li.second, body.viewcart ul#checkoutBreadcrumbs li.third {
        width: 12.5%
    }

    body.identification ul#checkoutBreadcrumbs li.second a {
        text-indent: 0
    }

    body.identification ul#checkoutBreadcrumbs li.second {
        width: 60%
    }

    body.identification ul#checkoutBreadcrumbs li.first, body.identification ul#checkoutBreadcrumbs li.fourth, body.identification ul#checkoutBreadcrumbs li.third {
        width: 12.5%
    }

    body.checkout ul#checkoutBreadcrumbs li.third a {
        text-indent: 0
    }

    body.checkout ul#checkoutBreadcrumbs li.third {
        width: 60%
    }

    body.checkout ul#checkoutBreadcrumbs li.first, body.checkout ul#checkoutBreadcrumbs li.fourth, body.checkout ul#checkoutBreadcrumbs li.second {
        width: 12.5%
    }

    body.confirmation ul#checkoutBreadcrumbs li.fourth a {
        text-indent: 0
    }

    body.confirmation ul#checkoutBreadcrumbs li.fourth {
        width: 60%
    }

    body.confirmation ul#checkoutBreadcrumbs li.first, body.confirmation ul#checkoutBreadcrumbs li.second, body.confirmation ul#checkoutBreadcrumbs li.third {
        width: 12.5%
    }

    .Proceed {
        font-size: 90%
    }

    div.ViewCart_Freight_Bad, div.ViewCart_Freight_Good {
        right: 0
    }

    div.ViewCart_Freight_Bad, div.ViewCart_Freight_Bad_Quote, div.ViewCart_Freight_Good, div.ViewCart_Freight_Good_Quote {
        position: relative;
        margin: 0 0 0 auto;
        width: 170px;
        padding: 10px;
        height: 60px;
        font-size: 80%;
        line-height: 110%
    }

    td.freight span {
        display: block;
        margin-top: 80px
    }

    div.ViewCart_Freight_Bad, div.ViewCart_Freight_Bad_Quote, div.ViewCart_Freight_Good, div.ViewCart_Freight_Good_Quote {
        background: 0 0
    }

    td.ViewCart_Price_Right {
        padding: 5px
    }

    .ViewCart_Price_Left strong, .ViewCart_Price_Right strong {
        font-weight: 600;
        font-size: 100%
    }

    table#tableCart, table#tableCart head, table#tableCart tbody, table#tableCart td, table#tableCart th, table#tableCart tr {
        display: block
    }

        table#tableCart thead tr.tablehead {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

        table#tableCart td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 40%
        }

            table#tableCart td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 40%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: 600
            }

            table#tableCart td:nth-of-type(1):before {
                content: "Product:"
            }

            table#tableCart td:nth-of-type(2):before, table#tableCart td:nth-of-type(3):before {
                content: " "
            }

            table#tableCart td:nth-of-type(4):before {
                content: "Price:"
            }

            table#tableCart td:nth-of-type(5):before {
                content: "Quantity:"
            }

            table#tableCart td:nth-of-type(6):before {
                content: "Total:"
            }

    body.checkout div#pnlCartEmpty, body.checkout div#pnlCartFull, body.identification div#pnlCartEmpty, body.identification div#pnlCartFull {
        display: none
    }

    div#checkout div {
        width: 94%;
        border-bottom: 4px solid #EBECF0;
        padding-bottom: 1em;
        padding-top: 2em
    }

    #checkout div.guest input.guest {
        margin-left: 0;
        margin-top: 1em
    }

    div#checkout table.tableBorders {
        border-bottom: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .sprite {
        background: url(../images/sprite-2x.png) top left no-repeat;
        display: block;
        background-size: 781px 600px
    }

    .googleplus {
        width: 36px;
        height: 36px;
        background-position: 0 -263px;
        padding-left: 10px;
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .telephone {
        background-position: -347px -235px
    }

    .tag {
        background-position: -669px -481px
    }
}

@media only screen and (max-width:481px) {
    #CategoryList li {
        width: 100%;
        margin: 0 0 1em;
        padding: 0 0 1em;
        border-bottom: 1px solid #EEE
    }
}