﻿#products-wrapper { position:relative; width:1100px; /*padding:30px 30px 0px 30px;*/ background-color:#fffec7; }
    #products-wrapper #products-wrapper-inner { padding:30px 30px 0px 30px; }
        #products-wrapper #products-wrapper-inner #subcat-nav { position:relative; width:205px; min-height:200px; float:left; background-color:#fef047; padding:10px 20px 20px 20px; margin-bottom:30px; }
        #products-wrapper #products-wrapper-inner #subcat-nav h2 { font-size:14pt; font-weight:400; margin-bottom:0px; cursor:pointer; }
        #products-wrapper #products-wrapper-inner #subcat-nav .hidden-sub-nav { margin-bottom:10px; border-bottom:1px solid #fff; display:none; }
            #products-wrapper #products-wrapper-inner #subcat-nav .hidden-sub-nav:last-child { border-bottom:0; }
        #products-wrapper #products-wrapper-inner #subcat-nav ul { }
            #products-wrapper #products-wrapper-inner #subcat-nav ul li { border-bottom:1px solid #fff; }
                #products-wrapper #products-wrapper-inner #subcat-nav ul li a.active { background-color:#5d5d5d; color:#fff; }
                #products-wrapper #products-wrapper-inner #subcat-nav ul li a { display:block; font-weight:400; width:200px; height:100%; text-decoration:none; color:#000; font-size:11pt; line-height:27px; vertical-align:middle; padding-left:5px; }
                #products-wrapper #products-wrapper-inner #subcat-nav ul li a:hover { background-color:#5d5d5d; color:#fff; }
                #products-wrapper #products-wrapper-inner #subcat-nav ul li:last-child { border-bottom:0; }
    #products-wrapper #products-wrapper-inner #previews { position:relative; width:785px; float:left; }
        #products-wrapper #products-wrapper-inner #previews .preview { position:relative; width:229px; /*height:229px;*/ height:237px; float:left; margin:0px 0px 30px 30px; background-color:#fff; border:1px solid #9f9f8e; }
            #products-wrapper #products-wrapper-inner #previews .preview:hover { -moz-box-shadow: 0 0 5px 5px #fef047; -webkit-box-shadow: 0 0 5px 5px#fef047; box-shadow: 0 0 5px 5px #fef047; }
            #products-wrapper #products-wrapper-inner #previews .preview a { display:block; width:100%; color:#000; text-decoration:none; text-align:center; padding-top:7px; }
            #products-wrapper #products-wrapper-inner #previews .preview img { margin-bottom:15px; }
             #products-wrapper #products-wrapper-inner #previews .preview .links { position:relative; height:28px; width:100%; }
                #products-wrapper #products-wrapper-inner #previews .preview .links .video { float:left; padding-left:10px; /*margin-top:-35px;*/ margin-top:-27px; }
                #products-wrapper #products-wrapper-inner #previews .preview .links .info { float:right; padding-right:10px; /*margin-top:-35px;*/ margin-top:-27px; }
    #products-wrapper #products-wrapper-inner #product-info { position:relative; width:785px; float:left; }
        #products-wrapper #products-wrapper-inner #product-info #image { position:relative; width:490px; margin-left:30px; float:left; border:1px solid #9f9f8e; background-color:#fff; margin-bottom:30px; }
        #products-wrapper #products-wrapper-inner #product-info #info { position:relative; width:229px; float:left; margin:0px 0px 30px 30px; margin-bottom:30px; padding-top:10px; }
            #products-wrapper #products-wrapper-inner #product-info #info table { font-size:11pt; margin-top:20px; }
                #products-wrapper #products-wrapper-inner #product-info #info table tr { height:30px; }
                    #products-wrapper #products-wrapper-inner #product-info #info table tr td { }
                        #products-wrapper #products-wrapper-inner #product-info #info table tr td:nth-child(1) { width:100px; font-style:italic; }
                        #products-wrapper #products-wrapper-inner #product-info #info table tr td input[type=text] { width:15px; height:20px; border:1px solid #9f9f8e; padding-left:5px; }
                        #products-wrapper #products-wrapper-inner #product-info #info table tr td select { width:130px; height:23px; border:1px solid #9f9f8e; padding-left:5px; }
                        #products-wrapper #products-wrapper-inner #product-info #info table tr td input[type=submit] { color:#000; background-color:#fef047; border:1px solid #000; font-family: 'Tinos', serif; font-size:11pt; padding:5px 7px 5px 7px; cursor:pointer; }
                            #products-wrapper #products-wrapper-inner #product-info #info table tr td input[type=submit]:hover { background-color:#5d5d5d; color:#fff; }
            #products-wrapper #products-wrapper-inner #product-info #info .added-message { display:none; }
            #products-wrapper #products-wrapper-inner #product-info #info .product-video { vertical-align:-40%; }
    #products-wrapper #products-wrapper-inner .no-products { padding:40px 0px 40px 0px; margin-top:50px; text-align:center; }
