* {
	outline: none;
	}
html {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	}	
body {
	margin: 0;
    background: #fff0;
    color: #222;
    background-repeat: no-repeat;
    background-position: top;
    background-position-y: 0px;
    background-position-x: -60px;
    background-size: 1500px;
	}
a {
	color: #137;
	text-decoration: none;
	}
a:hover,
a:active {
	/*color: #173;*/
	text-decoration: underline;
	}
h1 {
	margin: 0;	
	}
h2 {
	margin: 0;
	}
li {
	margin: 2px 5px;
	float: left;
	}
ul li {	
	display:inline;
	
	}
.living {background-image: url(https://metroscap.com/images/blank-living-space.jpg);}
.brick  {background-image: url(https://metroscap.com/images/brick-wall-background.jpg);}

.backOptions {color: #fff; font-weight: bold; text-transform: uppercase;}

.drag {
	position: absolute;
	border: none;
	background: none;
	height: auto;
	width: auto;
	cursor: move;
	top: 135px;
	z-index: 9998;
	}
.selected {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=65);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.65;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.65;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.65;
}

#ddWall-Header {
	position: fixed; top: 0; width: 100%; height: 105px; background-color: #000000; z-index: 100; padding: 5px 5px 5px 0; border-bottom: solid 4px #fff;
}
.ddFooter {position: fixed; bottom: 0; left: 0; width: 100%; height: 30px; background-color: #3333331a; z-index: 9999; padding: 10px 2px; border-top: solid 2px #000; display: none;}
#wrapperPicker {
	top: 0; width: 101px; height: 101px;
}

.sec1 {width: 0px; height: auto; }
.sec2 {width: 65%; height: auto; }
.sec3, .sec4 {width: 18%; height: auto;}
.sec5 {width: 33%; margin: 0; height: auto;}

ul.itemsOnWall {
    position: relative;
    top: -20px;
}
.deleteIcon {
	display: block;
	margin-right: 5px;
}
.hideIcon, .delIcon {border: none; height: 13px; width: 13px;  cursor: pointer; display: block; margin-right: 5px;}
.underPicText, .overPicText {color: #000000; padding: 0; width: auto;}
.overPicText {margin: 0 0 5px 0; width: max-content; height: 10px; font-size: 0.6em;}
.underPicText {margin: 3px 0 0 0; background-color: #fff; padding: 3px; border: solid 1px #000; line-height: 1.3em !important; width: max-content; position: relative; top: 0px; font-size: 0.5em;}
.cartButton {padding: 0px 7px 0 0; -webkit-filter: invert(1); filter: invert(1); position: relative; top: -16px; left: 20px; display: block;}
.cartImg {border:none; height: 20px; width: 20px; cursor: pointer;}
#addToCart, #deleteFromWall {margin: 0; padding: 0;}
#ddHead-Sent {font-size: 0.7em; color: #fff; margin: 5px 0 0 0;}
#changeBack {font-size: 0.6em; font-weight: bold; color: #fff; text-transform: uppercase; display:block;}
.backOptions {display: inline-block; font-size: 0.67em; text-transform: uppercase; margin: 0 7px 0 0; color: #FFF; font-weight: bold;}
#hideCaptions, #hideAllLabels, #restoreHiddenSizes {color: #bbb; font-style: oblique;}
.hide {display: none;}

/* October 2019 UPDATE.  Must multiply all original sizing before november 2019 by 0.535 -- originals were sized at 1pixel = 1inch. nov2019 sizes are 1 = 0.535 * 1px */
	/* framed style classes */
	
	.TPC08-MQ, .TPC08-WQ, .TPC12-MQ, .TPC12-WQ, .TPC17-MQ, .TPC17-WQ, .TPC22-MQ, .TPC22-WQ, .TPC27-MQ, .TPC27-WQ, .TPC32-MQ, .TPC32-WQ, .TPC37-MQ, .TPC37-WQ, .TPC42-MQ, .TPC42-WQ, .TPC1722-HMW, .TPC2232-HMW, .TPC2737-HMW, .TPC3242-HMW, .TPC3752-HMW, .TPC3757-HMW, .TPC4262-HMW, .TPC1722-VMW, .TPC2232-VMW, .TPC2737-VMW, .TPC3242-VMW, .TPC3752-VMW, .TPC3757-VMW, .TPC4262-VMW, .TPC2252MPAN, .TPC2252WPAN, .TPC2757MPAN, .TPC2757WPAN, .TPC3262MPAN, .TPC3262WPAN, .TPC4284MPAN, .TPC4284WPAN, .TPC4284PANW {background-color: #fff; box-shadow: -1px 0px 6px 3px #0000001a;}
	
	
	
	.TPC08-MQ, .TPC08-WQ {width:28px; height: 28px; padding: 6px; border: 4px solid #000;}
	.TPC12-MQ, .TPC12-WQ {width:38px; height: 38px; padding: 7px; border: 7px solid #000;}
	.TPC17-MQ, .TPC17-WQ {width:66px; height: 66px; padding: 7px; border: 7px solid #000;}
	.TPC22-MQ, .TPC22-WQ {width:88px; height: 88px; padding: 9px; border: 7px solid #000;}
	.TPC27-MQ, .TPC27-WQ {width:112px; height: 112px; padding: 9px; border: 7px solid #000;}
	.TPC32-MQ, .TPC32-WQ {width:136px; height: 136px; padding: 10px; border: 7px solid #000;}
	.TPC37-MQ, .TPC37-WQ {width:163px; height: 163px; padding: 10px; border: 7px solid #000;}
	.TPC42-MQ, .TPC42-WQ {width:190px; height: 190px; padding: 10px; border: 7px solid #000;}

	.TPC1722-HMW {width:88px; height: 66px; padding: 7px; border: 7px solid #000;}
	.TPC2232-HMW {width:137px; height: 89px; padding: 8px; border: 7px solid #000;}
	.TPC2737-HMW {width:163px; height: 112px; padding: 10px; border: 7px solid #000;}
	.TPC3242-HMW {width:190px; height: 136px; padding: 10px; border: 7px solid #000;}
	.TPC3752-HMW {width:244px; height: 163px; padding: 10px; border: 7px solid #000;}
	.TPC3757-HMW {width:271px; height: 163px; padding: 10px; border: 7px solid #000;}
	.TPC4262-HMW {width:297px; height: 190px; padding: 10px; border: 7px solid #000;}
	
	.TPC1722-VMW {width:66px; height: 88px; padding: 7px; border: 7px solid #000;}
	.TPC2232-VMW {width:89px; height: 137px; padding: 8px; border: 7px solid #000;}
	.TPC2737-VMW {width:112px; height: 163px; padding: 10px; border: 7px solid #000;}
	.TPC3242-VMW {width:136px; height: 190px; padding: 10px; border: 7px solid #000;}
	.TPC3752-VMW {width:163px; height: 244px; padding: 10px; border: 7px solid #000;}
	.TPC3757-VMW {width:163px; height: 271px; padding: 10px; border: 7px solid #000;}
	.TPC4262-VMW {width:190px; height: 297px; padding: 10px; border: 7px solid #000;}
	
	.TPC2252MPAN, .TPC2252WPAN {width: 244px; height:83px; padding:10px; border: 7px solid #000;}
	.TPC2757MPAN, .TPC2757WPAN {width: 270px; height:109px; padding:10px; border: 7px solid #000;}
	.TPC3262MPAN, .TPC3262WPAN {width: 296px; height:136px; padding:10px; border: 7px solid #000;}
	.TPC4284MPAN, .TPC4284WPAN, .TPC4284PANW {width: 407px; height: 182px; padding: 16px; border: 7px solid #000;}


	
	.TPC12-VQ {width:54px; height: 54px; padding: 0px; border: 6px solid #999;}
	.TPC17-VQ {width:82px; height: 82px; padding: 0px; border: 6px solid #999;}
	.TPC22-VQ {width:108px; height: 108px; padding: 0px; border: 6px solid #999;}
	.TPC27-VQ {width:133px; height: 133px; padding: 0px; border: 6px solid #999;}
	.TPC32-VQ {width:158px; height: 158px; padding: 0px; border: 6px solid #999;}
	.TPC37-VQ {width:185px; height: 185px; padding: 0px; border: 6px solid #999;}
	.TPC42-VQ {width:212px; height: 212px; padding: 0px; border: 6px solid #999;}
	.TPC47-VQ {width:241px; height: 241px; padding: 0px; border: 6px solid #999;}

	.TPC1722-HV {width:107px; height:80px; padding:0px; border: 6px solid #999;}
	.TPC2232-HV {width:160px; height:107px; padding:0px; border: 6px solid #999;}
	.TPC2737-HV {width:187px; height:134px; padding:0px; border: 6px solid #999;}
	.TPC3242-HV {width:214px; height:160px; padding:0px; border: 6px solid #999;}
	.TPC3752-HV {width:267px; height:187px; padding:0px; border: 6px solid #999;}
	.TPC3757-HV {width:294px; height:187px; padding:0px; border: 6px solid #999;}
	.TPC4262-HV {width:321px; height:214px; padding:0px; border: 6px solid #999;}
	.TPC4762-HV {width:321px; height:241px; padding:0px; border: 6px solid #999;}
	
	.TPC1722-VV {height:107px; width:80px; padding:0px; border: 6px solid #999;}
	.TPC2232-VV {height:160px; width:107px; padding:0px; border: 6px solid #999;}
	.TPC2737-VV {height:187px; width:134px; padding:0px; border: 6px solid #999;}
	.TPC3242-VV {height:214px; width:160px; padding:0px; border: 6px solid #999;}
	.TPC3752-VV {height:267px; width:187px; padding:0px; border: 6px solid #999;}
	.TPC3757-VV {height:294px; width:187px; padding:0px; border: 6px solid #999;}
	.TPC4262-VV {height:321px; width:214px; padding:0px; border: 6px solid #999;}
	.TPC4762-VV {height:321px; width:241px; padding:0px; border: 6px solid #999;}

	.TPC2252VPAN {width:267px; height:107px; padding:0px; border: 6px solid #999;}
	.TPC2757VPAN {width:294px; height:134px; padding:0px; border: 6px solid #999;}
	.TPC3262VPAN {width:321px; height:160px; padding:0px; border: 6px solid #999;}


	.TPC18-CQ {width: 96px;height: 96px;}
	.TPC20-CQ {width:107px;height:107px;}
	.TPC22-CQ {width:118px;height:118px;}
	.TPC24-CQ {width:128px;height:128px;}
	.TPC28-CQ {width:150px;height:150px;}
	.TPC32-CQ {width:171px;height:171px;}
	.TPC36-CQ {width:193px;height:193px;}
	.TPC40-CQ {width:214px;height:214px;}
	.TPC44-CQ {width:235px;height:235px;}
	.TPC48-CQ {width:257px;height:257px;}
	.TPC54-CQ {width:289px;height:289px;}
	.TPC60-CQ {width:321px;height:321px;}
	
	
	
	.TPC2030HZCV {width: 161px; height: 107px;}
	.TPC2430HZCV {width: 161px; height: 128px;}
	.TPC2436HZCV {width: 193px; height: 128px;}
	.TPC3040HZCV {width: 214px; height: 161px;}
	.TPC3045HZCV {width: 241px; height: 161px;}
	.TPC3648HZCV {width: 257px; height: 193px;}
	.TPC3654HZCV {width: 289px; height: 193px;}
	.TPC4050HZCV {width: 268px; height: 214px;}
	.TPC4060HZCV {width: 321px; height: 214px;}
	.TPC4860HZCV {width: 321px; height: 257px;}
	.TPC4872HZCV {width: 386px; height: 257px;}
	.TPC6072HZCV {width: 386px; height: 321px;}
	.TPC6084HZCV {width: 449px; height: 321px;}
	
	.TPC2030VTCV {height: 161px; width: 107px;}
	.TPC2430VTCV {height: 161px; width: 128px;}
	.TPC2436VTCV {height: 193px; width: 128px;}
	.TPC3040VTCV {height: 214px; width: 161px;}
	.TPC3045VTCV {height: 241px; width: 161px;}
	.TPC3648VTCV {height: 257px; width: 193px;}
	.TPC3654VTCV {height: 289px; width: 193px;}
	.TPC4050VTCV {height: 268px; width: 214px;}
	.TPC4060VTCV {height: 321px; width: 214px;}
	.TPC4860VTCV {height: 321px; width: 257px;}
	.TPC4872VTCV {height: 386px; width: 257px;}
	.TPC6072VTCV {height: 386px; width: 321px;}
	.TPC6084VTCV {height: 449px; width: 321px;}


	.TPC2460PANCV {width:321px;height:128px;}
	.TPC3075PANCV {width:401px;height:161px;}
	.TPC3690PANCV {width:482px;height:193px;}
	.TPC4096PANCV {width:514px;height:214px;}
	
	
.TPC18-CQ,.TPC20-CQ,.TPC22-CQ,.TPC24-CQ,.TPC28-CQ,.TPC32-CQ,.TPC36-CQ,.TPC40-CQ,.TPC44-CQ,.TPC48-CQ,.TPC54-CQ,.TPC60-CQ,
.TPC2030HZCV,.TPC2430HZCV,.TPC2436HZCV,.TPC3040HZCV,.TPC3045HZCV,.TPC3648HZCV,.TPC3654HZCV,.TPC4050HZCV,.TPC4060HZCV,.TPC4860HZCV,.TPC4872HZCV,.TPC6072HZCV,.TPC6084HZCV,
.TPC2030VTCV,.TPC2430VTCV,.TPC2436VTCV,.TPC3040VTCV,.TPC3045VTCV,.TPC3648VTCV,.TPC3654VTCV,.TPC4050VTCV,.TPC4060VTCV,.TPC4860VTCV,.TPC4872VTCV,.TPC6072VTCV,.TPC6084VTCV,
.TPC2460PANCV, .TPC3075PANCV, .TPC3690PANCV, .TPC4096PANCV {box-shadow:0px 0px 9px black;}

/* PRINT ONLY CLASSES */

.TPC88POQ     {width: 43px;  height: 43px;}
.TPC1010POQ,.TPC1010POP {width: 54px;  height: 54px;}
.TPC1212POQ,.TPC1212POP {width: 64px;  height: 64px;}
.TPC1616POQ,.TPC1616POP {width: 87px;  height: 87px;}
.TPC1818POQ,.TPC1818POP {width: 96px;  height: 96px;}
.TPC2020POQ,.TPC2020POP {width: 107px; height: 107px;}
.TPC2424POQ,.TPC2424POP {width: 128px; height: 128px;}
.TPC2828POQ,.TPC2828POP {width: 150px; height: 150px;}
.TPC3030POQ,.TPC3030POP {width: 161px; height: 161px;}
.TPC3232POQ,.TPC3232POP {width: 171px; height: 171px;}
.TPC3636POQ,.TPC3636POP {width: 193px; height: 193px;}
.TPC3838POP             {width: 203px; height: 203px;}
.TPC4040POQ,.TPC4040POP {width: 214px; height: 214px;}
.TPC4444POQ,.TPC4444POP {width: 235px; height: 235px;}
.TPC4848POQ,.TPC4848POP {width: 257px; height: 257px;}
.TPC5252POQ {width: 279px; height: 279px;}
.TPC5454POQ {width: 289px; height: 289px;}
.TPC5656POQ {width: 300px; height: 300px;}
.TPC6060POQ {width: 321px; height: 321px;}
.TPC6464POQ {width: 342px; height: 342px;}

.TPC57POHZ   {width: 37px;  height: 27px;}
.TPC810POHZ  {width: 54px;  height: 43px;}
.TPC1114POHZ,.TPC1411POP {width: 75px;  height: 59px;}
.TPC1812POP              {width: 96px; height: 64px;}
.TPC1620POHZ,.TPC2016POP {width: 107px; height: 87px;}
.TPC1824POHZ,.TPC2418POP {width: 128px; height: 96px;}
.TPC2030POHZ,.TPC3020POP {width: 161px; height: 107px;}
.TPC2436POHZ,.TPC3624POP {width: 193px; height: 128px;}
.TPC3040POHZ,.TPC4030POP {width: 214px; height: 161px;}

.TPC4532POP {width: 241px; height: 171px;}
.TPC4836POP {width: 257px; height: 193px}

.TPC3654POHZ {width: 289px; height: 193px;}
.TPC4050POHZ,.TPC5040POP {width: 268px; height: 214px;}
.TPC4060POHZ,.TPC6040POP {width: 321px; height: 214px;}

.TPC6448POP {width: 342px; height: 257px;}

.TPC4860POHZ {width: 321px; height: 257px;}
.TPC4466POHZ {width: 353px; height: 235px;}
.TPC4872POHZ,.TPC7248POP {width: 385px; height: 257px;}
.TPC5472POHZ {width: 385px; height: 289px;}

.TPC8448POP {width: 449px; height: 257px;}

.TPC5484POHZ {width: 449px; height: 289px;}
.TPC6084POHZ {width: 449px; height: 321px;}
.TPC6496POHZ {width: 514px; height: 342px;}

.TPC9648POP {width: 514px; height: 257px;}



.TPC57POVT   {width: 27px;  height: 37px;}
.TPC810POVT  {width: 43px;  height: 54px;}
.TPC1114POVT,.TPC1114POP {width: 59px;  height: 75px;}
.TPC1620POVT,.TPC1620POP {width: 87px;  height: 107px;}
.TPC1218POP              {width: 64px; height: 96px;}
.TPC1824POVT,.TPC1824POP {width: 96px;  height: 128px;}
.TPC2030POVT,.TPC2030POP {width: 107px; height: 161px;}
.TPC2436POVT,.TPC2436POP {width: 128px; height: 193px;}
.TPC3040POVT,.TPC3040POP {width: 161px; height: 214px;}

.TPC3245POP {width: 171px; height: 241px;}
.TPC3648POP {width: 193px; height: 257px;}

.TPC3654POVT {width: 193px; height: 289px;}
.TPC4050POVT,.TPC4050POP {width: 214px; height: 268px;}
.TPC4060POVT,.TPC4060POP {width: 214px; height: 321px;}

.TPC4864POP {width: 257px; height: 342px;}

.TPC4860POVT {width: 257px; height: 321px;}
.TPC4466POVT {width: 235px; height: 353px;}
.TPC4872POVT,.TPC4872POP {width: 257px; height: 385px;}
.TPC5472POVT {width: 289px; height: 385px;}

.TPC4884POP {width: 257px; height: 449px;}

.TPC5484POVT {width: 289px; height: 449px;}
.TPC6072POVT {width: 321px; height: 385px;}
.TPC6084POVT {width: 321px; height: 449px;}
.TPC6496POVT {width: 342px; height: 514px;}

.TPC4896POP {width: 257px; height: 514px;}

.TPC1844POP  {width: 235px;  height: 96px;}
.TPC2460POP  {width: 321px;  height: 128px;}
.TPC3075POP  {width: 401px;  height: 161px;}
.TPC3690POP  {width: 482px;  height: 193px;}
.TPC48120POP {width: 642px;  height: 257px;}
.TPC54136POP {width: 728px;  height: 289px;}
.TPC60150POP {width: 803px;  height: 321px;}
.TPC64160POP {width: 856px;  height: 342px;}

.TPC4016POP {width: 214px; height: 86px;}
.TPC4820POP {width: 257px; height: 107px;}
.TPC6024POP {width: 321px; height: 128px;}
.TPC7530POP {width: 401px; height: 161px;}
.TPC9036POP {width: 482px; height: 193px;}

@media only screen and (min-width: 360px){ 
	.sec1 {width: 0px; height: auto;}
	.sec2 {width: 100%; height: auto; text-align: center;}
	.sec3, .sec4 {width: 18%; height: auto;}
	.sec5 {width: 100%; margin: 0; height: auto; text-align: center; position: fixed; bottom: calc(0% + 10px); background-color: #00000085;}
}
@media only screen and (min-width: 1024px){
	.sec1 {width: 0px; height: auto; float: left;}
.sec2 {width: 100%; height: auto;}
.sec3, .sec4 {width: 18%; height: auto; float: left;}
.sec5 {width: 100%; margin: 0; height: auto; } 
}
