/*  NEW PAGE-PER-IMAGE SYSTEM  */

	/* OE / LE GALLERY INDEX PAGE Styling */
#topText	{float:left;width:85%;margin:0 0 0 10%;}
#logoImgs	{width:430px;height:43px;margin:10px auto;}
#ppLogo		{display:inline;margin:0 0 6px 100px;}
#secMet		{display:inline;}
#freeShip	{width:100%;font-weight:bold;text-align:center;color:#f00;}
#commLic	{margin:8px 0;}
#find		{float:left;width:210px;color:#000;line-height:22px;margin:10px 10px 10px 0;font-size:110%;border:5px solid #999;border-radius:3px;}
#thumbsArray	{float:left;margin-bottom:50%;}
.ta		{float:left;width:225px;height:220px;margin:0 10px 10px 0;border:1px solid #888;text-align:center;}
.ta img		{margin-top:10px; border:1px solid #ccc; }
.ta:hover	{box-shadow: 5px 5px 4px #999;cursor:pointer;}


	/* GALLERY PAGES Styling */
#container 	{width:99.5%;min-width:320px;max-width:1300px;height:100%;margin:0 auto;}
#container 	{font-size:17px;font-family:verdana,arial;color:#4c4c4c;}
img		{max-width:100%;border:none;}
#header 	{width:98%;margin:0 auto;text-align:center;margin-top:70px;}
#mainLogo	{display:block;} /* full logo */
#foneLogo	{display:none;}  /* simple phone logo */
#header img 	{margin:0 0 26px 50px;}
#header h1, #header a
	{margin:-25px 0 0 0;font-family:'times new roman';color:#ff8c00;font-size:125%;letter-spacing:1px;font-weight:bold;}
#header a	{text-decoration:none;}
#pageContent	{float:left;width:99.8%;border:1px solid #b00000;border-top:1px solid #fff;}
#pageContent	{background:#fff url(images/LOGO_BG_2.jpg) 0 20px no-repeat;background-size:contain;}
#content	{float:left;width:94%;margin:12% 0 200px 3%;clear:both;height:100%;}
#subcontent	{float:right;width:85%;margin:57px 5% 0;}

	/* PAGE CONTENT */
#displayBox	{float:left;width:100%;min-width:560px;margin:30px auto 0 auto;}
#imgCol		{float:left;width:60%;min-height:625px;margin-right:10px;}
#zooms		{width:100%;height:30px;text-align:center;}
#imgBox		{float:left;width:100%;min-height:626px;margin:6px 0 0;text-align:center;border:1px solid #666;}
#inftxt 	{text-align:left;}
#inftxt h2	{font-family:nunito;text-align:left;}
.copy		{text-align:center;font-family:arial;font-size:10pt;color:#ff5900;}
.showtxt	{width:90%;margin:10px auto 0;}
#infoCol	{float:left;width:38%;min-height:665px;text-align:center;}
.title1		{font-family:nunito;text-align:center;color:#555;font-size:180%;}
.title2		{text-align:center;color:#555;font-size:100%;}
#infobox	{margin:30px 0 10px 20px;color:#555;font-size:100%;}
#infobox div	{height:30px;text-align:left;}
#infobox #ed	{text-indent:42px;text-align:left;}
#infobox #odr	{text-indent:49px;text-align:left;}
#infobox #descr	{float:left;width:108px;text-align:right;}
#infobox #cost	{float:left;margin-left:14px;color:#ff5900;font-size:100%;}
#infobox #pp	{float:left;margin-left:10px;}
#infobox #szeI	{text-indent:42px;clear:left;}
#infobox #szeM	{text-indent:120px;margin-top:-5px;}
.data1, .data8	{color:#ff5900;font-size:100%;}
#infocart	{float:left;width:98%;height:40px;margin:20px 1%;text-align:center;font-size: 120%;}
#located 	{border:none;}
#located select {font-size:90%;width:160px;}
#viewcart	{width:100%;height:30px;margin:20px 0 50px 0;text-align:center;}
a:hover		{color:#ff0000;}
#cart		{height:24px;margin-top:3%;text-align:center;}
#iconblock 	{width:80%;text-align:left;margin:0 10%;color:#ff5900;font-size:90%;}
.minIcon	{float:left;width:46%;height:35px;margin:0 2%;text-decoration:none;cursor:pointer;border:1px solid #aaa;}
.minIcon:hover	{text-decoration:none;}
.minIcon div	{width:20px;line-height:20px;display:inline-block;margin:5px 10px 10px 4px;background:#fff;border:1px solid #f00;text-align:center;color:#b00000;font-weight:bold;font-size:130%;font-family:times;font-style:italic;vertical-align:middle;}
#ccflags	{height:40px;width:100%;margin:120px 0 30px;text-align:center;}
.noCard		{color:#ff5900;font-family:arial;font-size:90%;text-decoration:underline;}
.noCard		{display:block;}
.soldout	{font-size:250%;font-family:times,'times new roman';text-align:center;}
#licence	{margin-top:30px;border-top:1px solid grey;padding-top:10px;}
.oneBtnGrey 	{width:150px;margin:5px auto;}
.gotoIndex 	{width:150px;line-height:25px;margin:0 auto 40px;background-color:#eee;border:1px solid #888;color:#888;text-align:center;padding:1px 20px;text-decoration:none;font-family:arial;font-size:90%;font-weight:normal;}
.gotoIndex:hover{background-color:#fff;text-decoration:none;cursor:pointer;}
.red12b		{color:#f00;font-size:12pt;font-weight:bold;}
.red12		{color:#f00;font-size:12pt;}
.red8b		{font-size:8pt;font-weight:bold;color:#f00;}

		/* LE PAGES content */
#options	{background-color:#fcdbdb;border-bottom:1px solid #7c0000}
#optList	{width:100px;height:60px;margin:20px auto 0;border:1px solid #b00000;background-color:#ffffff;color:#b00000;font-size:9pt;text-align:center;}
.infoblk	{float:left;width:130px;margin-top:10px;}
.view3		{background-color:#ffffff;border:0;color:#ff5900;font-size:8pt;text-align:center;cursor:pointer;}
.view3:hover	{background-color:#fcdbdb;}
.view3-hover	{background-color:#fcdbdb;border:0;color:#ff5900;font-size:8pt;text-align:center;cursor:pointer;}
.view3off	{background-color:#fff;cursor:default;font-size:8pt;}
#optbox		{margin:10px 0 20px 0;}
#options #type	{width:160px;font-family:arial;font-size:12pt;}
.ccflags	{margin:20px 0 30px;}


		/* other thumbs array */
#thumbArray	{float:left;width:100%;min-height:130px;text-align:center;margin:10px 0 0 0;background:#aaa;}
#thumbArray img	{margin-top:2px;border:3px solid #aaa;}
#thumbArray img:hover{border:3px solid #fff;}

		/* zoom buttons */
.view, .viewOff {display:inline-block;width:100px;line-height:24px;margin:0 3px 0;background-color:#fcdbdb;border:1px solid #b00000;border-radius:5px;color:#b00000;font-family:verdana;font-size:90%;text-align:center;cursor:pointer;}
.view:hover	{background-color:#fff;}
.viewOff	{background-color:#eee;color:#aaa;border:1px solid #888;}
.view2		{background-color:#ffffff;border: solid #b00000 1px;color:#b00000;font-family:verdana;font-size:9pt;text-align:center;cursor:pointer;}
.view2:hover	{background-color:#fcdbdb;}
.greyed		{background-color:#fcdbdb;border: solid #b00000 1px;color:#b89797;font-family:verdana;font-size:9pt;text-align:center;}

		/* form */
form		{margin:0;display:inline;}
.submitThis	{border: 1px solid #fff;} 
.submitThis:hover{border: 1px solid #ff5900;cursor:pointer;}
.submitThis-hover{border: 1px solid #ff5000;cursor:pointer;} /* IE fix */
.conv_gals	{border-bottom:1px dashed #ff5900;color:#ff5900;font-size:100%;text-decoration:none;}
.conv_gals:hover{color:#ff5900;text-decoration:none;}

			/* GALLERY CALLOUT styling */
#callout_gly	{position:fixed;z-index:4000;top:50%;left:50%;width:630px;height:250px;color:#b00000;font-family:verdana;font-size:10pt;border:2px solid #ff5900;background:#fff;display:none;
		-moz-box-shadow: 0px 0px 20px #333;
		-webkit-box-shadow: 0px 0px 20px #333;
		-o-box-shadow: 0px 0px 20px #333;
		-ms-box-shadow: 0px 0px 20px #333;
		box-shadow: 0px 0px 20px #333;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		-o-border-radius: 16px;
		-ms-border-radius: 16px;
		border-radius:16px;
		}
#callout_gly .hdr2	{width:250px;margin:10px 0 6px 130px;background-color:#fffff0;color:#b00000;border:1px solid #b00000;font-family:verdana;font-size:14pt;text-align:center;}
#callout_gly ul	{margin:0;color:#b00000;}
#callout_gly .bigBtn{float:left;width:200px;height:24px;margin:20px 5px 10px 5px;color:#ff5900;border:1px solid #b00000;}
#callout_gly .bigBtn a{color:#ff5900;text-decoration:none;}
#callout_gly .bigBtn:hover{background-color:#fcdbdb;}
#callout_gly .centerTxt{border:none;}
		

	/*  GLOBAL MEDIA QUERIES */
@media only screen and (max-width: 1210px) { 
  #subcontent	{float:right;width:95%;margin:8px 2% 0;}
  #zooms	{text-align:right;}
  #thumbsArray	{float:left;width:95%;margin-left:5%;}
  #inftxt img	{float:none;}
  #inftxt h2	{width:100%;margin:0;text-align:center;}
	}
@media only screen and (max-width: 1140px) { 
  #thumbsArray	{width:100%;margin-left:0;}
	}
@media only screen and (max-width: 1090px) { 
  #content	{width:99.5%;margin-left:0;}
  #subcontent	{float:left;width:95%;margin:8px 0 0 3%;}
  #pageBanner	{margin-right:2.5%;}
  #thumbsArray	{width:100%;margin-left:0;}
	}
@media only screen and (max-width: 1025px) { 
  #subcontent	{float:left;width:90%;margin:8px 0 0 5%;}
  #thumbsArray	{width:95%;margin-left:5%;}
  #imgCol	{width:50%;}
  #infoCol	{width:48%;}
  .view, .viewOff{width:18%;}
	}
@media only screen and (max-width: 980px) { 
  #iconblock 	{width:96%;}
  .minIcon	{width:80%;margin:0 10% 10px;}
  #ccflags	{display:none;}
	}
@media only screen and (max-width: 860px) { 
  #subcontent	{float:left;width:90%;margin:0 0 0 5%;}
  #thumbsArray	{width:99.5%;margin-left:0;}
  #imgCol	{width:100%;min-height:100px;}
  #infoCol	{width:60%;margin:0 20%;min-height:500px;}
  #imgCol	{width:98%;margin:0 1%;min-height:100px;}
  #imgBox	{width:100%;min-height:100px;}
  #infoCol	{width:96%;margin:0 2%;}
  #iconblock 	{width:80%;}
  .gotoIndex 	{margin:20px auto 20px;}
	}
@media only screen and (max-width: 810px) { 
  #content	{width:99.5%;margin-left:0;}
  #subcontent	{float:left;width:90%;margin-left:5%;}
	}
@media only screen and (max-width: 700px) { 
  #container, #content, #pageContent	
		{width:99.5%;}
  #subcontent	{width:99%;margin:0 1% 0 0;}
	}
@media only screen and (max-width: 650px) { 
  #pageBanner	{margin:10px 1% 0;}
  	}
@media only screen and (max-width: 600px) { 
  #displayBox	{min-width:98%;}
	}
@media only screen and (max-width: 580px) { 
  .view, .viewOff{width:18%;}
	}
@media only screen and (max-width: 420px) { 
  #container, #content, #pageContent	
		{width:99.5%;}
  #subcontent	{width:99%;}
	}