#video-overlay { position:fixed; top:0px; left:0px; height:100%; width:100%; z-index:1500; background-image:url('Images/10x10_80pc_black.png'); display:none; }
    #video-overlay #video { position:absolute; width:640px; height:360px; top:50%; left:50%; margin:-180px 0px 0px -320px; background-color:#000; }

#products-wrapper #top-subcat-nav { position:relative; width:100%; height:40px; background-color:#fef047; display:none; overflow:hidden; cursor:pointer; padding-top:5px; }
    #products-wrapper #top-subcat-nav h1 { text-align:center; }
    #products-wrapper #top-subcat-nav ul li { text-align:center; border-bottom:1px solid #fff; }
        #products-wrapper #top-subcat-nav ul li:last-child { border-bottom:0; }
        #products-wrapper #top-subcat-nav ul li a { display:block; font-weight:400; text-decoration:none; color:#000; font-size:11pt; padding:8px 0px 8px 0px; }
            #products-wrapper #top-subcat-nav ul li a:hover { text-decoration:none; }
            #products-wrapper #top-subcat-nav ul li a.active { background-color:#5d5d5d; color:#fff; }
        #products-wrapper #top-subcat-nav .hidden-sub-nav { margin-bottom:10px; border-bottom:1px solid #fff; display:none; }
        #products-wrapper #top-subcat-nav .hidden-sub-nav:last-child { border-bottom:0; }
        #products-wrapper #top-subcat-nav h2 { font-size:14pt; font-weight:400; margin-bottom:0px; cursor:pointer; text-align:center; border-bottom:1px solid #fff; padding:8px 0px 8px 0px; }
            #products-wrapper #top-subcat-nav h2:last-child { padding-bottom:10px; }


@media only screen and (max-width: 1150px) {
    #products-wrapper { width:100%; }
        #products-wrapper #products-wrapper-inner #previews { width:560px; }
        #products-wrapper #products-wrapper-inner #product-info { width:560px; }
        #products-wrapper #products-wrapper-inner #product-info #image { width:260px; }
            #products-wrapper #products-wrapper-inner #product-info #image img { width:100%; }
}

@media only screen and (max-width: 950px) {
    #products-wrapper #products-wrapper-inner #subcat-nav { display:none; }
    #products-wrapper #products-wrapper-inner #previews { width:100%; }
    #products-wrapper #products-wrapper-inner #product-info { width:100%; }
    #products-wrapper #top-subcat-nav { display:block; }
    #products-wrapper #products-wrapper-inner #product-info #image { width:400px; }
}

@media only screen and (max-width: 800px) {
    #products-wrapper #products-wrapper-inner #product-info #image { width:200px; }
}

@media only screen and (max-width: 600px) {
    #products-wrapper #products-wrapper-inner #product-info #info { float:none; }
    #products-wrapper #products-wrapper-inner #product-info #image { float:none; }
    #products-wrapper #products-wrapper-inner #product-info #image { width:80%; }
}