body { background-color: #f4f4f3; font-family:Georgia; font-size:14pt; line-height:19pt; margin:0;}
a { color:black; text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; }
.small-font { font-size:11pt; line-height:12pt; }
.clear { clear:both; }

h1.base { display:none; }

.wrapper { max-width:860px; margin:0 auto; }
.header { max-width:810px; margin:0 auto; }
.header .top { padding-top:30px; }
.header .top a { color:#7E7F7F; font-family: arial, sans-serif; font-size:12pt; }
.header .top .left { float:left; width:25%; text-align:left; }
.header .top .right { float:right; width:25%; text-align:right; }
.header ul { list-style:none; padding:0; margin:0; }
.header ul li { display:inline-block;  }
.header .top ul li:first-child { padding-right:20px; }
.title h1 { text-align:center; font-family: arial, sans-serif; font-size: 28pt; font-weight: 400; padding:2px 0 14px 0; }
.title h1 a:hover { text-decoration:none; }

.menu { border-top:1px solid black; border-bottom:1px solid black; text-align:center; font-size:14pt; padding:15px 0; }
.menu ul li { padding:0 10px; }
.current-page a { color:#F37E63!important; }

.slider { margin-top:20px; pointer-events:none; }
.slider img, .slider-subcat img { max-width:100%; }
.slider-subcat { padding-bottom:45px; max-width: 810px; margin: 0 auto; }


.cat-page.sub-cat-list { padding-top:30px; max-width: 810px; margin: 0 auto;}
.sub-cat-list { width:110%; overflow:hidden; }
.sub-cat-list ul { list-style:none; padding:0; margin:0; }
.sub-cat-list ul li { text-align:center; text-align: center; display: block; float: left; margin-right:5.7%; /*margin-right: 2.96%;*/ }
.sub-cat-list ul li:nth-child(6n+6) { margin-right:0;}
.sub-cat-list ul li h3 { font-size: 13px; font-weight: normal; margin-top: 8px; width:96px; line-height: 12px;
    height: 20px; }
.sub-cat-image { /* width:80px; height:80px; */ width:96px; height:96px text-align:center; overflow:hidden; }
.sub-cat-image img { width:96px; height:96px }

.sub-cat-display { background:#000; }
.sub-cat-display ul { list-style:none; padding:24px 0 0 24px; margin:0; }
.sub-cat-display ul li { display:inline-block; border:1px solid #ada8a8; width:180px; height:180px; vertical-align:top; margin:0 23px 24px 0; position:relative; }
.sub-cat-display ul li .inner { padding:36px 10px 0 10px; text-align:center; }
.sub-cat-display ul li img { max-width:100%; }
.separator { border-top:1px; padding:60px 0; }

.subcat-container a {color:#eee; }
.subcat-container { background:#000; color:#eee; display:none; padding-top:70px; }
.subcat-title { font-size:12pt; margin:0 0 10px 0; font-family: arial, sans-serif; font-weight:normal; position:absolute; top:40px; }
.page-controls { position:relative; }
.page-controls form { display:inline-block; }
.page-controls form input, .set-select-button { background:#e7e7e9; padding:0px 12px; border:1px solid #666; border-radius:5px; font-size:10pt;}
.set-select-button:hover { text-decoration:none; }
.subcat-buttons, .all-images-controls { float:right; width:35%; font-family:arial, sans-serif; position:relative; z-index:1000;}
.subcat-buttons a { cursor:pointer; display:inline-block; }
.subcat-controls { padding:26px 0; max-width:810px; padding-bottom:63px; margin:0 auto; }
.pagination-links-container { position:relative; padding-top:57px; font-family:arial, sans-serif;  }
.pagination { list-style:none; padding:0; margin:0; font-size:12pt; position:relative; }
.pagination li { display:inline-block; }
.pagination li a { text-decoration:none; display:block; padding:5px }
.current-link a, .pagination li a:hover { color:red; }
.dead-link:hover {background:transparent!important; }
.pagination li:first-child, .pagination li:last-child { position:absolute; top:0; background: #e7e7e9; border: 1px solid #666; border-radius: 5px; font-size: 10pt; cursor:pointer; padding:0 12px; }
.pagination li:last-child { left:82px; }
.pagination li:first-child a, .pagination li:last-child a { padding:0; }
.pagination-links-container.top .pagination li:first-child, .pagination-links-container.top .pagination li:last-child { top:-29px; }

.pagination-links-container.top { padding-top:30px; }
.pagination-links-container.top .pagination { padding-left:152px; position:absolute; padding-top:3px;}
.pagination-links-container.top .pagination li:first-child { left:0; }

.bottom-subcat-controls { padding-top:50px; }
.bottom-subcat-controls .subcat-title { top:66px; }
.bottom { margin-top:-20px; }
.bottom-subcat-controls .pagination { padding-top:30px!important; }

#footer-pagination { padding:30px 0 0 0; position:relative;}
#footer-pagination h1 { top:36px; width:190px; }
#footer-pagination .pagination li:first-child { position:relative; margin-right:70px; }
#footer-pagination .pagination li:last-child { left:87px; top:5px; }
#footer-pagination .pagination-links-container { padding-top:0; padding-left:177px; }
#footer-pagination .page-controls { position:absolute; left:0; top:0; }

.all-images-controls .page-controls { float:left; text-align:left!important; width:50%; }
.all-images-controls .images-per-page { text-align:right!important; font-size:11pt; }
#image-controls select { height:28px; font-size:10pt; background-color:#fff; -moz-appearance:none; width: 60px; border: 1px solid black; border-radius: 5px; }

.home-content { padding-top:1400px; }
.content { max-width:810px; margin:0 auto; }

.prints .left, .prints .right { float:left; }
.prints .left { width:42%; margin-right:3%; }
.prints .right { width:55%; }
.prints h3 { margin-top:0; }
.top-border { border-top:1px solid #F37E63; margin-top:40px; padding-top:20px; }
.top-border .left { width:37%; margin-right:2%; }
.top-border .right { width:61%; }
.prints-first-par { padding-right:30%; margin-top:0; text-align:left!important; }

.price-list-request input, .price-list-request textarea { font-size:11pt; border:0; width:98%; line-height:20pt; font-family:Georgia; }
.price-list-request textarea { font-family:Georgia; height: 100px; }
.price-list-request input[type=radio] { width:auto; }
.price-list-request input[type=submit] { width:auto; font-size:14pt; font-family:Georgia; }
.form-response { color:#F37E63; }

.about { padding-top:25px; }
.about .left, .about .right { float:left; min-height:1px; }
.about .left { width:60%; margin-right:3%; }
.about .right { width:37%; }
.about-list {     margin-top: 20px; border-top: 1px solid #F37E63; padding: 20px 0; }
.about-list ul { list-style:none; padding:0; margin:0; float:left; width:18%; padding-right:2%; }
.about-list ul li { }
.about-list h3 { font-size:10pt; line-height:14pt; color:#7E7F7F; margin:0; padding-bottom:20px; font-weight:normal; }
.list-title { font-weight:bold; }
.last { padding-bottom:20px; }

.contact { padding-top:40px; }
.contact .left { float:left; width:475px; /*width:56%;*/ }
.contact .right { float:right; width:303px; }
.contact-form { padding:20px; border:1px solid #000; background:#fff; }
.contact-form input[type=text], .contact-form textarea { border:1px solid #000; line-height:40px; font-family:Georgia; width:100%; }
.contact-form input[type=submit] { line-height:40px; background:#eee; border:1px solid #000; padding:6px 15px; font-family:Georgia; }

.search-page { padding-top:40px; }
.search-page .left { width:475px; float:left; }
.search-page .right { width:303px; float:right; }
.front-end-search-box { padding:20px; background:white; border:1px solid #000; height:262px; }
.front-end-search-box input[type=text] { border:1ps solid #000; background-color:#fff; line-height:40px; width:100%; }
.front-end-search-box input[type=submit] { border:0; width:65px; height:64px; background-image:url('images/go.png'); color:transparent; }
.front-end-results { padding-top:40px; }

.footer { font-size:11pt; line-height:12pt; padding-top:1300px; max-width:810px; position:relative; margin:0 auto; padding-bottom:40px; }
.bottom { padding:0 26px; }
.bottom .menu { margin-top:60px; }
.bottom .menu ul { list-style:none; padding:0; margin:0; }
.bottom .menu ul li { display:inline-block;  }

li .popup { visibility:hidden; background:#e5dfe1; position:absolute; top:-2px; left:192px; width:420px; height:420px; z-index:9999; pointer-events:none; transition:visibility .1s ease-in;
    text-align: center; }

/* li:hover .popup { visibility:visible; } */

.popup img { margin-top:0px; }
.popup-text { position:absolute; bottom:0; text-align:left; font-size:10pt; top:20px; }

li:nth-child(4n+3) .popup, li:nth-child(4n+4) .popup { left:auto; right:192px; }
/* li:nth-last-child(-n+4) .popup { bottom:10px; top:auto; } */

.subcat-image-name { color:white; visibility:hidden; position:absolute; bottom:-24px; width:100%; text-align:center; left:0; font-size:10pt; }
li:hover .subcat-image-name { visibility:visible; }
.popup-text {color:#000; position:relative;}
li .popup { padding:75px 40px; height:auto; } 
li .vertical { padding:40px 0px; }
li .vertical .popup-text { padding:0 69px; }
li .square { width:326px; }
li .square .popup-text { padding-left: 65px; }

@media screen and (max-width: 1023px) {
	.wrapper { padding:0 3%; }
	.subcat-controls { padding-right:10px; padding-left:10px; }
	.all-images-controls { width:29%; }
	.subcat-buttons { width:45%; }
	.left, .right { float:none!important; width:auto!important; text-align:center!important; margin-right:0!important; }
	.prints-first-par { padding:0; }
	.about-list ul { width:48%; padding-right:2%; }
	.sub-cat-list { width:auto!important; }
	.sub-cat-display ul { text-align:center; }

    li:nth-child(4n+3) .popup,
    li:nth-child(4n+4) .popup { left:auto; right:auto; }

    li .popup { left: -80px; /*top: 189px !important;*/ }
    li:nth-child(3n+1) .popup { left: 0; }
    li:nth-child(3n+2) .popup { left: -120px; }
    li:nth-child(3n+3) .popup { left: -240px; }
}

/* December 2019 Changes */
.sub-cat-display ul li {
	width:390px;
	height:360px;
	margin-bottom:50px;
}

.sub-cat-display ul li:hover {
	background: #e5dfe1;
}

.base, 
.header ul li.menu-item-4,
.header ul li.menu-item-5,
.subcat-buttons,
.pagination-links-container.top,
.subcat-image-name
{ display:none; }

.test { display:block; }
.subcat-container,.sub-cat-display { background:rgba(49,49,49,1); }
.subcat-controls { padding-bottom:20px; }
.sub-cat-display ul li .inner { padding: 30px; }
.sub-cat-display ul li { height: 393px; }
.sub-cat-display ul li:hover .subcat-image-description { color:white; }
.subcat-title { position:relative; top:0; }
.subcat-image-description { display:block; position:absolute; bottom:-35px; line-height:12pt; font-size:10pt; color:rgba(49,49,49,1); }
.sub-cat-display .inner .popup-text { display:block; }
.popup { visibility:hidden!important; }

.vertical-large-container {  }
.vertical-large { height:330px!important; }
.horizontal-large { padding-top:55px; }


@media screen and (max-width: 870px) {
	.sub-cat-list ul li, .sub-cat-list ul li:nth-child(6n+6) { margin-right: 2.96%; } 
	.sub-cat-list ul { text-align:center; }
	.sub-cat-list ul li { float:none; display:inline-block; }
	
}

@media screen and (max-width: 700px) {
	.all-images-controls { width:auto; float:none; }
	.subcat-buttons { width:auto; float:none; text-align:right; padding-top:10px; }
	.subcat-title { top:12px; position:relative; }
	.pagination-links-container.top { padding-top: 15px; }
	.pagination-links-container.top .pagination li:first-child { display:none; }
	.pagination-links-container.top .pagination li:last-child { display:none; }
	.pagination-links-container.top .pagination { padding-left:0; }
	.title h1 { line-height:32pt; }
	li .popup { top: 0; left: 0; position: fixed; width: 100%; padding:0px; padding-top: 12px; bottom:auto!important; }
	li .popup { left:0; top:0 !important; pointer-events:all; }

    li:nth-child(4n+3) .popup,
    li:nth-child(4n+4) .popup,
    li:nth-child(3n+1) .popup,
    li:nth-child(3n+2) .popup,
    li:nth-child(3n+3) .popup { left: 0; right: 192px; }
}