.orderzipdownloadbutton a { padding: 16px; } 
.spinner24 {
  width: 24px;
  height: 24px;
  background-color: #999;

  margin: 4px auto;
  -webkit-animation: rotateplane 1.8s infinite ease-in-out;
  animation: rotateplane 1.8s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(24px) }
  50% { -webkit-transform: perspective(24px) rotateY(180deg) }
  100% { -webkit-transform: perspective(24px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(24px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(24px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(24px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(24px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(24px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(24px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.loadingspinner {
  height: 60px;
  width: 60px;
  margin: 94px auto 0 auto;
  position: relative;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(144, 144, 144, .15);
  border-right: 6px solid rgba(144, 144, 144, .15);
  border-bottom: 6px solid rgba(144, 144, 144, .15);
  border-top: 6px solid rgba(144, 144, 144, .8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.loadingspinnersmall {
  height: 24px;
  width: 24px;
  margin:auto;
  position: relative;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(144, 144, 144, .15);
  border-right: 6px solid rgba(144, 144, 144, .15);
  border-bottom: 6px solid rgba(144, 144, 144, .15);
  border-top: 6px solid rgba(144, 144, 144, .8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

#sitemessage { padding: 16px; text-align: center; box-sizing: border-box;  width: 100%;  } 
#sitemessage p { margin-bottom: 2px; } 

.extrafieldsspacing { margin-bottom: 16px; } 
.productoptionsname { font-weight: bold; margin-bottom: 8px; } 

#photoprodsinner { max-width: 1000px; margin: auto; } 
#photobuycontainer { max-width: 800px; margin: auto; } 
blockquote {
margin: 0.25em 0;
padding: 0.25em 40px;
}

.the-icons {  font-size: 16px;  line-height: 16px;  color: #333333;  opacity: .8;  text-shadow: #FFFFFF 0px 0px 2px; }
.the-icons:hover { opacity: 1; cursor: pointer; text-decoration: none;} 
.icon-cancel-circled {padding: 4px; margin-right: 4px; } 
.icon-text { font-size: 12px; color: #333333;cursor: pointer; } 
.icon-text:hover { font-size: 12px; color: #333333;cursor: pointer; text-decoration: none; } 

.icon-heart, .icon-eye-off { color: #db0b0b;  } 

a.the-icons, a.the-icons:visited  { color:  #333333; } 
.the-icons a, .the-icons a:visited , a.the-icons, a.the-icons:visited, the-icons a:link, a.the-icons:link {  color:  #333333; } 

.the-icons-fullscreen { color: #FFFFFF; text-shadow: #000000 0px 0px 2px; } 

#slideshowaudio { background-color: #000000;position: fixed; bottom: 0; left: 4px;  z-index: 10000 } 
#slideshowaudio .the-icons { color: #FFFFFF; text-shadow: #000000 0px 0px 2px; } 

.pageshare { width: auto; text-align: center; margin: auto;} 
.pageshare ul { margin: 0px auto; padding: 0px; list-style: none; text-align: center;}
.pageshare ul li { display: inline-block; }
.pageshare .the-icons { font-size: 24px; } 
#facebookloggedin { color: #FFFFFF; background:#3b5998;  padding: 8px; width: auto; display: block; text-align: center; width: 360px; margin: auto; position: fixed; top: 0px; left :50%; margin-left: -180px;z-index: 600;display: none; } 
#facebookloggedin .the-icons { color: #FFFFFF; text-shadow: none; } 

#facebooklogin a { color: #FFFFFF; background:#3b5998;  padding: 8px; width: auto; display: block; text-align: center; max-width: 400px; margin: auto; box-sizing: border-box; } 
#facebooklogin a:hover { background: #6d84b4; } 
#facebooklogin a .the-icons { color: #FFFFFF; text-shadow: none; } 
#ssheader { 
	background: #FAFAFA;
	border-top: solid 1px #EDEDED;
	border-bottom: solid 1px #EBEBEB;
	 position: fixed; width: 100%;  left:0; top: 0; z-index:30; display: none; display: none;  display: none;
}
#ssheaderinner { 
	width: 98%;
	max-width: 1600px;
	margin: auto;
	color: #969696;
	font-family: 'Poppins', Arial;
	font-size: 13px;
	position: relative;
	z-index: 33;
}

#ssheaderinner a { color: #9C9C9C;  text-decoration: none; } 
#ssheaderinner a:hover { color: #000000;  text-decoration: underline;  } 


#ssheaderinner #photomenu .the-icons {
  font-size: 24px;
  line-height: 16px;
  color: #9C9C9C;
 padding: 4px;
 margin-right: 4px;
 text-shadow: #FAFAFA 0px 0px 2px;
}
#ssheaderinner #photomenu .the-icons:hover { color: #000000; cursor: pointer; } 
#ssheaderinner #photomenu .icon-text { font-size: 12px;color: #9C9C9C; cursor: pointer; } 
#ssheaderinner #photomenu .icon-text:hover { color: #000000; cursor: pointer; } 


#ssheaderinner .favoritesviewing .the-icons, #photographerfavoritefull .the-icons {
  font-size: 12x;
  line-height: 8px;
  color: #9C9C9C;
 text-shadow: #FAFAFA 0px 0px 2px;
}

.photo-nav { font-size: 60px; } 
#ssNextPhoto {   opacity: .6; display: none; cursor: pointer; }
#ssPrevPhoto { opacity: .6; display: none; cursor: pointer; }
#ssClose { position: absolute; right: 4px; top: 4px;   z-index: 30; display: none; font-size: 48px; }
#ssClose:hover { opacity: 1; } 
#ssNextPhoto:hover { opacity: 1; } 
#ssPrevPhoto:hover { opacity: 1; } 
#ssPlay {  width: 200px; height: 55px; display: block; margin: auto; text-align: center;}
#ssPause { width: 200px; height: 55px; display: block; margin: auto;  text-align: center;}
#ssPlay:hover { opacity: 1; } 
#ssPause:hover { opacity: 1; } 
#controls {  background: transparent url('/sy-graphics/clear.gif')repeat; display: none;} 
#controls { 
	display: none; 
	color: #FFFFFF;
} 
#controls a { 
	color: #FFFFFF;
} 
.pagephotostoreactions { display: none; } 

html  {
		background-color: #FFFFFF;
						background: #FFFFFF url('/sy-graphics/backgrounds/subtlepatterns/subtle_grunge.png') repeat ;
					-webkit-font-smoothing: antialiased;
}

html, body {
		background-color: #FFFFFF;
						background: #FFFFFF url('/sy-graphics/backgrounds/subtlepatterns/subtle_grunge.png') repeat ;
					height: 100.1%;
	margin : 0; 
	padding : 0; 
	border : 0; 
		color : #050505; 
	
	font-family : 'Poppins',Arial,Verdana,sans-serif; 
	font-size: 16px; 
	font-weight: 400;
	letter-spacing: 0px; 

}

* {margin: 0;} 
png { border: none; } 

.center { text-align: center; } 
.left { float: left; } 
.right { float: right; } 
.cssClear, .clear { clear:both;font-size: 0px;line-height: 0px; width: 0px; height: 0px; }
.hide { display: none; } 
.textright { text-align: right; } 
.textleft { text-align: left; } 
.field100 { width: 97%;}
.padtopbottom { padding: 2px 0; } 
.reg,.normal { font-size: 13px; } 
p { margin: 0 0 16px 0; } 
.bold { font-weight: bold; } 
.large1 { font-size: 21px; } 
.large2 { font-size: 17px; } 
.from_message_to { display: none; } 
.contactformfields { margin-bottom: 16px; } 
.showsmall { display: none; } 
.p5 { width: 5%; } 
.p10 { width: 10%; } 
.p15 { width: 15%; } 
.p20 { width: 20%; } 
.p25 { width: 25%; } 
.p30 { width: 30%; } 
.p33 { width: 33.33333%; } 
.p35 { width: 35%; } 
.p40 { width: 40%; } 
.p45 { width: 45%; } 
.p50 { width: 50%; } 
.p55 { width: 55%; } 
.p60 { width: 60%; } 
.p65 { width: 65%; } 
.p70 { width: 70%; } 
.p75 { width: 75%; } 
.p80 { width: 80%; } 
.p85 { width: 85%; } 
.p90 { width: 90%; } 
.p95 { width: 95%; } 
.p100 { width: 100%; } 

.pointer { cursor: pointer; } 
.move { cursor: move; } 
.width100 { width: 100%; max-width: 1568px; margin: auto;  } 

.cartonsale { font-style: italic; opacity: .7; font-size: .8em } 

.hiddenphoto { opacity: .25 !important; } 
#hidden-full-photo { position: absolute; padding: 8px; background: rgba(255,255,255,.8); color: #000000; text-align: center; size: 21px; margin: 8px auto; display: none; } 
.photographerfavorite {  position: absolute; top: 4px; left: 4px; color: #FCF0A6; text-shadow: 0px 0px 1px #a15B00; } 
.hidesidebar { 
	display: none !important;
}
.hidesidebarmain { 
	width: 100% !important;
}

.packagemore { cursor: pointer; } 

.registryamount { font-size: 21px; } 

#giftcertificatecontainer { max-width: 480px; margin: auto; } 

#viewcartminilinks a  {
	background: #000000; border: solid 1px #000000;color: #FFFFFF!important; display: block; padding: 8px; text-align: center; margin-bottom: 8px;
} 

#viewcartminilinks a:hover {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF!important;
}


.addcartbutton { 
	padding: 4px; 
	display: inline-block;
	margin-right: 8px;
	background: #000000;
	border: solid 1px #000000;
	border-radius: 2px;
	text-shadow: none; 
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
}
.addcartbutton:hover {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
	cursor: pointer; 
}

img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	-webkit-user-select:none; 
	-webkit-touch-callout:none;
	user-select: none; 
}

.phototag { margin: 0 60px 0px 0; font-size: 17px; line-height: 60px; white-space:nowrap; float: left;} 
#pagephotosearch { float: right; } 

@media (max-width: 800px) {
	#pagephotosearch { float: none; } 
}


.gallerysearchinput  {
	display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;
    vertical-align: top;
    font-size:17px; 
    font-weight:400; 
    width:100%;
    margin:0;
	box-sizing:border-box; 

}
.gallerysearchsubmit {
	display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;
    vertical-align: top;
    font-size:17px; 
    font-weight:400; 
    margin:0;
	box-sizing:border-box; 
	float: right;
}


#gototop {  position:fixed; bottom:8px;  right: 8px;  z-index: 2; display: none; cursor: pointer; } 
#bgFadeContainer { position: fixed; width: 100%; height: 100%; top: 0; left: 0;  z-index: 0; } 
#page-wrapper { 
min-height: 100%;
z-index: 2;
position: relative;
}
#page-wrapper-inner {  }


.headerheight { height: 125px;  } 
.headerheightmobile { height: 0px; } 


#headerAndMenu { 
	position: relative;
	vertical-align: bottom; 
	z-index: 5;
 color: #030303; 
	 		width: 100%; 
	 margin: auto;
box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.4) ;} 
#headerAndMenuInner { 
	
}
#headerContainer {
	float: left;
	width: auto;
	 margin-left: auto; margin-right: auto;
color: #030303; 

	 	text-align: center;
}
.mobileheaderbg { background-color: rgba(,,,1.00); } 

#header {
	width: auto;

	 margin-left: auto; margin-right: auto;
	 
	 	text-align: center;
}

#header .inner {  padding-left: 100px; padding-right: 100px; padding-top: 0px; padding-bottom: 0px;font-family:'Poppins'; font-size:40px; 
}
#header img {
	display: inline;
}
.headerName {
	font-size: 40px;
	font-weight: bold;
	padding: 6px;
}

#menucontainerouter { 
 	position: relative; width:100%; 
	float: right;
} 

/* ################################################ PHOTO PRODUCTS ############################################################### */

.productviewname, .productviewprice, .productviewqty { padding: 8px 0px; box-sizing: border-box; text-align: center;} 

#croptabs { text-align: center; margin: 12px 0 ;} 
#croptabs .tab { 
	padding: 8px;
	margin-right: 8px;
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	cursor: pointer;
}
#croptabs .tab:hover { 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
}
#croptabs .tabon {
	padding: 8px;
	margin-right: 8px;
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
 } 


.discount { display: none; background: #FFFFFF;  border: solid 1px #FFFFFF; position: absolute; box-shadow: 0 0 4px rgba(0,0,0,.4); z-index: 4;width: 250px; right: 16px; } 
.discount .inner { padding: 8px; } 
.proddiscount { display: none; background: #FFFFFF;  border: solid 1px #FFFFFF; position: absolute; box-shadow: 0 0 4px rgba(0,0,0,.4); z-index: 4;width: 250px; } 
.proddiscount .inner { padding: 8px; } 

#enlargephoto  { display: none; position: absolute; z-index: 200; box-shadow: 0 0 8px rgba(0,0,0,.5); } 


#photoprods, #photocrop, #photopackagecontainer  { display: none; background: #FFFFFF; width: 100%; max-width: 800px; left: 50%; margin-left: -400px; border: solid 1px #FFFFFF; position: absolute; z-index: 301; box-shadow: 0 0 8px rgba(0,0,0,.5); } 

#photoproductsnexttophotobg { display: none; position: fixed;  right: 0; top: 0; width: 28%; float: right; background: #FFFFFF; height:100%;   z-index: 19; } 
#photoproductsnexttophoto { display: none; position: relative;  right: 0; top: 0; width: 28%; float: right; background: #FFFFFF; height:100%;   z-index: 20; } 
#photoproductsnexttophoto .inner { padding: 16px 24px; height:100%; } 
.photowithproducts{ width: 72%; float: left; }
.ssheaderwithproducts { width: 72% !important;  position: relative; }


#photocrop { z-index: 400; } 
#loading { width:300px; position: fixed; left: 50%; margin-left: -174px; padding: 24px; text-align: center; top: 40%; display: none; z-index: 500;
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
 } 

 #closebuyphototab { position: fixed; left: 0;width: 100%; text-align: center; top: 0; display: none; z-index: 1200;
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
 } 
#closebuyphototab .inner { padding: 12px; } 
#paymentdiv .inner { padding: 24px; width: 100%; max-width: 600px; margin: auto; } 
 #photoprodsinner { padding: 24px; } 
 #photocropinner { padding: 16px; } 

#singlephotopackagetab {   display: none; padding: 8px 0;} 

#termsandconditions  { display: none; background: #FFFFFF; width: 800px; left: 50%; margin-left: -400px; border: solid 1px #FFFFFF; position: absolute; z-index: 500; box-shadow: 0 0 8px rgba(0,0,0,.5); } 
 #termsandconditionsinner { padding: 24px; } 

#afftermsandconditions  { display: none; background: #FFFFFF; width: 800px; left: 50%; margin-left: -400px; border: solid 1px #FFFFFF; position: absolute; z-index: 500; box-shadow: 0 0 8px rgba(0,0,0,.5); margin-bottom: 24px;} 
 #afftermsandconditionsinner { padding: 24px; } 

#commentsbackground { 
  width:100%;
  height:100%;
  min-height: 100%;
	background-color: #000000;
  opacity:0.90;
  overflow: hidden;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
	display: none;
  z-index: 200;
}


#commentscontainer  {  background: #FFFFFF;   } 

.commentsshowpage { display: block; margin: auto;  max-width: 800px; width: 100%; } 
.commentsshowwindow { position: absolute; width: 80%; left: 50%; margin-left: -40%; z-index: 500; box-shadow: 0 0 24px rgba(0,0,0,.6);  border: solid 1px #FFFFFF; margin-bottom: 50px; } 

 #commentscontainerinner { padding: 24px; } 

.commentstab { 
	position: fixed;
	bottom: 0;
	left: 15%;
	padding: 8px;
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	cursor: pointer;
}


.salestrikethrough { text-decoration: line-through; opacity: .3; } 
.groupdescr, .group_sale_message, .listmessage, .listsalemessage { padding: 4px 16px; box-sizing: border-box; } 


#photopackageinner { padding: 16px; } 
#photopackagetab {  display: none; text-align: center; padding: 8px 0;} 

#addonephoto { 
	padding: 12px; 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
} 
#addonephoto:hover { 
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
}
#addonephoto .the-icons { color: #FFFFFF; text-shadow: none; } 

#grouptabs { margin: 0 0 8px 0; text-align: center;  } 
#grouptabs .tab { 
	display: inline-block;
	padding: 6px 4px;
	margin: 0px 4px 8px 4px;
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	cursor: pointer;
}
#grouptabs .tab:hover { 
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
}
#grouptabs .tabon {
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
 } 


.pricegroupingtitle {
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	box-sizing: border-box;
	padding: 8px 16px;
	margin: 8px 0px;
} 

#specialdateselect { margin-top: 16px; } 
#specialdateselect .tab { 
	display: inline-block;
	padding: 6px;
	margin: 0px 0px 8px 0px;
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	cursor: pointer;
	width: 100%; 
	box-sizing: border-box;
}
#specialdateselect .tab:hover { 
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
}
#specialdateselect .tabon {
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
	width: 100%; 
	box-sizing: border-box;
 } 


.underlineonly { 
	border-bottom: 1px solid #F0F0F0;
	padding: 12px 8px; 
	margin: 0px 0px  8px 0px;
} 
.nounderlineonly { 
	padding: 12px 8px; 
	margin: 0px 0px  8px 0px;
} 
.flyout { position: absolute; display:none} 

.addtocartqty { padding: 4px; width: 24px; } 
.adjustqty .the-icons { font-size: 12px;} 

.collectionpreviewdescription { font-size: 12px; } 
.nophotopackage { width: 100%; } 
.packageproducts { width: 60%; float: right; } 
.photoprod .name { width: 65%; float: left; font-weight: 600;} 
.photoprod .namenooptions { width: 65%; float: left; font-weight: 600;} 
.photoprod .options{padding: 4px 0px;  } 
.photoprod .sub{ padding: 4px 0px; } 
.photoprod .options .inputdropdown { padding: 2px; } 

.photoprod .price {  float: right; text-align:right; font-weight: 600;} 
.photoprod .qty {  float: left; text-align:right;} 
.photoprod .qty input { padding: 2px; } 
.photoprod .cartbutton { float: right; margin-left: 16px;}
.photoprod .the-icons {  } 

.photoprod {} 
.photoprod .underline { 
		border-bottom: 1px solid #F0F0F0;
		padding: 16px; 
	color: #2B2B2B; 
	background: #FFFFFF; 
} 
.photoprod .underline:hover { background: #FFFFFF; color: #2B2B2B; } 
.photoprod .underline h3,.photoprod .underline h4 { text-shadow: none; font-weight: normal;} 
.photoprod .underlinecolumn { border-bottom: 1px solid #F0F0F0;  padding: 12px 8px;} 
.photoprod .underline:hover a { color: #2986CC; } 
.photoprod .underline:hover a:hover { color: #33A7FF; } 

.collectionproduct { font-weight: 700;} 

.syv2products { margin: 0px; padding: 0px; list-style: none; } 
.syv2products li { padding: 16px; cursor: pointer;
	border-bottom: 1px solid #F0F0F0;
		color: #2B2B2B; 
	background: #FFFFFF; 
	} 
.syv2products li:hover {font-weight: bold; } 

.syv2products li .graphic { float: left; margin-right: 16px;} 
.syv2products li .name { float: left; } 
.syv2products li .price { float: right; } 
.syv2products li .arrow { float: right; margin-left: 16px; } 
.syv2products li h4 { font-weight: normal; } 




#splashcontainer { display: none; background: #FFFFFF; width: 80%; left: 50%; margin-left: -40%; border: solid 1px #FFFFFF; position: absolute; z-index: 200; box-shadow: 0 0 8px rgba(0,0,0,.5); margin-bottom: 24px; } 
#splashinner { padding: 24px; } 
#storeitemcontainer { display: none; background: #FFFFFF; width: 80%; left: 50%; margin-left: -40%; border: solid 1px #FFFFFF; position: absolute; z-index: 800; box-shadow: 0 0 8px rgba(0,0,0,.5);  margin-bottom: 24px;  } 
#storeiteminner { padding: 24px; } 

#mlsignuppopup { z-index: 900; } 
.signupbg { position: fixed; background-color: rgba(0,0,0,.95); top: 0; left: 0; width: 100%; height: 100%; z-index: 900; } 
.signupcontainer { position: fixed; top: 35%; left: 0; background:#FFFFFF; width: 100%;z-index: 920; } 
.signupcontainerinner { padding: 24px; text-align: center; color: #050505;z-index: 920;}
#emailsignupcancel .the-icons {  text-shadow: none; font-size: 36px; } 
.signupcontainerblinner { padding: 24px; text-align: center; }
.signupcontainerbl { position: fixed; bottom: 6%; left: 0; width: 100%;z-index: 999; } 
#emailsignupcancel .the-icons { text-shadow: none; font-size: 34px; } 

#buybackground, #affbackground, #paymentdivbg, #splashbackground, #storeitembackground,#clfthumbsbg { 
  width:100%;
  height:100%;
  min-height: 100%;
	background-color: #000000;
  opacity:.7;
  overflow: hidden;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
	display: none;
  z-index: 200;
}

.comparebar, .filteroption, .hiddenphotomessage { font-size: 15px; margin-top: 8px; text-align: center; } 
#comparephotos { 
	z-index: 10000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none;	background-color: #000000;
}
#comparenav { 
	background: #FAFAFA;
	border-top: solid 1px #EDEDED;
	border-bottom: solid 1px #EBEBEB;
	position: fixed; left: 0; top: 0; width: 100%; z-index: 10009;
 }
#comparenavinner { 
	padding: 16px; text-align: center; position: relative; z-index: 10010;
}
#comparephotosdisplaycontainer { 
	position: absolute; z-index: 10001;  
}
#comparephotosdisplay { 
top: 0; display: none;
}


#comparenavinner a { color: #9C9C9C;  text-decoration: none; } 
#comparenavinner a:hover { color: #000000;  text-decoration: underline;  } 


#comparenavinner .the-icons {
  font-size: 24px;
  line-height: 16px;
  color: #9C9C9C;
 padding: 4px;
 margin-right: 4px;
 text-shadow: #FAFAFA 0px 0px 2px;
}
#comparenavinner .the-icons:hover { color: #000000; cursor: pointer; } 
#comparenavinner.icon-text { font-size: 12px;color: #9C9C9C; cursor: pointer; } 
#comparenavinner .icon-text:hover { color: #000000; cursor: pointer; } 
.compareactionscontainer { 
	position: relative; left: 0; display: none;
}

.compareactions {
	list-style: none;
	margin: auto;
	padding: 0;
	text-align: center;
	top: 40%;
	left: 0;
	position: relative;

}

.compareactions li { 
	float: left;
	padding: 8px;
	margin: 0px 8px 8px 0px;
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	cursor: pointer;
}
.compareactions li:hover { 
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
}


#singlephoto { 
  width:100%;
  height:100%;
  min-height: 100%;
	background-color: #000000;
  opacity:0.90;
  overflow: hidden;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}


/* ############################################### TOP MAIN MENU ##################################################################### */
#mobilemenubutton { 
	padding: 8px;
	font-size: 24px;
 display: none;
}
#mobilemenubutton .icon-menu { font-size: 30px; } 
#mobilemenubutton .menutext { padding: 0px; position: relative; top: -2px; } 


#mobilemenubuttontop { 
 padding-top: 0px; 
 padding-bottom: 0px;
 font-size: 24px;
 display: none;
}
#mobilemenubuttontop .icon-menu { font-size: 30px; } 
#mobilemenubuttontop .menutext { padding: 0px; position: relative; top: -2px; } 
#mobilemenubuttontop .the-icons { text-shadow: none;  color: #000000} 



#mobilemenu { 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,1.00);
	border: 1px solid #F2F2F2 0px;
	font-size: 27px;
	z-index: 20;
	color: #000000;
	position: relative;
}
#mobilemenu .the-icons { color: #000000;  text-shadow: none; }

#mobilemenu a,  #mobilemenu a:active {   text-decoration: none; color: #000000; font-size: 17px;}
#mobilemenu a:link, #mobilemenu a:visited { text-decoration: none; color: #000000; font-size: 17px;  }
#mobilemenu a:hover {  color: #298C19; text-decoration: none; font-size: 17px; } 

#mobilemenulinks ul li a { 
	padding: 8px 24px;
	border-top:1px solid #F2F2F2;
	display: block;
	background-color: #FFFFFF;
}
#mobilemenulinks ul   { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	text-align: left; 
}
#mobilemenubutton .the-icons { text-shadow: none;  color: #000000} 

#topMainMenuContainer {
	margin: auto;
	display: block;
	font-family: 'Poppins', Arial;
	letter-spacing: 0px;
	font-weight: 400; 
	width: auto;
	 margin-top: 0px;
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
	right: 0;

font-size: 15px;
	color: #;
	text-align: center;
	
		text-align: middle;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
} 



.topMainMenuEnd {
	display:block;
	float:left;
	margin:auto;
	padding:6px;
	position:relative;
	border-left: solid 1px  #F2F2F2;
	text-decoration:none;
}
.mobilemenubg { background-color: #FFFFFF; } 


#topMainMenu {
	list-style:none;
	margin:auto;
	padding:0;
	z-index: 8;
		text-transform:uppercase;
	
	width: auto;
	
	
	
}
#topMainMenu a,  #topMainMenu a:active {   text-decoration: none; color: #000000;}
#topMainMenu a:link, #topMainMenu a:visited { text-decoration: none; color: #000000;   }
#topMainMenu a:hover {  color: #298C19; text-decoration: none;  } 

#topMainMenu a .the-icons  { 
	font-size: 15px;
	color: #000000;
text-shadow: none;
}
#topMainMenu a .the-icons:hover {   color: #298C19; text-decoration: none;   } 

/* ############## MAIN MENU ########################### */

ul.dropdown    { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	text-align: left; 
	display: inline; 
	  
}

ul.dropdown   { position: relative;  z-index: 3;}

ul.dropdown li {  
	padding: 0;
	display: inline; 
	margin: 0 0 0 0px ;
}


ul.dropdown li a {  
	text-align: left; 
	display: inline; 
	zoom: 1; 
		padding: 20px 10px  ;

}
ul.dropdown li .text {  
	text-align: left; 
	display: inline; 
	zoom: 1; 
		padding: 20px 10px  ;

}

ul.dropdown a:hover		            { 	;  }
ul.dropdown a:active                {  }
ul.dropdown li a                    { display: inline; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              {  }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ 
	line-height: 100%; 
	width: 220px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 	
	box-shadow: 0px 4px 5px rgba(0, 0, 0, .5); 
	z-index: 2000; 
	list-style: none; 
	margin: 0; 
	padding: 0;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,1.00);
	margin-left: -24px;
	}
ul.dropdown ul li  { 
	line-height: 100%; 
	text-align: left;
	float: none; 
	 margin-left: 0;
}
ul.dropdown ul li:hover			{float: none; }
		  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a, ul.dropdown ul li .text	{ border-right: none;  display: block; 	 padding: 12px 0px 8px 10px ;} 


/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/*
	LEVEL 4
*/
ul.dropdown ul ul ul					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* ################# END MAIN MENU ########################### */


#mainmenu{
	margin: 0;
	z-index: 10;
	text-align: center;
	margin: auto;
	 padding: 0px 24px 0px 24px  ;
	display: block;
	vertical-align: middle;
}

#mainmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
		float: none;
			margin: 0 0 0 20px ;
		display: inline;
}


#mainmenu li a {	
	color: #000000;
	text-align: center;
	text-decoration: none;
		text-transform:uppercase;
	}

#mainmenu li a:hover {	background: #}

#photosmenu { 
	display: block;
	visibility: visible;
	position: absolute;
}

#mainmenu div {	
	z-index: 10;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #F2F2F2;
	border-left: solid 1px #F2F2F2;
	border-right: solid 1px #F2F2F2;
	border-top: solid 0px #F2F2F2;
	color: #050505;
	background-color: #;
	line-height: normal;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);

		background-color: rgba(255,255,255,1.00);
		display: block;
	-moz-border-radius: 0px;
	border-radius: 0px;

}
#mainmenu  .photos {	
	padding: 8px;
	display: block;
	clear: right;
}
 #mainmenu span {	
	display: block;
}
#mainmenu div .photos a { 
line-height: 30px;
}

	#mainmenu div a {	
		position: relative;
		padding: 5px 10px;
		text-align: left;
		text-decoration: none;
		clear: right;
	display: block;
	}

	#mainmenu div a:hover {	
		background: #;
		color: #298C19;
}

/* ############################################### END TOP MAIN MENU AREA  ################################################# */

/* ############################################### SHOP MENU  ################################################# */

#shopmenucontainer { 
		background: #FAFAFA;
	border-top: solid 1px #EDEDED;
	border-bottom: solid 1px #EBEBEB;
		position: relative;
	z-index: 10;
}

#shopmenuinner { 
	width: 100%;
		margin: auto;
	color: #969696;
	font-family: 'Poppins', Arial;
	font-size: 13px;
	letter-spacing: 0px;
	font-weight: 400;

	position: relative;
	z-index: 3;

}
#shopmenu { 
	padding: 11px 24px;  text-align: right;
}
#accountmenu { 
	padding: 11px 24px;  text-align: left; float: left;
}
#accountmenu ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
} 
#accountmenu ul li { 
	display: inline;
	margin-right: 27px;
}
#accountloginresponse, #forgotloginresponse { display: none; font-size: 12px; margin-top: 4px; }
#forgotemailmessage {  font-size: 12px; font-family: 'Poppins'; padding: 4px 0; } 

.loginform { float: left; 	padding: 11px 24px; }
.forgotpassword { font-size: 12px; font-family: 'Poppins'; }
#shopmenuinner a { color: #9C9C9C;  text-decoration: none; } 
#shopmenuinner a:hover { color: #000000;  text-decoration: underline;  } 

#shopmenu .the-icons, #accountmenu .the-icons { 
	color: #9C9C9C;
	font-size: 13px;
	text-shadow: none; }
#shopmenu .the-icons:hover, #accountmenu .the-icons:hover { 
	 color: #000000; 
}

#shopmenu ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
} 
#shopmenu ul li { 
	display: inline;
	margin-left: 27px;
}

#accountloginpage { max-width: 400px; margin: auto; } 


/* ################################################ H1 H2 TITLES & LINKS ############################################################# */
/*  pageTitle - When someone is viewing a page or  track details this is the page title */
h1 {
	font-family: 'Playfair Display',Arial ;
	line-height: 1;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 36px;
	color: #000000;
	border-bottom: 0px solid #000000;
}
.title h1 {
	font-family: 'Playfair Display',Arial ;
	line-height: 1;

	font-size: 36px;
	color: #000000;
	border-bottom: 0px solid #000000;
	letter-spacing: 0px;
	font-weight: 400;
	
}



 a.pageTitle:active,h1 a ,h1 a:active { text-decoration: none; color: #000000; }
a.pageTitle:link, a.pageTitle:visited,h1 a:link,h1 a:visited { text-decoration: none; color: #000000; }
a.pageTitle:hover,h1 a:hover { color: #27CC06; text-decoration: none; } 

.pageSubTitle {
	font-size: 36px;
	color: #000000;
	border-bottom: 0px solid #000000;
	width: 100%;
}
 a.pageSubTitle, a.pageSubTitle:active{ text-decoration: none; color: #000000; }
a.pageSubTitle:link, a.pageSubTitle:visited { text-decoration: none; color: #000000; }
a.pageSubTitle:hover { color: #27CC06; text-decoration: none; } 

h2 {
	font-family: 'Playfair Display',Arial;
	font-size: 28px;
	color: #000000;
	border-bottom: 0px solid #000000;
	width: 100%;
	letter-spacing: 0px;
	font-weight: 400;

	line-height: 1; 
}
h2 a,h2 a:active{ text-decoration: none; color: #000000; }
h2 a:link,h2 a:visited { text-decoration: none; color: #000000; }
h2 a:hover { color: #27CC06; text-decoration: none; } 

h3, .h3 {
	font-family: 'Playfair Display', Arial;
	font-size: 21px;
	color: #000000;
	border-bottom: 0px solid #000000;
	width: 100%;
	letter-spacing: 0px;
	font-weight: 400;

}
h3 a,h3 a:active{ text-decoration: none; color: #27CC06; }
h3 a:link,h3 a:visited { text-decoration: none; color: #27CC06; }
h3 a:hover { color: #27CC06; text-decoration: none; } 

h4 { font-size: 15px; } 

.checkoutshippingoptions { font-size: 21px; } 
a, a:active { text-decoration: none; color: #27CC06; }
a:link, a:visited { text-decoration: none; color: #27CC06; }
a:hover { color: #27CC06; text-decoration: none; } 




/* ######################################################## END H1 TITLES & LINKS ################################################# */


/* ##################################################### CATEGORY LISTING STYLES  ################################################ */

#listing-blog { } 
#listing-blog .preview .headline { padding: 0 4px;  } 
#listing-blog .preview .sub {padding: 4px;}
#listing-blog .preview .photos { padding: 4px; }
#listing-blog .preview .comments { padding: 4px; }
#listing-blog .preview .previewtext { padding: 4px; }

#listing-first { padding: 16px; margin: 4px 4px  20px 0px;} 
#listing-first .content .headline { padding: 0 4px;  } 
#listing-first .content .sub {padding: 4px;}
#listing-first .content .photos { padding: 4px; }
#listing-first .content .comments { padding: 4px; }
#listing-first .content .previewtext { padding: 4px; }


#listing-standard .preview {
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	background-color: rgba(255,255,255,1.00);
		border-bottom: 1px solid #F0F0F0;
	
		 -moz-border-radius: 2px;
	border-radius: 2px; 
		color: #2B2B2B;


	height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
}
#listing-standard .preview h2 a { color: #2986CC; text-decoration: none;  } 
#listing-standard .preview h2 a:hover { color: #33A7FF; } 
#listing-standard .headline { font-size: 22px; font-family: 'Playfair Display', Arial; } 



#regguestbook .preview {
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	background-color: rgba(255,255,255,1.00);
		border-bottom: 1px solid #F0F0F0;
	
		 -moz-border-radius: 2px;
	border-radius: 2px; 
		color: #2B2B2B;


	height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
}
#regguestbook .preview h2 a { color: #2986CC; text-decoration: none;  } 
#regguestbook .preview h2 a:hover { color: #33A7FF; } 
#regguestbook .headline { font-size: 22px; font-family: 'Playfair Display', Arial; } 



#ebmessage {
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	background-color: rgba(255,255,255,1.00);
		border-bottom: 1px solid #F0F0F0;
	
		 -moz-border-radius: 2px;
	border-radius: 2px; 
		color: #2B2B2B;


	height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
	text-align: center;
}
#ebmessage h3 { color: #2B2B2B; text-decoration: none;  } 



#listing-standard .preview .thumbnail, #listing-standard .preview .thumbnailnoborder { width: 100%; max-width: 200px; height: auto; } 
.preview .image {  }

#listing-standard .preview .thumbnail { 
	border: 1px solid #FFFFFF;
	display: block;
	float: left;
	margin: 6px 24px 24px 0;
}

#listing-standard .preview .thumbnailnoborder { 
	border: 0px;
	display: block;
	float: left;
	margin: 6px 24px 24px 0;
}


#listing-standard .preview .headline { padding: 8px; }
#listing-standard .preview .sub {padding: 8px;  }
#listing-standard .preview .previewtext { padding: 8px; }
#listing-standard .preview .comments { padding: 8px; }


#listing-thumbnail .preview {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);

	background-color: rgba(255,255,255,1.00);
	border: 0px solid #E6E6E6;
	color: #A3A3A3;
	height: 1%;
	padding: 4px;
	margin: 8px;
	width: 300px;
	height: 287px;
		-moz-border-radius: 0px;	border-radius: 0px; 
	float: left; 
	text-align: center; 
	display: block;
}
#listing-thumbnail .preview h2 a { color: #000000; font-size: 18px; 	font-family: 'Playfair Display',Arial; text-decoration: none; } 
#listing-thumbnail .preview h2 a:hover { color: #2986CC; } 
#listing-thumbnail .text div { 	padding: 4px; } 

#listing-thumbnail .preview .thumbimage { position: relative; text-align: center; vertical-align: bottom; 	margin: auto; width: 270px;	height: 150px; line-height: 150px;
}
#listing-thumbnail .preview .text { padding-top: 4px;padding-bottom: 4px; }
#listing-thumbnail .preview .comments { padding: 4px; }
#listing-thumbnail .preview .thumbnail { margin: auto;vertical-align: bottom; border: 1px solid #B8B8B8;} 
#listing-thumbnail .text div { 	padding: 4px; } 


.pt { max-height:150px; width: auto; } 
.ls { max-width:270px; height: auto; } 



#thumbsj { }
#thumbsj .thumbcontainer { float: left; clear: right;padding: 0; overflow: hidden;  border: solid 0px #000000; position: relative;} 
#thumbsj .thumbcontainer .iconsinfo { 
	position: absolute; 
	bottom: 0; left: 0;  
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF,endColorstr=#ccFFFFFF);
	background-color: rgba(255,255,255,0.80);
	width: 100%; 
	z-index: 5;
	padding: 8px; 
	display: none;
	color: #000000;
} 
#thumbsj .thumbcontainer .iconsinfo .thumbnailactions .inner .the-icons  { color: #000000; opacity: .6;  text-shadow: #FFFFFF 0px 0px 2px;} 
#thumbsj .thumbcontainer .iconsinfo .thumbnailactions .inner .the-icons:hover { opacity: 1;} 

.justifiedthumbs .thumbactioncontainer { 
	position: absolute; 
	bottom: 0; left: 0;  
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF,endColorstr=#ccFFFFFF);
	background-color: rgba(255,255,255,0.80);
	width: 100%; 
	z-index: 5;
	padding: 8px; 
	display: none;
	color: #000000;
}
.justifiedthumbs .thumbactioncontainer  .inner .the-icons  { color: #000000; opacity: .6;  text-shadow: #FFFFFF 0px 0px 2px;} 


.thumbactionsstacked { 
	position: absolute; 
	bottom: 0; left: 0;  
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF,endColorstr=#ccFFFFFF);
	background-color: rgba(255,255,255,0.80);
	width: 100%; 
	z-index: 5;
	padding: 8px; 
	display: none;
	color: #000000;
} 
.thumbactionsstacked .thumbnailactions .inner .the-icons  { color: #000000; opacity: .6;  text-shadow: #FFFFFF 0px 0px 2px;} 
.thumbactionsstacked .iconsinfo .thumbnailactions .inner .the-icons:hover { opacity: 1;} 




#listing-onphoto { } 
#listing-onphoto .preview { 
		border: 0px solid #3D3D3D; 
		border-radius: 0px; 
		background:#FFFFFF;
		float:left;
		position: relative;
		overflow: hidden;
		margin: 14px;
		padding:0;
		width: 314px;
		height: 244px;
		display: block;
		}

	#listing-onphoto .preview .text a{ color: #000000; text-decoration: none; } 
	#listing-onphoto .price {
		font-size: 21px;
		position: absolute;
		left: 8px;
		top: 8px;
		text-shadow: 1px 1px 1px #000000;
		color: #FFFFFF;
	}

	#listing-onphoto .preview .text {
		position: absolute;
		bottom: 0;
		left:0%;
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF,endColorstr=#ccFFFFFF);

		background-color: rgba(255,255,255,0.80);
		width:100%;
		text-align: left;
		margin: auto;
		padding: 12px;
	}

#listing-onphoto .the-icons { 
	color: #000000;
}
#listing-onphoto .preview h2 {
	font-size: 18px;
}

#listing-onphoto .preview .text .headline {
	padding: 2px 8px;
	color: #000000;
	font-size: 18px;
	font-family: 'Playfair Display',Arial;
}
#listing-onphoto .preview .text .previewtext {
	color:#757575;
	padding: 2px 8px;
	display: none;
}
#listing-onphoto .onphotophoto { display: none; } 




#listing-stacked { 
	list-style-type: none;
	position: relative; 
	text-align: left;
}
#listing-stacked .preview {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);

	background-color: rgba(255,255,255,1.00);
	border: 0px solid #E6E6E6;
	color: #A3A3A3;
	padding: 0px;
	margin: 8px;
	width: 300px;
		-moz-border-radius: 0px;	border-radius: 0px; 
}

#listing-stacked .preview h2 a { color: #000000; font-size: 18px; 	font-family: 'Playfair Display',Arial; text-decoration: none; } 
#listing-stacked .preview h2 a:hover { color: #2986CC; } 

#listing-stacked .preview div { padding: 0px; }

#listing-stacked  .preview  .prevInner { 
	padding: 16px;
}


#listing-stacked .preview .thumbnail { 
	border: 1px solid B8B8B8;
	text-align: center;
	width: 100%;
	display: block;
}


#listing-stacked .preview .headline { padding: 4px; }
#listing-stacked .preview .sub {padding: 4px;  }
#listing-stacked .preview .previewtext { padding: 4px; }
#listing-stacked .preview .comments { padding: 4px; }
.stacked2text { padding: 16px !important; text-align: center; } 

.thumbnailactions { height: 20px;display: block;} 
.thumbnailactions .inner {  position: relative; float: left; text-align: center; width: 100%; } 

.favlogin { display: none; position: absolute;  margin: 0; text-align: left; z-index: 200; } 
.favlogin .inner {  background: #FFFFFF; border: solid 1px #E6E6E6; font-size: 12px; text-shadow: none; padding: 8px; } 




#listing-flex { margin: 24px 0px; } 
.flexthumbnails h3 { font-size: 18px; } 
.flexthumbnails { width: 24%; margin-bottom: 24px; text-align: center;} 
.flexthumbnails h3 a, .dyntitle h3 a {  color: #000000; font-size: 18px;} 
.flexthumbnails h3 a:hover, .dyntitle h3 a:hover { color: #2986CC; } 
.flexthumbnails h4 a, .dyntitle h4 a {  color: #000000; font-size: 18px;} 
.flexthumbnails h4 a:hover, .dyntitle h4 a:hover { color: #2986CC; } 

.flexthumbnails .colpad .ratiophoto { padding-top: 80%; overflow: hidden;} 
.flexthumbnails .colpad .ratiophotothumb { padding-top: 80%; overflow: hidden;} 

.flexthumbnails {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	box-sizing: border-box;
	background-color: rgba(255,255,255,1.00);
	border: 0px solid #E6E6E6;
	color: #A3A3A3;
	padding: 4px;
		-moz-border-radius: 0px;	border-radius: 0px; 
	text-align: center; 
}





.flexgallerythumbs { width: 24%; margin-bottom: 24px; text-align: center;} 
.flexgallerythumbs h3 a, .dyntitle h3 a {  color: #000000; font-size: 18px;} 
.flexgallerythumbs h3 a:hover, .dyntitle h3 a:hover { color: #2986CC; } 
.flexgallerythumbs h4 a, .dyntitle h4 a {  color: #000000; font-size: 18px;} 
.flexgallerythumbs h4 a:hover, .dyntitle h4 a:hover { color: #2986CC; } 

.flexgallerythumbs .colpad .ratiophotothumb { padding-top: 80%; overflow: hidden;} 

.flexgallerythumbs {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	box-sizing: border-box;
	background-color: rgba(255,255,255,1.00);
	border: 0px solid #E6E6E6;
	color: #A3A3A3;
	padding: 4px;
		-moz-border-radius: 0px;	border-radius: 0px; 
	text-align: center; 
}

@media (max-width: 1200px) {
	.flexthumbnails { width: 32%; } 
	.flexgallerythumbs { width: 32%; } 
}
@media (max-width: 1024px) {
	.flexthumbnails { width: 32%; } 
}

@media (max-width: 800px) {
	.flexthumbnails { width: 48.5%; } 
	.flexgallerythumbs { width: 100%; } 

	.photocontainerbgthumb { 
		background-size:cover;
		height:auto ;
		left:auto;
		position:relative;
		top:auto;
		width:auto; 
	} 
	.flexgallerythumbs .colpad .ratiophotothumb { padding-top: 0%; overflow: hidden;} 

}






.styledthumbs {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);

		background-color: rgba(255,255,255,1.00);
	border: 0px solid #FFFFFF;
	color: #7A7A7A;
	height: 1%;
	padding: 8px;
	margin: 12px;
	width: 300px;
	height: 210px;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	-moz-border-radius: 2px;	border-radius: 2px; 
	float: left; 
	text-align: center; 
	display: block;
}
.styledthumbs a { color: #787878; font-size: 12px; 	font-family: 'Playfair Display',Arial; } 
.styledthumbs a:hover { color: #9E9E9E; } 

.styledthumbs .thumbimage { position: relative; text-align: center; vertical-align: bottom; 	margin: auto; width: auto; height: 155px; line-height: 155px;
}
.styledthumbs .text { padding-top: 8px;padding-bottom: 8px; }
.styledthumbs .comments { padding: 4px; }
.styledthumbs .thumbnail { margin: auto;vertical-align: bottom; border: 1px solid #9E9E9E;} 

#displayThumbnailPage {	
	position: relative; 
	text-align: left;
} 

#displayThumbnailPage .stackedthumbs {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	background-color: rgba(255,255,255,1.00);
	border: 0px solid #FFFFFF;
	color: #7A7A7A;
	padding: 8px;
	margin: 12px;
	width: 300px;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	-moz-border-radius: 2px;	border-radius: 2px; 
	float: left; 
	text-align: center; 
	display: block;
}
#displayThumbnailPage .stackedthumbs a { color: #787878; font-size: 12px; 	font-family: 'Playfair Display',Arial; } 
#displayThumbnailPage .stackedthumbs a:hover { color: #9E9E9E; } 

#displayThumbnailPage .stackedthumbs .thumbimage { 		
	text-align: center;
}
#displayThumbnailPage .stackedthumbs .text { padding-top: 8px;padding-bottom: 8px; }
#displayThumbnailPage .stackedthumbs .comments { padding: 4px; }
#displayThumbnailPage .stackedthumbs .thumbnail { 
	margin: auto;
	vertical-align: bottom; 
	border: 1px solid #9E9E9E;
	text-align: center;
	width: 100%;
} 
.thumbfitcontainer { 	width: 100%; height: auto; } 
.thumbfitcontainerh { 	height 100%; width: auto; } 

.tpt { max-height:155px; width: auto; } 
.tls { max-width:250px; height: auto; } 




/* ################################################## END CATEOGRY LISTING STYLES  ##################################################### */

/* ################################################## PAGE DISPLAY STYLES  ##################################################### */

#standardPage {  }
#standardPage .title { padding: 4px; } 
#standardPage .text { padding: 4px; } 
#standardPage .expire { padding: 4px; } 
#standardPage .photos { padding: 4px;   } 

#blogPage { } 
#blogPage .title { padding: 4px; } 
#blogPage .categories { padding: 4px; } 
#blogPage .date { padding: 4px; } 
#blogPage .comments { padding: 4px; } 
#blogPage .text { padding: 4px; } 
#blogPage .photos { } 
#blogPage .tags { padding: 4px; } 
#blogPage .nextPrevious { padding: 4px; } 
#storePage {}
#storePage .categories { padding: 4px; }
#storePage .title { padding: 4px; }
#storePage .text { padding: 4px; }
#storePage .nextPrevious { padding: 4px; }
#storePage .photos {  float: left; width: 50%;  }
#storePage .photos .inner { padding: 16px; } 
#storePage .content { float: right; width: 50%;  }
#storePage .content .inner { padding: 16px; } 
#clientGalleries { } 
#clientGalleries .title { padding: 4px; } 
#clientGalleries .categories { padding: 4px; } 
#clientGalleries .expire { padding: 4px; } 
#clientGalleries .comments { padding: 4px; } 
#clientGalleries .text { padding: 4px; } 
#clientGalleries .photos { } 
#clientGalleries .nextPrevious { padding: 4px; } #homePage {  }
#homePage .title { padding: 4px; } 
#homePage .text { padding: 4px; } 
#homePage .photos { padding: 4px; } 
#homePage .subpages { padding: 4px; } 
#galleries { } 
#galleries .title { padding: 4px; } 
#galleries .categories { padding: 4px; } 
#galleries .comments { padding: 4px; } 
#galleries .text { padding: 4px; } 
#galleries .photos { } 
#galleries .nextPrevious { padding: 4px; } 
#registryPage {}
#registryPage .title { padding: 4px 0px; }
#registryPage .eventdate{ padding: 4px 0px; }
#registryPage .text { padding: 4px;  font-size: 17px; }
#registryPage .regid { padding: 4px 0px; }
#registryPage .goal { padding: 4px 0px; }
#registryPage .shareonfb { padding: 4px 0px; }
#registryPage .reginstructions{ padding: 4px 0px; }
#registryPage .regguestbook{ padding: 4px 0px; }
#registryPage .regaddtocart { padding: 4px 0px; }
#registryPage .photos {  float: left; width: 50%;  }
#registryPage .photos .inner { padding: 16px; } 
#registryPage .content { float: right; width: 50%;  }
#registryPage .content .inner { padding: 16px; } 


/* ################################################## END PAGE DISPLAY STYLES  ##################################################### */


/* ################################################## CHECKOUT PAGE  ##################################################### */

#checkoutside { width: 20%; float: left; } 
#checkoutside .inner { margin-right: 8px; padding-right: 8px; } 
#checkoutformcontainer { max-width: 600px; width: 100%; margin: auto; } 

#checkoutform { width: 80%; float: left; } 
#checkoutaddresswithship { width: 49%; float: left; } 
#checkoutaddressnoship { width: auto; } 
#shippingaddressside, #checkoutaddresses { max-width: 640px; width: 100%; } 

/* ################################################## PHOTO DISPLAY STYLES  ##################################################### */

#photoWithMinis { } 
#photoWithMinis .photominis { float: left; width: 15%; text-align: center; }
#photoWithMinis .photominis .pagemini {  border: 1px solid #FFFFFF;}
#photoWithMinis .photoContainerOuter { width: 85%; text-align: center; float: left; } 
#photoWithMinis .photoContainerOuterOne {  text-align: center; float: left; width: 100%;  } 
#photoWithMinis .photoContainerOuter .photoContainer {  margin:auto ;  position: relative; text-align: center;   } 
#photoWithMinis .photoContainerOuter .pmphoto, #photoWithMinis .photoContainerOuterOne .pmphoto {  
	border: solid 1px #222222; 
	} 




#photoScrollerContainer { text-align: center; } 

#nextPrevContain { 
width: 100%; margin: auto; position: relative;display: block;
}



/* ################################################## END PHOTO DISPLAY STYLES  ##################################################### */



/* ################################################## PAGE MENU NAVIGATION  ##################################################### */


#pageMenu {
	text-align: right;	
   margin: auto;
	padding: 4px;
}
#pageMenu .selectPage {
	background-color: #FFFFFF;
	padding: 4px 8px;
	margin: 2px;
	text-align: center;
	position: relative;
	white-space: nowrap;
	min-width: 16px;
	color: #;
}
#pageMenu .selectedPage {
	padding: 4px 8px;
	margin: 2px;
	text-align: center;
	position: relative;
	white-space: nowrap;
	min-width: 16px;
	font-weight: bold;
}
#pageMenu .unavailable {
	padding: 4px 8px;
	margin: 2px;
	text-align: center;
	position: relative;
	white-space: nowrap;
	min-width: 16px;
}

#pageMenu .totalResults {
	padding: 2px;
	margin: 2px;
	text-align: center;
	position: relative;
	white-space: nowrap;
	font-weight: bold;
}

/* ################################################## END PAGE MENU NAVIGATION  ##################################################### */

/* ################################################## PAGE NEXT PREVIOUS NAVIGATION  ##################################################### */

#pageNextPrevious { 
	text-align: center;
}
#pageNextPrevious a{ 

}
#pageNextPrevious h3{ 
	display: inline;
}

#pageNextPrevious img{ 
	border: 1px solid #FFFFFF;
	margin: 2px 10px 2px 10px;
}

#pageNextPrevious .oldnew { 
	padding: 6px 10px 6px 10px;
}


#pageNextPrevious .older { 
	float: right;
	width: 50%;
	padding: 16px;	
	text-align: right;
	padding: 6px 0 6px 0;
-moz-border-radius: 2px;	border-radius: 2px; 
}
#pageNextPrevious .older a { color: #2986CC; } 
#pageNextPrevious .older a:hover { color: #33A7FF; } 

#pageNextPrevious .older .inside { 
	padding: 4px;
}

#pageNextPrevious .older img {
	float: right;
}


#pageNextPrevious .newer { 
	float: left;
	width: 50%;

	padding: 16px;	
	text-align: left;
	padding: 6px 0 6px 0;
-moz-border-radius: 2px;	border-radius: 2px; 
}
#pageNextPrevious .newer a { color: #2986CC; } 
#pageNextPrevious .newer a:hover { color: #33A7FF; } 

#pageNextPrevious .newer .inside { 
	padding: 4px;
}

#pageNextPrevious .newer img { 
float: left;
}


#pageNextPrevious h3{ 
text-align: center;
padding: 4px;
}



/* ################################################## END PAGE NEXT PREVIOUS NAVIGATION  ##################################################### */

/* ################################################## SUB PAGE LISTING  ##################################################### */
#subPages { } 

#subPages .subPage { 
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);

		background-color: rgba(255,255,255,1.00);
	border: solid 1px #F0F0F0;
	color: #2B2B2B;
		height: 1%;
	margin: 0px 4px  20px 0px;
	padding: 16px;
-moz-border-radius: 2px;	border-radius: 2px; 

}
#subPages .subPage a { color: #2986CC; } 
#subPages .subPage a:hover { color: #33A7FF; } 


#subPages .subPage .mini {
	float: left;
	margin: 0px 12px 0 0;
	border: 1px solid #FFFFFF;
	display: block;
	}
#subPages .subPage .title { }

/* ################################################## END SUB PAGE LISTING  ##################################################### */

/* ################################################## FULL SCREEN PHOTO VIEWING ############################################## */
#viewPhotoContainer { z-index: 102; position: fixed; display: none;  width: 1000px; height: 90%; margin: auto; left: 5%; top: 60px; background: #FFFFFF; border: solid 1px #999999; border-radius: 8px; } 
#viewPhoto { position: relative; display: block; width: 100%; height: 100%;  } 
#viewPhotoOuter { width: 100%; height: 80%; text-align: center;  position: absolute; } 

#viewPhotoInfoContainer {width: 100%; top: 0; left: 0;  position: fixed; background: #000000; border: solid 1px 0  #000000; text-align: center; z-index: 103; 	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);} 



#viewPhotoInfo { padding: 4px; } 
.photoViewContainer {position: absolute; float: left;  margin: auto; width: 100%;  } 
#prevPhoto {  position: fixed; width: 5%; height: 32px; text-align: left; left: 0; top: 40%; opacity:0.5; cursor: pointer; display: none;} 
#nextPhoto {  position: fixed; width: 5%; height: 32px; text-align: right; right: 0; top: 40%; opacity:0.5;  cursor: pointer; display: none;} 
#prevPhoto:hover {  opacity:1; } 
#nextPhoto:hover  {  opacity:1; } 

#loadingMorePages {   display: none; text-align: center; padding: 16px;	} 
#loadingMore {   position: fixed; bottom: 10px;   width: 200px; padding: 12px; left: 50%; margin-left: -100px; z-index:50; display: none; text-align: center; 	
background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
} 
#successMessage{ background: #5bbc62; border: solid 1px #41a148;  position: fixed; top: 10px;  color: #FFFFFF; width: 500px; padding: 10px; left: 50%; margin-left: -250px; z-index:1000; display: none; text-align: center;} 
#errorMessage{ background: #d22c1a; border: solid 1px #ac2314;  position: fixed; top: 10px;  color: #FFFFFF; width: 500px; padding: 10px; left: 50%; margin-left: -250px; z-index:1000; display: none; text-align: center;} 


#loadingPage { 
	display: none; 
	top: 0;
	left: 0; 
	position: fixed; 
	z-index: 3000; 
	text-align: center; 
	background: url('/graphics/loading-page.gif')  no-repeat center center; 
	width: 100%; 
	height: 100%;
}



#photoBGContainer {
  width:100%;
  height:100%;
  min-height: 100%;
  margin:0;
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
	display: none;
}
#photoBG  {
  width:100%;
  height:100%;
  min-height: 100%;
	
  opacity:0.90;
  position: absolute; 
  overflow: hidden;
  display: block;
 }

#photo-loading { 
	display: none; 
	top: 0;
	left: 0; 
	position: fixed; 
	z-index: 30; 
	text-align: center; 
	background: url('/sy-graphics/loading2.gif')  no-repeat center center; 
	width: 100%; 
	height: 100%;
}
#photo-main { 
	 width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 25; text-align: center;
}
#photo-insert { 
	display: table-cell; width: 80%; height: 100%; top: 0; left: 0; position: fixed; z-index: 25; text-align: center;
}
#photo-data { 
	width: 19%; height: 100%; top: 0; left: 80%; position: fixed; z-index: 25; text-align: left; background: #FFFFFF; padding: 8px; 
}

#photo-data { 
	overflow: scroll;
}
#photo-filter { 
float: right;
}
#photo-results { 
float: left;
}


/* ################################################## END FULL SCREEN PHOTO VIEWING ############################################## */


/* ##################################################### STORE STUFF ############################################################## */

.checkoutpagetopbutton { float: right; text-align: right; padding: 4px;  } 

@media (max-width: 1024px) {
	.checkoutpagetopbutton { float: none; text-align: center;margin: 16px 0px;  } 
	.checkoutpagetopbutton .checkoutcart { width: 100%; ; display: block;  } 

}

.checkouttitles { margin: 16px 0px 8px 0px; } 

.checkoutprogressdone {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	size: 16px;
 padding: 6px; margin: 6px;
}
.checkoutprogress {  
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	size: 16px;
 padding: 6px; margin: 6px;}


.checkout { 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	padding: 6px;
	cursor: pointer;
	border-radius: 2px;
	box-sizing: border-box; 
}

.nobutton { 
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	padding: 6px;
	cursor: pointer;
	border-radius: 2px;
	box-sizing: border-box; 
}
.nobutton:hover { 
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
}


.addproducttocart { display: block; margin: 8px auto; } 
.backtoproductlist { 	margin-bottom: 16px; 
	text-align: center; 
	padding: 4px; 
	box-sizing: border-box; 
}

.backtoproductlist a { 
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	cursor: pointer;
	box-sizing: border-box; 
	width: auto; 
	padding: 8px; 
	display: inline-block;
	margin: auto;
} 
    
.backtoproductlist a:hover { 
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
}

@media (max-width: 1024px) {
.backtoproductlist  { text-align: center;  } 

}
.addproducttocart .the-icons { color: #FFFFFF; text-shadow: none; opacity: 1; } 
.photoproductoption { padding: 4px; margin-bottom: 12px; } 

.accountmenu { width: 100%; display: block;box-sizing:border-box; margin: 0px 16px 8px 0px; padding: 4px 4px 4px 16px;  } 

.checkoutcart , .gallerybuttons { 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	padding: 8px 8px;
	font-size: 15px;
	cursor: pointer;
	border-radius: 2px;
	text-decoration: none;
	box-sizing: border-box; 
}


a.checkout, a.checkoutcart, a.checkout:visited, a.checkoutcart:visited, a.gallerybuttons, a.gallerybuttons:visited, a.gallerybuttons { 	color: #FFFFFF; 	text-decoration: none;
}
.checkout:hover, .checkoutcart:hover, .gallerybuttons:hover  {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	text-decoration: none;
}

.gallerybuttonson { 
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px 8px;
	font-size: 15px;
	cursor: pointer;
	border-radius: 2px;
	cursor: pointer; 
 margin: 12px 0px; display: inline-block;
}

.gallerybuttons { margin: 12px 6px; display: inline-block; } 
@media (max-width: 800px) {
	.gallerybuttons, .gallerybuttonson { width: 100%; box-sizing: border-box; display: block; margin-bottom: 8px; text-align: center;  } 
}
.gallerybuttonsmenu { text-align: center; } 
ul.proofbutton { list-style: none; margin: 0; padding: 0;  clear: right;}

ul.proofbutton li { 
	padding: 4px; 
	display: inline-block;
	margin: 4px;
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
}
ul.proofbutton li:hover {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
	cursor: pointer; 
}




ul.productoption { list-style: none; margin: 0; padding: 0;  clear: right;}
ul.productoption li { 
	padding: 4px; 
	float: left; 
	margin-right: 8px;
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	cursor: pointer;
	size: 16px;
}
ul.productoption li:hover {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
	cursor: pointer; 
}
.productoption  .on { 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .5); 	box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
 }




ul.productoptionselect { list-style: none; margin: 0; padding: 0;  clear: right;}
ul.productoptionselect li { 
	padding: 4px; 
	float: left; 
	margin: 0px 8px 8px 0px;
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	cursor: pointer;
	size: 16px;
}
ul.productoptionselect li:hover {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
	cursor: pointer; 
}
.productoptionselect  .on { 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .5); 	box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
 }

.productconfigs { padding: 4px; } 
.productconfigsoptions { padding: 4px;   } 
.producttocart { display: block; } 
#addtocartloading { display: none; } 
#addtocart, .addtocart { 
	padding: 3px 8px; 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
 }
#addtocart:hover, .addtocart:hover {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
	cursor: pointer; 
}

#addtocartdisabled { 
	padding: 3px 8px; 
	float: left; 
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	size: 16px;
}

.onsaleprice{
    text-decoration: line-through; float: left; margin-right: 8px; font-size: 17px;
}
.productprice { font-size: 21px; font-weight: bold;} 


/* ##################################################### END STORES STUFF ############################################################## */



/* ################################################## VIEW CART  CSS ##################################################### */


#viewcart .cartitem {
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);
	background-color: rgba(255,255,255,1.00);
		border-bottom: 1px solid #F0F0F0;
		color: #2B2B2B;
		 -moz-border-radius: 2px;
	border-radius: 2px; 
		height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
}
#viewcart .cartitem a { color: #2986CC; } 
#viewcart .cartitem a:hover { color: #33A7FF; } 


.preview .image {  }


#viewcart .cartitem .thumbnail { float: left;  width: 30%;  padding-right: 12px; text-align: center; } 
#viewcart .cartitem .thumbnail .thumb { border: 1px solid #FFFFFF;  } 

#viewcart .cartitem .product { float: left; width: 50%; } 
#viewcart .cartitem .options { padding: 4px; } 
#viewcart .cartitem .qty { padding: 4px; } 
#viewcart .cartitem .name { padding: 4px; font-size: 22px; font-family: 'Playfair Display', Arial;  } 
#viewcart .cartitem .topname { padding: 4px;  } 
#viewcart .cartitem .price { float: right;  width: 10%; text-align: right;  } 
#viewcart .cartitem .extprice { font-size: 22px; font-family: 'Playfair Display', Arial; } 
#viewcart .cartitem .remove { padding: 4px;  } 

#orderLogin { width: 60%; margin: auto; } 



#orderitems .item {
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);

		background-color: rgba(255,255,255,1.00);
		border-bottom: 1px solid #F0F0F0;
		color: #2B2B2B;
		 -moz-border-radius: 2px;
	border-radius: 2px; 
		height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
}
#orderitems .item a { color: #2986CC; } 
#orderitems .item a:hover { color: #33A7FF; } 


#orderitems .item a.checkout, #orderitems .item a.checkoutcart, #orderitems .item a.checkout:visited, #orderitems .item a.checkoutcart:visited { 	color: #FFFFFF; }


#orderitems .icon-download { 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;	
	text-decoration: none;
	box-sizing: border-box; margin: 6px 0px; text-shadow: none; display: block; text-align:center;
	padding: 8px;
} 
#orderitems .icon-download a, #orderitems .icon-download a:hover { 	color: #FFFFFF; 	text-decoration: none;} 

.anypay { margin: 8px 0px 16px 0px; } 
#storeproductform { } 

#listCategories {
   margin: auto;
	font-size: 16px; 
	text-align: center;

}
#listCategories .categoryTitle { } 
#listCategories a,  #listCategories a:active { text-decoration: none; font-size: 15px; color: #000000;  }
#listCategories a:link, #listCategories a:visited {  text-decoration: none;   }
#listCategories a:hover {  text-decoration: underline; color: #009900;  } 

#listCategories .displaygallerya { display: inline; position: relative; } 
#listCategories .displaygalleryb { padding: 16px; margin-bottom: 20px; position: relative; bottom: 0; left: 8px;  display: inline-block; *display:inline; zoom: 1;  float: none; } 
#listCategories .displaygalleryc { display: block; position: relative; bottom: 0; text-align: center; } 
#listCategories .displaygalleryd { position: absolute; bottom: 0;text-align: center; margin: auto; display: block; } 
#listCategories .displaygallerynamecontainer { z-index: 20; postion: relative; }
#listCategories .displaygalleryname { padding: 4px; float: left; width: 100%; text-align: center; }


#buycreditscontainer { text-align: left; } 

/* ################################################## END STORE CSS ##################################################### */





/* ################### V3 Photo View ############################ */


.collectioncount { opacity: .4; } 
.cartnotice { position: fixed; right: 24px; bottom: 24px; background: #343434; box-sizing: border-box; border-radius: 4px; box-shadow: 0px 0px 8px rgba(0,0,0,.4); padding: 16px; z-index: 5000; color: #B4B4B4; } 
.cartnoticecontent { margin: 16px auto; list-style: none; padding: 0; text-align: center;} 
.cartnoticecontent li { display: inline-block; margin-right: 16px; } 

.cartnoticecontent li a, .cartnoticecontent li a:visited { color: #FFFFFF; background: #393939; padding: 8px 12px; box-sizing: border-box; border-radius: 4px; } 
.cartnoticecontent li a:hover {  background: #2c4782; } 
.cartnoticeproductname {padding: 4px; } 


.photoviewnameclose { position: fixed; top: 0; left: 0; box-sizing: border-box; width: 100%; background: #FFFFFF; padding:2px 8px; z-index: 501;  } 
#photoviewview   { margin-top: 36px;  } 
.singleprodgroupname { padding: 0px 16px; box-sizing: border-box; } 
.viewmycollection { padding: 8px; box-sizing: border-box; margin-bottom: 12px;} 
.photoviewoptions { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
	text-align: center;
} 
.photoviewoptions li { 
	display: inline-block;
	text-align:center;
	margin: 0px 12px;
	font-size: 19px;
}
.photoviewoptions .icon-text { 
	font-size: 12px; 
} 
.thephotocontainer { 
	height: 77vh; display: flex; align-items: center; 	justify-content: center;    flex-flow: row nowrap; position: relative;
} 
.mobileviewmessage { 
	padding: 8px; text-align: center; display: none; position: relative; 
} 
.mobileviewmessage div { position: relative; margin: auto; } 

.viewphototitle {  padding: 4px; box-sizing: border-box; overflow: hidden; white-space:nowrap; margin: 4px auto; text-align: center; } 
.viewphotonumbercount { margin: 4px auto;padding: 4px; text-align: center;  } 

.closephotoviewicon { float: right; text-align: right; margin: 0px; font-size: 24px; font-weight: 200; z-index: 2000; position: relative; display: inline; width: 15%; box-sizing: border-box;} 

@media (max-width: 1300px) {
	.thephotocontainer { 
		height: 74vh;
	}
}
@media (max-width: 1150px) {
	.thephotocontainer { 
		height: 70vh;
	}
}

@media (max-width: 1024px) {
	.thephotocontainer { 
		height: 60vh;
	}
	.thephotocontainercustomer { 
		height: 50VH !important;
	}
	.closephotoviewicon { font-size: 34px; } 
	.mobileviewmessage { display: block; } 
	.viewphototitle { margin-bottom: 8px;  } 
	.cartnotice { position: fixed; left: 0px; right: 0px; bottom: 36px; width: 100%; } 
	.cartnoticeproductname { text-align: center; } 
	.photoviewoptions .compareicon { display: none; } 

}


.photoviewactions { max-width: 800px; margin: auto; } 

#photoviewview .photoviewpad .photofilename { float: left; text-align: right; padding: 4px 12px 4px 4px; margin-top: 8px; width: 50%; overflow: hidden; box-sizing: border-box;} 
#photoviewview .photoviewpad .photoshare { float: left; text-align: left; padding: 4px 4px 4px 12px; margin-top: 8px; width: 50%; box-sizing: border-box;} 

.sy-photo-nav-prev { position: absolute; left: 0px; top: 45%; font-size: 48px; z-index: 55;  } 
.sy-photo-nav-next { position: absolute; right: 0px; top: 45%; font-size: 48px; z-index: 55; } 


.photocaption { padding: 24px; box-sizing:border-box; } 
.viewphotocartlink, .viewphotofavoriteslink { margin: 0px 8px; } 

.viewimageshoppingcart { position: fixed; bottom: 0; left: 0; box-sizing: border-box; width: 100%; background: #FFFFFF; padding: 8px; z-index: 502; box-shadow: 0px 0px 8px rgba(0,0,0,.7); } 

.photoviewphoto { cursor: zoom-in; } 
.photoviewenlarged { cursor: zoom-out; } 
.icon-cart-plus { font-size: 19px; } 

.thephotocontainer { overflow: hidden; box-sizing: border-box; } 

#enlargecontainbackground { 
  width:100%;
  height:1000%;
	background-color: rgba(0,0,0,.9);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}

#photoviewbg {
  width:100%;
  height:1000%;
	background-color: rgba(0,0,0,.7);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.photoviewcontainer { 
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 51;
	width: 100%; 
	box-sizing: border-box;
	display: none; 
} 
#photoview { 
	background: #FFFFFF;
	margin: 0px auto;

	width: 100%;
	box-sizing: border-box;
	min-height: 100VH; 
	max-width: 100%;
}
/*
@media (max-width: 1800px) {
	#photoview { max-width: 1686px; }

}
@media (max-width: 1700px) {
	#photoview { max-width: 1586px; }
}
@media (max-width: 1600px) {
	#photoview { max-width: 1486px; }
}
@media (max-width: 1500px) {
	#photoview { max-width: 1386px; }
}

@media (max-width: 1400px) {
	#photoview { max-width: 1286px; }
}
@media (max-width: 1300px) {
	#photoview { max-width: 1186px; }
}
@media (max-width: 1200px) {
	#photoview { max-width: 1024px; }
}
*/

#photoviewinner { padding: 8px; max-width: 1800px; box-sizing: border-box; margin: auto;  } 

/* #stockphotopageview {  margin: auto; } */

#photoviewtitle {
	vertical-align:bottom;
	display: table;
	width: 100%;
}
 #photoviewtitle h1, .stockpagetitle h1, .products h1, #photoviewtitle h2, .stockpagetitle h2, .products h2 { 
	margin:0;
    padding:0;
	line-height: 110%;
} 
#photoviewtitle .title { width: 60%;  vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 
#photoviewtitle .stocksave { width: 20%;  vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 
#photoviewtitle .share { width: 20%;  text-align: right;vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 

#photoviewview .photocontainer { float: left; width: 65%; position: fixed;  } 

@media (min-width: 1800px) {
	#photoviewview .photocontainer {max-width: 1170px;   } 
}
#photoviewview .products { float: right; width: 35%;  } 

#photoviewview .photocontainernopurchase { width: 100%; box-sizing: border-box; max-width: 1800px;} 
#photoviewview .productsnopurchase { display: none;  } 

#photoviewview .photoviewproducts { max-width: 480px; margin: auto; } 
#photoviewview .photoviewpad { padding: 16px;  }

#photoviewview .photoviewvphoto {     
	display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
} 
#photoviewview .photoviewhphoto {     
	display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto; 
} 

#photoviewview .photocontainerfull { width: 100%; box-sizing: border-box; max-width: 1800px;} 
#photoviewview .productsfull { display: none;  } 
.photocontainerclass { position: fixed; display: block; } 
.productsclass { float: right; } 

@media (max-width: 1024px) {
	#photoviewview .photocontainerclass { float: none; width: 100% !important; position: relative;} 
	#photoviewview .productsclass { float: none; width: 100% !important; display: block !important;} 
	#photoviewtitle .title { width: 100%;  vertical-align:bottom; display: block; } 
	#photoviewtitle .stocksave { width: 40%;  vertical-align:bottom; display:inline-block; } 
	#photoviewtitle .share { width: 60%;  text-align: right;vertical-align:bottom; display: inline-block; } 
	#photoviewinner { padding: 8px; } 
	#photoviewview .photoviewproducts { max-width: 100%; margin: auto; } 
	#photoviewview .photoviewpad { padding: 2px;  }
	.buyphotoicon { display: none !important; } 

}

#photoviewloading { position: absolute; left: 50%; margin: auto; height: 100%; margin-left: -30px; margin-top: 20%;  } 
#closephotoview { position: fixed; top: 4px; right: 2px; z-index: 60;}
#closephotoview .the-icons { color: #e4e4e4; font-size: 28px; text-shadow: none; } 


.stockenlargeicon { position: absolute; width: 100% height: 100%; text-align: center; top: 40%; left: 50%; margin-left: -30px; z-index: 2; display: none;} 
.photoviewviewphotocontainer { position: relative; } 
.photoviewviewphotocontainer:hover .stockenlargeicon { display: block; } 
.stockenlargeicon .the-icons { color: #ffffff; font-size: 50px; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } 


.stocksave { cursor: pointer; } 
.stocksave .icon-star-1 { 
	color: #ffe400; 
	text-shadow: 0 1px 2px rgba(0,0,2,.80); 
	transition: text-shadow 0.5s ease-out; 
} 


#photoviewcoverbackground {width:100%; height:100%; min-height: 100%; background-color: #000000; opacity:0.70; overflow: hidden; display: block; position: fixed; top: 0; left: 0; display: none; z-index: 300; } 










/* ######## STOCK PHOTO STUFF ############## */
#navstock { 
	padding: 0px;
	margin: 0 auto;  
	width: 100%;
 }
#navstock .the-icons { text-shadow: none; color: #FFFFFF; } 

#navstock .tabdisabled { 
	display: inline-block;
	padding: 6px;
	margin: 0px 0px 8px 0px;
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	width: 100%; 
	min-width: 360px; 
	box-sizing:border-box; 
	display: block;
	padding: 8px; 
	cursor:not-allowed;
}
#navstock .tab {
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
	width: 100%; 
	min-width: 360px; 
	box-sizing:border-box; 
	display: block;
	padding: 8px; 
} 
#navstock .tab:hover { 
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
}
#navstock select { 
padding: 4px;
}


@media (max-width: 1024px) {
	#navstock .tab,#navstock .tabdisabled { width: auto; min-width: auto;} 

}



#showstockphotobg, #showstockphotobglarge { 
  width:100%;
  height:1000%;
	background-color: rgba(0,0,0,.7);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

#showstockphoto { 
	background: #FFFFFF;
	width: 1400px;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	top: 10%;
	z-index: 51;
}

@media (max-width: 1450px) {
	#showstockphoto { 
		width: 90%;
		left: 5%;
		margin-left: 0px;
	}
}

#showstockphotoinner { padding: 24px; } 

#stockphotopageview {  margin: auto; } 

#stockphototitle {
	vertical-align:bottom;
	display: table;
	width: 100%;
}
 #stockphototitle h1, .stockpagetitle h1, .products h1, #stockphototitle h2, .stockpagetitle h2, .products h2 { 
	margin:0;
    padding:0;
	line-height: 110%;
} 
#stockphototitle .title { width: 60%;  vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 
#stockphototitle .stocksave { width: 20%;  vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 
#stockphototitle .share { width: 20%;  text-align: right;vertical-align:bottom; display: table-cell; box-sizing:border-box; padding: 0px 16px;} 

#stockphotoview .photocontainer { float: left; width: 60%; } 
#stockphotoview .products { float: left; width: 40%; } 
.stockphotoviewpad { padding: 16px;  }

.stockvphoto { width: auto; max-height: 75vh;  } 
.stockhphoto { width: 100%;  height: auto;} 

@media (max-width: 1024px) {
	#stockphotoview .photocontainer { float: none; width: 100%; } 
	#stockphotoview .products { float: none; width: 100%; } 
	#stockphototitle .title { width: 100%;  vertical-align:bottom; display: block; } 
	#stockphototitle .stocksave { width: 40%;  vertical-align:bottom; display:inline-block; } 
	#stockphototitle .share { width: 60%;  text-align: right;vertical-align:bottom; display: inline-block; } 
	.stockvphoto {  width: 100%;  height: auto; max-height: 100%;  } 
}

#stockphotoloading { position: absolute; left: 50%; margin: auto; height: 100%; margin-left: -30px; margin-top: 20%;  } 
#closestockphoto { position: fixed; top: 4px; right: 2px; }
#closestockphoto .the-icons { color: #e4e4e4; font-size: 28px; text-shadow: none; } 


.stockenlargeicon { position: absolute; width: 100% height: 100%; text-align: center; top: 40%; left: 50%; margin-left: -30px; z-index: 2; display: none;} 
.stockphotoviewphotocontainer { position: relative; } 
.stockphotoviewphotocontainer:hover .stockenlargeicon { display: block; } 
.stockenlargeicon .the-icons { color: #ffffff; font-size: 50px; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } 


.stocksave { cursor: pointer; } 
.stocksave .icon-star-1 { 
	color: #ffe400; 
	text-shadow: 0 1px 2px rgba(0,0,2,.80); 
	transition: text-shadow 0.5s ease-out; 
} 

.stocksearchinput  {
	display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;
    vertical-align: top;
    font-size:17px; 
    font-weight:400; 
    width:100%;
    height:50px;
	padding: 8px 8px; 
    margin:0;
	box-sizing:border-box; 

}
.stocksearchsubmit {
	display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;
    vertical-align: top;
    font-size:17px; 
    font-weight:400; 
    height:50px;
	padding: 8px 8px; 
    margin:0;
	box-sizing:border-box; 

}

#stockmenuoptions { padding: 0px 0px 8px 0px ; margin-top: -8px; margin-bottom: 16px;  } 
#stockmenuoptions a { margin-right: 24px; font-size: 13px; } 
#stockmenuoptions .the-icons { font-size: 13px; } 

.stockthumbtitle { text-align: left; line-height: 100%; padding: 4px 0px; } 
.stockthumbtext { text-align: left; line-height: 100%; font-size: 12px; padding: 4px 0px; } 
.stockcategoryname { background: rgba(0,0,0,.7); color: #FFFFFF; z-index:50; position: absolute; bottom: 0; width: 100%; padding: 16px;  box-sizing:border-box;  } 

/* ############################################## THE FOLLOWING SECTION CONTROLS THE FORM STYLES ################################*/

#cookiewarning { 
position: fixed; bottom: 0; left: 0; 
 padding: 8px; z-index: 1000; width: 100%; text-align: center;
	background-color: #FFFFFF;
	color:#050505;
	font-family : 'Poppins',Arial,Verdana,sans-serif; 
	border: solid 1px #FFFFFF;

}

textarea, input, select { 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffF7F7F7,endColorstr=#ffF7F7F7);

	background-color: rgba(247,247,247,1.00);
	color:#1C1C1C;
	font-family : 'Poppins',Arial,Verdana,sans-serif; 
	border: solid 1px #E0E0E0;
	padding: 8px;
	font-size: 16px;
	border-radius: 2px;
	}
.inputError {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffF7F7F7,endColorstr=#ffF7F7F7);

		background-color: rgba(247,247,247,1.00);
		color:#1C1C1C;
		font-family : 'Poppins',Arial,Verdana,sans-serif; 
		border: solid 1px #890000;
		padding: 8px;
		font-size: 16px;
	-moz-box-shadow: 1px 1px 6px rgba(100, 0, 0, .5); 	box-shadow: 1px 1px 6px rgba(100, 0, 0, .5);

}

button { padding: 8px;  	font-family : 'Poppins'; 
	padding: 6px;
	cursor: pointer;
	box-sizing: border-box; 
	font-size: 16px;
} 
.submit {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000,endColorstr=#ff000000);

	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	size: 16px;
}

.submit:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2986CC,endColorstr=#ff2986CC);
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	cursor: pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	size: 16px;
}

.imagesubmit {
	background: none;
	border: solid 0px #000000;
	color: #FFFFFF;
	cursor: pointer;
	size: 16px;
}

input.checkbox,.toselect ,input.radio{ 
	font-size: 16px; 
	background-color: transparent;
	border: 0;
	margin: 0;
}

input[type=checkbox]:checked + label {
  font-weight: bold;
} 


input[type=radio]:checked + label {
  font-weight: bold;
} 


input.image { 
	background-color: transparent;
	border: none;
}
.ff-default-value {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffF7F7F7,endColorstr=#ffF7F7F7);

		background-color: rgba(247,247,247,1.00);
	color:#1C1C1C;
	font-family : 'Poppins',Arial,Verdana,sans-serif; 
	border: solid 1px #E0E0E0;
	font-weight: normal;
	font-style: italic;
}

.disabledinput { 
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
}
.field100 { width: 100%; box-sizing:border-box;  } 

.addtocart, .checkout, .backtoproductlist, .backtoproducts a, .submit, .submit:hover, .disabledinput, .addcartbutton, #addtocart, .checkoutcart , .gallerybuttons { border-radius: 2px; } 


.error { 
	background-color: #CF1919;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #CF1919), color-stop(100%, #AF0909));
	background-image: -webkit-linear-gradient(#CF1919, #AF0909);
	background-image: -moz-linear-gradient(#CF1919, #AF0909);
	background-image: -o-linear-gradient(#CF1919, #AF0909);
	background-image: -ms-linear-gradient(#CF1919, #AF0909);
	background-image: linear-gradient(#CF1919, #AF0909);
	border: solid: 1px #8A2424; 
	color: #FFFFFF;  
	padding: 16px;
	box-sizing: border-box;
	margin: 16px auto;
} 
.error a  {color: #FFFFFF !important; text-decoration: underline;  ;}  
.error a:hover {color: #FF9999 !important; }  

.success { background: #4BAA48; border: solid: 1px #2F922C; color: #FFFFFF; 
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4BAA48), color-stop(100%, #2F922C));
	background-image: -webkit-linear-gradient(#4BAA48, #2F922C);
	background-image: -moz-linear-gradient(#4BAA48, #2F922C);
	background-image: -o-linear-gradient(#4BAA48, #2F922C);
	background-image: -ms-linear-gradient(#4BAA48, #2F922C);
	background-image: linear-gradient(#4BAA48, #2F922C);
	color: #FFFFFF;  
	padding: 16px;
	box-sizing: border-box;
	margin: 16px auto;

 } 

/* ###################################################### END FORM STYLES ##############################################################*/

/* ###################################################### SHARE STYLE  ##############################################################*/

#socialShare { margin: 8px 0; }

#socialShare .item {
	margin: 2px;
	float: left;
}
/* ###################################################### END SHARE  STYLES ##############################################################*/



/* ######################################################### TOP STORE MENU ################################################ */


#viewcarttop {
	background-color: #FFFFFF;
		border-bottom: 1px solid #F0F0F0;
		color: #2B2B2B;
		 -moz-border-radius: 2px;
	border-radius: 2px; 
	z-index: 801; 	
	width: 400px; float: right; display: none; position: fixed; left: 50%; margin-left: -200px; top:-2px;	
	-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, .5); 	box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
}
#viewcartinner {	
	padding: 16px;
}

#viewcarttop h3 { color: #2986CC; } 
#viewcartinner a { color: #2986CC; } 
#viewcartinner a:hover { color: #33A7FF; } 




/* ######################################################## END TOP STORE MENU ############################################## */

/* ##################################################### TOOL TIPS ############################################################## */

.tooltip{
    position:fixed;
    z-index:1999;
    color:#fff;
    background-color:#444444;
	border: solid 1px #343434;
    padding:1px;
	display: none;
	text-align: left;
	font-size: 13px;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);	
	-moz-border-radius: 6px;
	max-width: 300px;
	text-shadow: none;
	font-weight: normal;
}

.tooltip div{
    margin:0;
    padding:4px;
    padding:2px 7px;
	display: block;
	white-space: normal; 
}
/* ##################################################### END TOOL TIPS ############################################################## */



/* ######################################################  SIDE MENU  #################################################################### */

#sideMenuContainer { 
	width: 30%; 
	float: right; 
	color: #6B6B6B;
	padding-top: 4px;
}
#sideMenuContainer a,  #sideMenuContainer  a:active {   text-decoration: none; color: #000000;}
#sideMenuContainer a:link, #sideMenuContainer a:visited { text-decoration: none; color: #000000;   }
#sideMenuContainer  a:hover {  color: #A82A32; text-decoration: underline;  } 
#sideMenuContainer .header { color: #; } 

#sideMenuContainer #sideMenu { 	
		margin: 0px 0px 0px 24px  ;
	} 

#sideMenuContainer #sideMenu .label {
	font-family : 'Poppins',Arial,Verdana,sans-serif; 
	font-size: 16px; 
	font-size: 17px; 
} 

#sideMenu ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
	} 

#sideMenu ul li { 
	border-bottom:1px dotted #EDEDED;
	padding: 0 4px 0 4px;
	padding: 8px 0;
	font-size: 13px; 
}
#sideMenu ul li.last{ 
	border-bottom:0;
	padding: 0 4px 0 4px;
	padding: 8px  0 0 0;
	font-size: 13px; 
}

#sideMenu ul li .sub { padding-left: 20px; }  
#sideMenu ul li .on { font-weight: bold; }  
#sideMenu ul li .mini { border: 1px solid #FFFFFF; margin-right: 8px; } 
#sideMenu ul li .date { padding: 2px 0; font-size: 16px; } 

.sidebaritem { margin: 0 0 24px 0 } 
.sidebarlabel { margin: 0 0 8px 0 } 

#pageContentContainer {
	width: 70%;
	display: inline;
	float: left;
	margin: 0 0 0 0;
	min-height: 100%;
	position: relative;
}


#pageContentContainer { width: 100%; margin: 0; } 
#sideMenuContainer { display: none; width: 0; padding: 0; margin: 0; } 

#som { size:  4 - 98% } 
#categoryList .item { padding: 4px 0; } 
#categoryList .item .on  { font-weight: bold;  } 



#linksMenuContainer, .blogSideMenuContainer { 
	margin: 0 0 0 0;

}

#linksMenu, #categoryList {
	background: #FCFCFC;
	border: 1px solid #EDEDED;
	border-radius:2px;
	color: #000000;
	padding: 10px;
}
#sideMenuAdditionalHtmlTop, #sideMenuAdditionalHtml { 
		margin: 0px 0px 0px 24px  ;
		color: #6B6B6B;
}


#linksMenu .menuHeader {
color:#;
padding: 6px;
}

#linksMenu .menuHeader .title {
font-size: 17px;
}

.blogSideMenuContainer .header { 
		margin: 0px 0px 0px 24px  ;
		color: #6B6B6B;
	padding: 10px;

}

#linksMenu .sideMenuItem, #categoryList .item {
	border-bottom:1px dotted #EDEDED;
	line-height: 8px;
	padding: 0 4px 0 4px;
}

#linksMenu .sideMenuItem  .sub {
	text-indent:20px;
}

#linksMenu .sideMenuItem img {
	float: left;
	margin: 4px 6px 6px 0;
	border: 1px solid #FFFFFF;
}
#linksMenu .sideMenuItem .title {
	
}

#linksMenu .menuHeader img {
	float: left;
	margin: 0 6px 6px 0;
	border: 1px solid #FFFFFF;
}



/* ####################################################### END SIDE MENU AREA  ##########################################################*/

/* ####################################################### SLIDESHOW   ##########################################################*/

#thumbscroller { } 
.thumbscrollerpage {   background: #;  border: solid 1px #; margin-top: 16px; padding: 4px; color: #; } 
.thumbscrollerfullscreen {   background: #;  border: solid 1px #; margin-top: 16px; padding: 4px; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 50;} 

#thumbscroller .fullscreen {} 

#scrollbar1 { width: 100%; clear: both; margin: 2px 0 0 0; bottom: 100px;}
#scrollbar1 .viewport { width: 100%; height: 105px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0;  }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #; border-radius: 4px; height: 16px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: 2px; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2) ,0px 0px 6px 6px rgba(255,255,255,0.3) inset; opacity: .6; }
#scrollbar1 .thumb:hover { opacity: 1; } 
#scrollbar1 .scrollbar{ background: #; position: relative; margin: 0 0 0px; clear: both; height: 20px;border-radius: 4px; opacity: .8; }
#scrollbar1 .scrollbar:hover{ background: #; position: relative; margin: 0 0 0px; clear: both; height: 20px;border-radius: 4px; opacity: 1; }

#scrollbar1 .track { width: 100%; height:15px; position: relative; }
#scrollbar1 .thumb .end{  overflow: hidden; height: 20px; width: 0px;}
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }



.scrollthumbnail {	border: 1px solid #FFFFFF; opacity: .6; } 
.scrollthumbnail:hover { opacity: 1; } 
.thumbon {	border: 1px solid #FFFFFF; opacity: 1; } 

.photofull {
	margin: auto;
	border: solid 0px #222222; 
	padding: 0px; 
	background: #FFFFFF;
box-shadow: 0px 0px 15px 3px rgba(25,25,25,0.9) ;	 position: relative; 
	 margin: auto; 

 }

#ssbackground { 
  width:100%;
  height:100%;
  min-height: 100%;
	background-color: #000000;
  opacity:0.90;
  overflow: hidden;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
	display: none;
  z-index: 20;
}
#thumbscrollerclick { cursor: pointer; } 

#photomenu ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
} 
#photomenu ul li { 
	display: inline-block;

	margin-left: 27px;
}

.thumbnailactions { text-align: center; } 
.thumbnailactions ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
	text-align: center;
} 
.thumbnailactions ul li { 
	display: inline;
	margin-left: 2px;
}

#sscontainerloading { background: transparent url('/sy-graphics/loading-page.gif') center center no-repeat; width: 100%; height: 100%; position: absolute; z-index: 50; display: none;} 

.sscontainerfull { position: fixed; width: 100%; height: 100%; left:0; top: 0; z-index:30; } 



.controlsbg { }
#fullscreen { 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);

	background-color: rgba(0,0,0,0.40);
	padding: 6px;
	margin: 4px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 2px; 
}
.controlsbg a { color: #FFFFFF; } 
.photocontainer { position: relative; }
.photocaptioncontainer { 
	z-index: 1602;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}
.photocaptioncontainer .inner{ 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	background-color: rgba(0,0,0,0.40);
	padding: 16px;
	color: #FFFFFF;
	text-align: left;
}
.photocaptioncontainer .inner h3 { 
	font-family: 'Playfair Display',Arial;
	font-size: 21px;
	text-shadow: none;
	color: #FFFFFF;
	display: block;
}
  .photo { 
	border: solid 0px #222222; 
	padding: 0px; 
	background: #FFFFFF;
}
  .photoHidden { 
  display: none;
	border: solid 0px #222222; 
	padding: 0px; 
	background: #FFFFFF;
}

.photocaptionbelow { padding: 4px 0 24px; text-align: left; } 

















#ssContainer { text-align: center; background: #890000;}
.SSphotoViewContainer { position: absolute;   margin: auto; width: 100%;  } 
#ssViewPhotoOuter { position: relative; text-align: center;   display: block;  }
#ssViewPhotoOuterFixed { position: fixed; text-align: center; width: 100%;  display: block; }

.SSphotoView { 

	margin: auto; 
	display: none;
	border: solid 0px #222222; 
	padding: 0px; 
	background: #FFFFFF;
}

#ssControls { 
	padding: 6px;
}
#ssControls ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; 
	text-align: center;
} 
#ssControls ul  li { margin: 4px; display: inline; }






.loadMore { 
display: block;  padding: 12px; text-align: center; 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 17px;
}

.zoomCur { 
	cursor: url('/sy-graphics/magnify.cur'), pointer; 
}

.zoomClose { 
	cursor: pointer; 
}


#video {  } 

#passwordSite { 
background:#FFFFFF; 
padding: 20px;
margin-top: 30px;

}

#slideShowDContainer { position: relative; background: url('/sy-graphics/loading.gif') center center no-repeat;  }
#slideShowDContainer .slideShowDPic { position: absolute; z-index: 2; text-align: center;}

#slideShowDContainer .slideShowDPic img { margin: auto; } 

.viewfaq { 
	background-color: #FFFFFF;
	padding: 8px;	
	text-align: left;
	 -moz-border-radius: 2px;	border-radius: 2px; 
	 color: #000000;
}
.viewfaqcontainer { display: none; } 
.faqlink { font-size: 15px; } 
.viewfaqtext { padding: 20px;  background: #FFFFFF; } 
.viewmedia { text-align: center; font-weight: bold; font-size: 17px;} 

li { margin: 0;}






.blogPhotoView { 
	position: relative; 
	z-index: 3000;
	float: left;
}

.photoNextPrevious { 


}


.blogPhotoCaptionOnPhoto { 
	color: #FFFFFF;
	background:#000000; 
	opacity: 0.40;   
	filter:alpha(opacity=40);
	z-index: 1602;
	position: absolute;  bottom: 0px;   z-index: 9; text-align: left; margin: auto; left: 50%; display: none;

}



.blogPhotoCaptionFS { 
	color: #FFFFFF;
		width: %; position: absolute; bottom:px; margin: 0 100px 0 0;  left: 5%; z-index: 10; 
		background:#000000; 
		padding: 4px; 
		display: block; -moz-border-radius: px;	
		border-radius: px; 
		opacity: 0.40;   
		filter:alpha(opacity=40);
		overflow: hidden; 
		border: solid 1px  #;
			position: fixed;  text-align: left;display: none;
  overflow: hidden; 
	z-index: 1602;



}


.blogPhotoCaptionText { 
	filter:alpha(opacity=100); opacity: 1; padding: 4px;  z-index: 50; position: relative;  padding: 16px;	
}

#overlay1, #overlay2 { z-index: 1600; position: fixed; width: 100%; height: 100%;}
#fullScreenContainer { 

	display: none;
}

#logo { 
	position: fixed; z-index: 5000;
 color: #030303; padding: 100px;
 
 
}
#fsTextHeader { 
 color: #030303; padding: 100px;
display: none; 
}


#hideText {padding: 6px;   text-align: center; cursor: pointer;} 


#comContainer, #fsHelp { 
	margin: auto;
	width: 700px;
	height: 520px;
	background-color: #FFFFFF;
	border: solid 1px #F0F0F0;
	color: #050505;
	border: solid 2px  #999999;
	padding: 12px;
	position: fixed;
	top: 3%;
	left: 50%;
	margin-left: -350px;
	display: none;
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
	-goog-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
	z-index: 5500;
	-moz-border-radius: 6px;
	border-radius: 6px;

}



#thumbnailsContainer { 
	position: fixed;  
	display: none; 
	overflow: hidden;
	bottom: 0;
}
#frameContainer { 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	left: 0; 
	top: 0;
	display: block; 
	margin: auto; 
	overflow: hidden; 
	z-index: 1599;
	background: #FFFFFF;
}




#showThumbnailMenu { 
	background: transparent url('/sy-graphics/siteicons//tn-show-thumbs.png') no-repeat; 
	width: 36px; 
	height: 36px; 
	border: none;
	cursor: pointer;
	display: block;
	float: left;
}
#closeThumbnailMenu { 
	background: transparent url('/sy-graphics/siteicons//tn-close-thumbs.png') no-repeat; 
	width: 36px; 
	height: 36px; 
	border: none;
	cursor: pointer;
	display: none;
	float: left;
}

.stopSlideshow { 
	background: transparent url('/sy-graphics/siteicons//tn-pause.png') no-repeat; 
	width: 36px; 
	height: 36px; 
	border: none;
	cursor: pointer;
	display: block;
	float: left;
}
.startSlideshow { 
	background: transparent url('/sy-graphics/siteicons//tn-play.png') no-repeat; 
	width: 36px; 
	height: 36px; 
	border: none;
	cursor: pointer;
	display: block;
	float: left;
}
.loadingbarsmall { 
	 width: 100%; float: left; display: block;
}

.loadingbar { 
	position: absolute; width: 95%; float: left; bottom: 0; margin-bottom: -6px;
}
.loadingbar .inner { 
	float: left; 
	width: 100%;
}
.loadingbar .inner .bar { 
	border: 0; width: 1px; height: 10px;
}

.displayPhotoContainer { 
	text-align: center; margin: auto; position: relative;
}

.displayPhotoContainerOuter { 
	width: 100%;margin: auto;position: absolute;
}



#loadingPage { 
	background: transparent url('/sy-graphics/loading-page.gif') center center no-repeat; width: 100%; height: 100%; position: fixed; z-index: 1600; display: none;
}
#fsBottomMainMenu {
	list-style:none;
	margin:auto;
	padding:0;
	position:relative;
	text-align:top;
	z-index: 1602;
}
#fsBottomMainMenu a,  #fsBottomMainMenu a:active {   text-decoration: none; color: #000000;}
#fsBottomMainMenu a:link, #fsBottomMainMenu a:visited { text-decoration: none; color: #000000;   }
#fsBottomMainMenu a:hover {  color: #298C19; text-decoration: underline;  } 

#fsBottomMainMenu #mainmenu li a,  #fsBottomMainMenu #mainmenu li a:active {   text-decoration: none; color: #000000; 		text-transform:uppercase;
	
}
#fsBottomMainMenu #mainmenu li a:link, #fsBottomMainMenu #mainmenu li a:visited { text-decoration: none; color: #000000;   }
#fsBottomMainMenu #mainmenu li a:hover {  color: #298C19; text-decoration: underline;  } 


#fsBottomMainMenu #mainmenu{
	margin: 0;
	padding: 0;
	z-index: 1602;
}

#fsBottomMainMenu #mainmenu li {
	list-style: none;
	float: left;
	margin: 0 1px 0 0;
	padding: 4px 8px 0 20px;
	z-index: 1602;
}


#fsBottomMainMenu #photosmenu { 
	display: block;
	visibility: visible;
	position: absolute;
	z-index: 1602;
}

#fsBottomMainMenu #mainmenu div {	





	z-index: 1602;
	position: absolute;
	visibility: hidden;
	padding: 0;
	border: 0;
	color: #050505;
	background: #FFFFFF;
	display: block;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#fsBottomMainMenu #mainmenu span {	
	display: block;
	z-index: 1602;
}
#fsBottomMainMenu #mainmenu  .photos {	
	display: block;
	z-index: 1602;
}

#fsBottomMainMenu #mainmenu .thumbnailsContainer { 
	padding-top: 6px; float: left; 
	z-index: 1602;
}

#fsBottomMainMenu #mainmenu div a {	
	text-align: left;
	text-decoration: none;
	z-index: 1602;
}

#fsBottomMainMenu #mainmenu div a:hover {	
	background: #;
	color: #298C19;
	z-index: 1602;
}

#slideshowCount { 
	position: fixed;
	width: 100%;
	top: 5px;
	text-align: right;
	left: 0;
	height: 23px;
	z-index: 1600;
	color: #FFFFFF;
text-shadow: #000000 1px 1px 1px; 
}

#facebookLikeBoxFS { 
position: fixed; left: 0; top: 250px; z-index: 8; margin-left: -292px;
}
#likeBoxInner { 
float: left; width: 292px;background: #FFFFFF;
}

#facebookTabInner{
float: left; position: relative;  display: block; width: 60px; height: 289px;
}

#facebookTabInnerTab{
background: #3B5998; position: absolute; bottom: 0; padding: 8px; cursor: pointer; color: #FFFFFF; border-top-right-radius: 5px; -moz-border-radius-topRight: 5px;border-bottom-right-radius: 5px; -moz-border-radius-bottomRight: 5px;
}

#sideShare { 
position: fixed; right: 0; top: 250px; z-index: 8000;
background: #890000;
}




#main_container { 
	width: 98%;
	max-width: 1600px;

	margin: auto;
	margin-top: 0px;
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffFFFFFF);

		background-color: rgba(255,255,255,1.00);
	border: 0px solid #F2F2F2;
	
}

#mobileContainer {  }
#mobileContainer .inner { padding: 10px; }









#contentUnderMenu { 
	padding: 24px; 
}
#mainmenu  .photos { width: 250px; } 




.toolTip { /* This is the hook that the jQuery script will use */
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
	padding: 4px;;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: -30px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	border: solid 1px #F2F2F2;
	background:#FFFFFF;
	color:#000000;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
	z-index: 10000;
	white-space:nowrap;
	-moz-border-radius: 2px;
	border-radius: 2px;
}






/* MAIN CONTENT AREA - The following controls the main content on the pages */

.pageContent, .pc { 
	padding: 4px;
}

.pageContentBold { 
	font-weight: bold;
	padding: 4px;
}

/* errorMessage - This is when an error is displayed */
.errorMessage {
	background-color: #f99999;
        border: solid 1px #890000;
        color: #490000;
		padding: 4px;
}
/* successMessage - This is when a success message is displayed */
.successMessage {
	background-color: #7AC494;
        border: solid 1px #469160;
        color: #000000;
		padding: 4px;
}

/* END  MAIN CONTENT AREA */




/* THE FOLLOWING CONTROLS THE HOME PAGE */

#homePageLabels {
	font-size: 16px;
	color: #;
}
#homePageMore {
	width: 100%;
	text-align: right;
}
#homePageMore a,  #homePageMore a:active {  text-decoration: none;  }
#homePageMore a:link, #homePageMore a:visited {  text-decoration: none;     }
#homePageMore a:hover {  text-decoration: underline;    } 

#newsSeparator {
	width: 95%;
	margin: auto;
	line-height: 10px;
}
#newsHome {

}
	
/* The #newsHeadlines is the font or link wiht news headlines */
#newsHeadlines { color: #000000; font-size: 17px; }
#newsHeadlines a,  #newsHeadlines a:active {  text-decoration: none; color: #000000;}
#newsHeadlines a:link, #newsHeadlines a:visited {   text-decoration: none; color: #000000;   }
#newsHeadlines a:hover {   color: #27CC06; text-decoration: underline;  } 

.newsDate { color: #;  font-size: 11px;  } 

#subMenu { color: #050505; font-size: 10px; padding: 4px 0 0 0; }
#subMenu a,  #subMenu a:active {  text-decoration: none; }
#subMenu a:link, #subMenu a:visited {  ; text-decoration: none; }
#subMenu a:hover {   text-decoration: underline;  } 






/* PHOTO GALLERY STYLES */


#photo-preview {  position: absolute; 
	background-color: #FFFFFF;
	border: 0px solid #F2F2F2;
	z-index: 200; box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); display: none; 
 } 
#package-photo-preview {  position: fixed; 
	background-color: #FFFFFF;
	border: 0px solid #F2F2F2;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); display: none; z-index: 2000; 
 } 


#stackedThumbnails { 
list-style-type: none;
position: relative; 
margin: 10px 0;
text-align: center;
}

#stackedThumbnails .thumb {
	display: none;
		margin: 0;

}

#stackedThumbnails .styled {
		background-color: #FFFFFF;
	border: solid 1px #F0F0F0;
	color: #2B2B2B;
	-moz-border-radius: 2px;	border-radius: 2px; 

}

#stackedThumbnails .styled a { color: #2986CC; } 
#stackedThumbnails .styled a:hover { color: #33A7FF; } 
#stackedThumbnails .thumb .inner{
 padding: 12px;
}

#photoGallery {
   text-align: center;
   margin: auto;
}

#listGalleries {
   text-align: center;
   margin: auto;
}




#photoGallery .thumb {
	padding: 4px;
	margin: 4px;
	float: left;
	overflow: hidden;
	text-align: center;
	z-index: 0;
}
#photoGallery .styled { 
		background-color: #FFFFFF;
	border: solid 1px #F0F0F0;
	color: #2B2B2B;
			margin: 0;
-moz-border-radius: 2px;	border-radius: 2px; 
}

 #photoGallery .thumbContainer { 
		background-color: #FFFFFF;
	border: solid 1px #F0F0F0;
	color: #2B2B2B;
			margin: 0;
	 -moz-border-radius: 2px;	border-radius: 2px; 
	padding: 8px;
	margin: 8px;
}

#photoGallery .styled a { color: #2986CC; } 
#photoGallery .styled a:hover { color: #33A7FF; } 
 #photoGallery .thumbContainer a { color: #2986CC; } 
 #photoGallery .thumbContainer a:hover { color: #33A7FF; } 

#photoGallery .thumbContainer td { text-align: center; } 

#photoGallery .thumbnail { border: solid 1px #FFFFFF; margin: auto;  } 
#photoGallery .thumbContainer .thumbname { white-space: nowrap; overflow: hidden; padding: 4px;} 

#photoGallery .contain { 
	margin:0;
	position: relative;
	vertical-align: middle;
	padding: 10px;
}






.photoAlbumOuter { 

	margin: auto; display: inline;
 }

.photoAlbum{
	display: none;
	margin: 8px;
	text-align: center;
	color: #050505;
}
.photoAlbum a,  .photoAlbum a:active { text-decoration: none; }
.photoAlbum a:link, .photoAlbum a:visited {  text-decoration: none;   }
.photoAlbum a:hover {  text-decoration: underline;  } 

.photoAlbum .thumbnails {
	border: 1px solid #FFFFFF;

}
.photoAlbum a {
	font-size: 17px;
}





#photoShowBGContainer {
  width:100%;
  height:100%;
  min-height: 100%;
  margin:0;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
}
#photoShowBG
  {
  width:100%;
  height:100%;
  min-height: 100%;
  background-color:#FFFFFF;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  position: absolute; 
  overflow: hidden;
  display: block;
  }

#photoShowImage {
	color:#050505;
	width: 100%;
	position: absolute;
	display: block;
	z-index: 21;
	left: 0;
	top: 35px;
	margin: auto;
	text-align: center;
  }


  .mainImage { 
	margin: auto;
	border: solid 0px #222222; 
	padding: 0px; 
	background: #FFFFFF;
  
}

.fsPhoto{ 
	margin: auto;
	border: solid 0px #222222; 
	padding: 0px; 
	background: #FFFFFF;
  
}
 
  
  .theMainImage {
	margin: auto;
  }

.thumbnails {
	border: 1px solid #FFFFFF;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}

.homePageThumb  {
	padding:0;
	margin: 4px 8px 4px 4px;
	float: left;
	text-align: center;
	border: 1px solid #FFFFFF;
}

/* END PHOTO GALLREY STYLES */
#commentsContainer { 

}
#standardComments {
	margin: auto;
	display: block;
	padding: 4px;
}

#leaveCommentForm {
	margin: auto;
	padding: 4px;
	width: 65%;
	float: left;
}
#listStandardComments {
	float: right;
	width: 33%;

}

.showComment { 
	padding: 4px;
	border-bottom: solid 1px #F0F0F0;
}


#comments{
	padding: 4px;
	margin: 0px;
	overflow-y: scroll;
	height: 200px;
}
#photoCartLogin{
		background-color: #FFFFFF;
	border: solid 1px #F0F0F0;
		padding: 4px;
	margin: 0px;
	color: #050505;
}


#facebookLikeBox {
   margin: auto;
}




.footerSpacer {
	height: 50px;
}
#footer {
	padding: 0px; 
	font-size: 15px; 
	color: #303030;
	background-color: #FFFFFF;
}
#footer .the-icons { 
	font-size: 32px;
}
#footerSpacer { height: 30px; } 

#footer img {
border: 0;
margin: 0 4px 0 4px;

}


#footer a,  #footer a:active { text-decoration: none; color: #41A118;}
#footer a:link, #footer a:visited {  text-decoration: none; color: #41A118;   }
#footer a:hover {  color: #33A7FF; } 

#footerinner { 
	width: 98%; 
	max-width: 1600px;

	margin: auto;

}

	#submitreviewcontainer-page { position: fixed; bottom: 0; background: #000000; color: #c4c4c4; padding: 8px; z-index: 53; left: 0; } 
	#submitreviewcontainer-page a { color: #FFFFFF; text-decoration: underline; } 

/* ### Gallery Exclusive ### */

#gallerysharebg {width:100%; height:100%; min-height: 100%; background-color: #000000; opacity:0.70; overflow: hidden; display: block; position: fixed; top: 0; left: 0; display: none; z-index: 300; } 

#gallerysharebg #accloading { position: absolute; left: 50%; margin: auto; height: 100%; margin-left: -30px; }

#galleryheader {top: 0; left: 0; background: #FAFAFA; color: #969696; width: 100%; z-index: 20; } 
.galleryheaderfixed { position: fixed; } 
.galleryheader { position: relative; height: auto;} 

#galleryheader a, #galleryheader a:visited { color: #9C9C9C; } 
#galleryheader a:hover { color: #000000; } 
#galleryheader .inner { padding: 12px; position: relative; height: auto;} 
#galleryheader .inner .logo { float: left; width: 20%;} 
#galleryheader .inner .logo p { margin: 0px 0px -12px 0px; padding: 0px 0px 12px 0px ;} 
#galleryheader .inner .menuouter { float: left;  width: 80%; height: 100%; line-height: 100%; } 
#galleryheader .inner .menuouter .menu { height: 100%; line-height: 100%;  	vertical-align: middle; } 
#galleryheader .inner .menuouter .menu ul { list-style: none; line-height: 200%;   margin: 0px; padding: 0px;	vertical-align: middle;} 

#galleryheader .inner .menuouter .menu ul li { display: inline; margin: 0px 12px 0px 0px; 	vertical-align: middle; position: relative; white-space: nowrap;} 
#galleryheader .inner .menuouter .menu ul li a { color: #9C9C9C; 	vertical-align: middle; 	white-space: nowrap; border-bottom: solid 2px transparent; } 
#galleryheader .inner .menuouter .menu ul li a:hover{ color: #000000; } 

#galleryheader .inner .menuouter .menu ul li a .the-icons { color: #9C9C9C; text-shadow: none; 	white-space: nowrap;} 
#galleryheader .inner .menuouter .menu ul li .title { position: absolute; background: #9C9C9C; color: #FAFAFA; padding: 8px;  opacity: 0; display: none;} 
#galleryheader .inner .menuouter .menu ul li .on { border-bottom: solid 2px #9C9C9C; color: #000000;} 

#gallerymobileheader {top: 0; left: 0; background: #FAFAFA; color: #9C9C9C; width: 100%; } 
#gallerymobileheader .inner { padding: 12px 12px; position: relative; height: auto; text-align: center;} 
#gallerymobileheader .inner  ul { list-style: none; margin: 0px; padding: 0px;	vertical-align: middle;} 
#gallerymobileheader .inner ul li { display: inline-block; margin: 0px 8px 0px 0px; 	vertical-align: middle; position: relative; white-space: nowrap;} 
#gallerymobileheader .inner ul li a { color: #9C9C9C; 	vertical-align: middle; 	white-space: nowrap; border-bottom: solid 2px transparent; } 
#gallerymobileheader .inner  ul li a .the-icons { color:#9C9C9C; text-shadow: none; 	white-space: nowrap; font-size: 19px;} 


#gallerymobilemenu  {  position: relative;  } 

#gallerymobilemenu .menu { position:relative; display: block;}

#gallerymobilemenu .menu ul { margin: 0px; padding: 0px; list-style: none;  } 
#gallerymobilemenu .menu ul li {  margin: 0px;  } 
#gallerymobilemenu .menu ul li a {  display:block; margin: 0px 0px 0px 0px; background: #FAFAFA; border-bottom: solid 1px #EBEBEB; padding: 16px; color: #9C9C9C; } 
#gallerymobilemenu .menu ul li a .the-icons { color: #9C9C9C; text-shadow: none; } 

.underlinemenu {  display:block; margin: 0px 0px 0px 0px; background: #FAFAFA; border-bottom: solid 1px #EBEBEB; padding: 16px; color: #9C9C9C; } 


.gallerymenuicon { font-size: 31px; text-shadow: none; color:#9C9C9C; } 


.customerwindows {  background: #FFFFFF;  padding: 16px; color: #2B2B2B;  display: none; position: absolute; width: 360px; left: 50%; top: 0%;margin-left: -180px;  z-index:301;  box-sizing: border-box; padding: 16px; box-shadow: 0 0 8px rgba(0,0,0,.6); border-radius: 4px; text-align: left;} 
.customerwindows .the-icons{ color: #2B2B2B;  text-shadow: none; } 

#useractions, #productactions { 
	position: fixed; 
	left: 0; 
	bottom: 0; 
	width: 100%;
	box-sizing: border-box;
	display: none;
	z-index: 51;
	text-align: center;
	background: #FFFFFF;  padding: 16px; color: #2B2B2B; border-top: solid 1px #F0F0F0; box-shadow: 0px 0px 12px rgba(0,0,0,.6); 
} 

#useractions .checkout, #productactions .checkout, #useractions  .disabledbutton, #productactions  .disabledbutton { margin: 0px 8px;} 
#useractions .customerselected, #productactions .customerselected { margin-bottom: 12px; } 

#useractions  .disabledbutton, #productactions  .disabledbutton { 
	background: #FFFFFF;
	border: solid 1px #D4D4D4;
	color: #737373;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 4px; 
}


.gallerypopup .inner ul , .stylelist .inner ul { margin: 0px; padding: 0px; list-style: none;  } 
.gallerypopup .inner ul li .stylelist .inner ul li {  margin: 0px 0px;  } 
.gallerypopup .inner ul li a, .stylelist .inner ul li a {  display:block; margin: 0px 0px 0px 0px; background: #FFFFFF; border-bottom: solid 1px #F0F0F0; padding: 16px; color: #2B2B2B;  } 
.gallerypopup .inner ul li a .the-icons, .stylelist .inner ul li a .the-icons{ color: #2B2B2B;  text-shadow: none; } 

.gallerypopup { display: none; position: absolute; width: 360px; left: 50%; top: 0%;margin-left: -180px; background: #FFFFFF; z-index:301;  } 
.numberCircle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 10px;
    font-size: 12px;
    line-height: 1em;
    border: 2px solid #9C9C9C;
    position: relative;
	display: inline-block;
}
.numberCircle .height_fix {
    margin-top: 100%;
}
.numberCircle .content {
    position: absolute;
    left: 0;
    top: 50%;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: -7px; /* Note, this must be half the font size */
	color: #333333;
}


.numberCircleSmall {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 8px;
    font-size: 11px;
    line-height: 1em;
    border: 1px solid #333333;
    position: relative;
	display: inline-block;
	margin-left: -2px;
}
.numberCircleSmall .height_fix {
    margin-top: 100%;
}
.numberCircleSmall .content {
    position: absolute;
    left: 0;
    top: 50%;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: -5px; /* Note, this must be half the font size */
	color: #333333;
}

.photo-message { position: absolute; top: 0; width: 100%; padding: 8px 0px; text-align: center; } 
.photo-header { position: relative; height: 1200px; background-color:#000000;} 
.photo-header .image{background-color:#000000; opacity: .7; background-position:50% 50%;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;height:100% ;left:0;position:absolute;top:0;width:100%}
.photo-header .title { position: absolute;  text-align: center; width: 100%;  top: 40%;  color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,.6); } 
.photo-header .title h1 { color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,.6);  font-size: 60px; } 
.photo-header .title p { color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0,.6);  font-size: 21px; } 
.photo-header .title .the-icons { color: #FFFFFF; font-size: 60px;text-shadow: 1px 1px 1px rgba(0,0,0,.6);  } 


@media (max-width: 1024px) {
	#galleryheader .inner .logo { width: 25%;} 
	#galleryheader .inner .menuouter { width: 75%;  } 
	#galleryheader .inner .menuouter .menu { } 
}

@media (max-width: 800px) {
	#galleryheader .inner .logo { width: 80%;} 
	#galleryheader .inner .menuouter { width: 20%;  } 
	#galleryheader .inner .menuouter .menu { } 
}

@media (max-width: 800px) {
	.photo-header .title h1 { font-size: 38px; } 
}



#calHeader { display: block; width: 100%; } 
#calendarselect { max-width: 950px; margin: auto;} 
.dayscontainer {  border-right: solid 1px #F0F0F0;  border-bottom: solid 1px #F0F0F0; } 

.caldaycontainer { width: 14.28%; float: left; padding: 0px; overflow: hidden;} 
.caldaycontainerday { width: 14.28%; float: left; padding: 0px;   overflow: hidden;} 
.callabel {   margin-bottom: 8px; } 
.calday {  padding: 8px;  height: 100%; text-align: center;  border-top: solid 1px #F0F0F0;  border-left: solid 1px #F0F0F0; } 
.today { color: #FFFFFF; background: #050505; font-weight: bold; } 

.notmonth {color: #FFFFFF; } 

.unavailableday span { text-decoration: line-through; opacity: .4;} 

.selectdate { font-weight: bold; } 

#bookingcalendar  { font-size: 13px; } 
#bookingcalendar a {  } 
#bookingcalendar .the-icons { font-size: 13px; } 

.nofloat { float: none !important; width: 100% !important; margin: auto; text-align: center !important; }
.nofloat div { text-align: center !important;  } 
.nofloatlefttext { float: none !important; width: 100% !important; margin: auto; text-align: left !important; }
.nofloatlefttext div { text-align: left !important;  } 

@media (max-width: 1024px) {
	.hidesmall1024 { display: none !important; } 
}

@media (max-width: 800px) {
	.hidesmall { display: none; } 
	.showsmall { display: block; } 
	.nofloatsmall {  float: none !important; width: 100% !important; margin: auto;} 
	.nofloatsmall div {  } 
	.nofloatsmallleft { float: none !important; width: 100% !important; margin: auto; text-align: left !important; }
	.nofloatsmallleft div { text-align: left !important;  } 
	#checkoutside .inner { margin-right: 0px; padding-right: 0px; } 
#photoprods, #photocrop, #photopackagecontainer  { width: 90%;  left: 50%; margin-left: -45%; } 

}



@media (max-width: 800px) {
	#topMainMenuContainer { display: none; } 
		#mobilemenubuttontop { display: block; } 
	#header .inner { text-align: left; padding-left: 0px;} 
		#mobilemenu { display: block;  } 
	#headerContainer { width: 100%; }
}


/* ######### Wall Designer ########### */
#sizemenu  {   } 
#wallprice { font-size: 40px; font-weight: bold; } 
.wallpricecontainer { margin-top: -20px; } 
#sizemenu .menu { position:relative; display: block;}
#sizemenu .menu ul { margin: 0px; padding: 0px; list-style: none;  } 
#sizemenu .menu ul li {  margin: 0px;  } 
#sizemenu .menu ul li a {  display:block; margin: 0px 0px 0px 0px; background: #FAFAFA; border-bottom: solid 1px #EBEBEB; padding: 16px; color: #9C9C9C; } 
#sizemenu .menu ul li a .the-icons { color: #9C9C9C; text-shadow: none; } 

.inlineli ul { margin: 0px; padding: 0px; list-style: none; }
.inlineli  ul li { display: inline; margin-right: 8px; }
.inlineli  ul li a { white-space:nowrap; }
.inlineli  .the-icons { font-size: 15px; } 

#roomviewer { 	display: none; } 
#roomcontain { 
	position: relative; 
	margin: auto;
} 
#roombackground { 
	margin: auto; 
	position: absolute; 
	top: 0; 
} 

.adjustphoto { display: none; z-index: 10000;} 
.adjustphoto .roomphotomoveup { position: absolute; top: 20px; width: 100%; text-align: center; transform: rotate(180deg);-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);} 
.adjustphoto .roomphotomovedown {position: absolute; bottom: 20px; width: 100%; text-align: center;  }
.adjustphoto .roomphotomoveleft { position: absolute; top: 40%;left: 2px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform:rotate(90deg); }
.adjustphoto .roomphotomoveright { position: absolute; top: 40%;   right: 2px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform:rotate(-90deg);}
.adjustphoto .the-icons { color: #FFFFFF; text-shadow: 1px 1px 0px #000000; opacity: 1; } 

.borderframe { 
	border: 10px solid #ffffff;
} 

.roomphotocontainer { 
	background: #242424; 
	margin: auto; 
	position : absolute;
	z-index: 2; 
	background-position:50% 50%;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover; 
	display: none;
} 

.canvasshadow { 	box-shadow: 0px 0px 6px rgba(55,55,55,.6), -3px 3px 0px rgba(55,55,55,.6), 0px 3px 0px rgba(55,55,55,.6),-3px 0px 0px rgba(55,55,55,.6); } 
.frameshadow { 	box-shadow: 0px 0px 6px rgba(55,55,55,.6); } 
.photoshadow { box-shadow: inset 0px 0px 4px rgba(0,0,0,.5); } 
.matshadow { box-shadow: inset 0px 0px 6px rgba(0,0,0,.7); } 
.roomphotomatte { 
	background: #f4f4f4;
}
.collageshadow { 	box-shadow: 0px 0px 2px rgba(55,55,55,.6); } 

.roomphoto { 
	background-position:50% 50%;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover ; 
	position: relative;
	opacity: .95;
} 

.roomphotoinsert { 
	background-position:50% 50%;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover; 
	position: absolute;
	display: none;
	box-shadow: inset 0px 0px 4px rgba(0,0,0,.5);
} 

.roomphotoinfo { 
	position: absolute; 
	bottom: 2px; 
	margin: auto; 
	text-align: center; 
	width: 100%; 
	left: 0; 
	background: rgba(0,0,0,.7); 
	color: #FFFFFF;
	display: none;
}
.roomphotoinfoinner { 
	padding: 2px;
}
.rotateinsert { 
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.rotatecanvas { 
	 -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);
}

.selectedroomphoto { 
	outline:4px solid rgba(255,255,0,.8);
	outline-offset: 3px;
}

.selectedprintsize { 
	font-weight: bold;
	text-decoration: underline;
}
.selectedmatcolor { 
	outline:4px solid rgba(255,255,0,.8);
}
.selectedframecolor { 
	outline:4px solid rgba(255,255,0,.8);
}

.framecolorselections, .matcolorselections { cursor: pointer;border: solid 1px #CFCFCF; } 

#roompreviewcontain, .roompreviewcontain { 
	position: relative; 
	margin: auto;
} 

.roompreviewbackground { 
	margin: auto; 
	position: absolute; 
	top: 0; 
} 
.move { cursor: move; } 


@media (max-width: 500px) {
	#wallprice { font-size: 20px; font-weight: bold; } 
	.wallpricecontainer { margin-top: 0px; } 
	.canvasshadow { 	box-shadow: 0px 0px 4px rgba(55,55,55,.5), -2px 2px 0px rgba(55,55,55,.6), 0px 2px 0px rgba(55,55,55,.6),-2px 0px 0px rgba(55,55,55,.6); } 
}

#roomphotoloading, #roomuploadbackground { display: none; z-index: 200; position: fixed; width: 100%; height: 100%; left: 0; top: 0; text-align: center; background: rgba(0,0,0,.6); padding-top: 20%; } 
.roomviewmenus { 
		position: fixed; bottom: 0; left: 0; width: 100%; background: #FFFFFF; z-index: 10000; text-align: center;  box-shadow: -6px 0px 6px rgba(0,0,0,.5); border-top: solid 1px #F2F2F2; 
}

.speech-bubble {
	background-color:  #FFFFFF;
	border: 1px solid #F2F2F2;
	border-radius: 5px;
	width: 100%;
	max-width: 360px;
	padding: 16px;
	position: fixed;
	bottom: 150px;
	display: none;
	z-index: 500;
	box-sizing:border-box;
}

.speech-bubble .arrow {
    border-style: solid;
    position: absolute;
}
 
.bottom {
    border-color: #F2F2F2 transparent transparent transparent;
    border-width: 8px 16px 0px 8px;
    bottom: -8px;
}

#sidethumbsbg { position: fixed; width: 100%; height: 100%; left; 0; top: 0; background: rgba(0,0,0,.5); z-index: 5000; display: none; } 
#sidethumbs { position: absolute; right: 0; z-index: 5001; display: none; width: 100%; max-width: 480px; } 
#sidethumbsclose { max-width: 480px; height: 40px; width: 100%;  right: 0; top: 0; background: #FFFFFF; text-align: center;  z-index: 5002; cursor: pointer; } 
#sidethumbsinner { background: #FFFFFF; box-shadow: -12px -22px 12px rgba(0,0,0,.5); text-align: justify;   -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; padding: 12px; min-height: 1200px; }
/* ####### End Wall Designer ######## */





.burnsin {
  animation:move 8s ease 1; /* Change this to alternate to stop the loop. Replace 1 with infinite or number of times*/ 
  -ms-animation:move 8s ease 1;
  -webkit-animation:move 8s ease 1;
  -0-animation:move 8s ease 1;
  -moz-animation:move 8s ease 1;
  position: absolute;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes move {
  from {
  	transform: scale(1);
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari and Chrome */
    -o-transform: scale(1); /* Opera */
    -moz-transform: scale(1); /* Firefox */
  }
  to {
  	transform: scale(1.1);
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
    -o-transform: scale(1.1); /* Opera */
    -moz-transform: scale(1.1); /* Firefox */
  }
}


.bursnoutstart { 
  	transform: scale(1.1);
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
    -o-transform: scale(1.1); /* Opera */
    -moz-transform: scale(1.1); /* Firefox */
}
.burnsout {
  animation:moveout 8s ease 1; /* Change this to alternate to stop the loop. Replace 1 with infinite or number of times*/ 
  -ms-animation:moveout 8s ease 1;
  -webkit-animation:moveout 8s ease 1;
  -0-animation:moveout 8s ease 1;
  -moz-animation:moveout 8s ease 1;
  position: absolute;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes moveout {
  from {
  	transform: scale(1.1);
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
    -o-transform: scale(1.1); /* Opera */
    -moz-transform: scale(1.1); /* Firefox */
  }
  to {
  	transform: scale(1.0);
    -ms-transform: scale(1.0); /* IE 9 */
    -webkit-transform: scale(1.0); /* Safari and Chrome */
    -o-transform: scale(1.0); /* Opera */
    -moz-transform: scale(1.0); /* Firefox */
  }
}








.requiredgroupmessage { font-style: italic; opacity: .8; padding: 4px 0px; } 

#presellproducts { max-width: 1024px; margin-left: auto; margin-right: auto; margin-bottom: 24px; } 
.presellgroup { margin-bottom: 24px; } 
.presell .inner { padding: 16px; box-sizing: border-box; } 
.presellname { width: 60%; float: left; } 
.presellcart { width: 40%; float: left; text-align: right;} 
.presellcart .inner { } 
.presellselectoptionsmessage { margin: 16px 0px; text-align: center;  } 
.presellproductrow { 
		border-bottom: 1px solid #F0F0F0;
		padding: 16px; 
	color: #2B2B2B; 
	background: #FFFFFF; 
} 
.presellproductrow:hover { background: #FFFFFF; color: #2B2B2B; } 
.addtocart .the-icons { text-shadow: none; color: #FFFFFF; opacity: 1; } 
.addtocart { white-space: nowrap; } 
.presellspacing { margin-right: 16px; } 
.presellgraphiccontainer {  margin: 0 24px 16px 0; float: left; max-width: 160px; width: 100%; height: auto; display: inline; } 

.presell .inner p, .presellgroupdescr { margin: 8px 0px; } 

.presellgraphic { max-width: 160px; width: 100%; height: auto; } 
.preselloptionscontainer { max-width: 400px; width: 100%; margin: auto; } 
.presellextraphotos { margin-bottom: 24px; } 

.presellgroupdescr { padding: 4px 0px; } 

@media (max-width: 1100px) {
.presellname { width: 60%; float: left; } 
.presellcart { width: 40%; float: left; text-align: right;} 
}

@media (max-width: 800px) {
	.presellname { width: 100%; float: none; } 
	.presellcart { width: 100%; float: none; text-align: left;} 
	.presellgraphic { max-width: 120px; width: 100%; height: auto; } 
	.presellgraphiccontainer {  margin: 0 24px 16px 0; float: left; max-width: 120px; width: 100%; height: auto; display: inline; } 
}



/* ############# CUSTOMER UPLOAD CLASSES ################### */

#purchasephotoscontainer { max-width: 800px; margin: auto; } 


#presellproducts { max-width: 1024px; margin-left: auto; margin-right: auto; margin-bottom: 24px; } 
.customerphotosgroup { margin-bottom: 24px; } 
.customerphotos .inner { padding: 16px; box-sizing: border-box; } 
.customerphotosname { width: 65%; float: left; } 
.customerphotoscart { width: 35%; float: left; text-align: right;} 
.customerphotoscart .inner { } 
.customerphotosselectoptionsmessage { margin: 16px 0px; text-align: center;  } 
.customerphotosproductrow { 
		border-bottom: 1px solid #F0F0F0;
		padding: 2px; 
	color: #2B2B2B; 
	background: #FFFFFF; 
} 
.customerphotosproductrow:hover { background: #FFFFFF; color: #2B2B2B; } 
.addtocart .the-icons { text-shadow: none; color: #FFFFFF; opacity: 1; } 
.addtocart { white-space: nowrap; } 
.customerphotosspacing { margin-right: 16px; } 
.customerphotosgraphiccontainer {  margin: 0 24px 16px 0; float: left; max-width: 160px; width: 100%; height: auto; display: inline; } 
.customerphotosgraphic { max-width: 160px; width: 100%; height: auto; } 
.customerphotosoptionscontainer { max-width: 400px; width: 100%; margin: auto; } 
.customerphotosextraphotos { margin-bottom: 24px; } 

.customerphotosgroupdescr { padding: 4px 0px; } 

@media (max-width: 1100px) {
.customerphotosname { width: 60%; float: left; } 
.customerphotoscart { width: 40%; float: left; text-align: right;} 
}

@media (max-width: 800px) {
	.customerphotosgraphic { max-width: 120px; width: 100%; height: auto; } 
	.customerphotosgraphiccontainer {  margin: 0 24px 16px 0; float: left; max-width: 120px; width: 100%; height: auto; display: inline; } 
}

.customerproductqty .the-icons {padding: 2px; box-sizing: border-box;  color: #FFFFFF; text-shadow: none;  } 
.customerproductqty span {  margin-right: 4px; } 
.customerproductprice { font-weight: bold; } 
.customerphotopriceeach { opacity: .6; } 
.customerproductname { font-weight: bold; margin-bottom: 8px; font-size: 21px; color: #000000  } 

.customeraddtocartqty {
  box-shadow: 0 1px 2px rgba(0,0,0,0);
  transition: box-shadow 0.2s ease-in-out;
  opacity: .5;
padding: 2px; width: 24px;
}
.animateqtychange {
  box-shadow: 0 0px 8px rgba(0,0,0,0.5);
}
.boldqty { font-weight: bold; opacity: 1; } 
.customerproductdescr { padding: 0px 16px; } 




#loadingbar { position: fixed; top: 0; left: 0; z-index: 1000;} 

.load-bar {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: #fdba2c;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}



#selectgsbackground {
	background: #000000; 
	color: #FFFFFF; text-align: center; 
	position: fixed; 
	width: 300px; 
	left: 50%;
	margin-left: -150px; 
	bottom: 0; 
	max-height: 460px; 
	z-index: 1001 !important; 
	cursor: pointer; 
	box-shadow: 0px -8px 8px  rgba(0,0,0,.2);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
} 

@media (max-width: 800px) {
	#selectgsbackground {
		right: 0;
		left: auto;
		margin-left: auto;
		width: auto;
	}
}

#gsinfo { position: fixed;  width: 320px; left: 50%;margin-left: -160px; bottom: 60px; background: #DFDFDF; border: solid 1px #DFDFDF; text-align: center; color: #000000; z-index: 1001; box-shadow: 0 0 8px rgba(0,0,0,.4); } 
#gsinfobg { width:100%; height:100%;min-height: 100%; background-color: #000000; opacity:.7; overflow: hidden; display: block; position: fixed;top: 0;left: 0; z-index: 200; } 
.gsphotocontainer { position: relative; width: 49.6%; float: left;  box-sizing: border-box; padding: 2px; } 
.gsphotoname { position: absolute; bottom: 0; left; 0; width: 100%; box-sizing: border-box; padding: 8px; text-align: center; font-size: 13px; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; } 
.gsphotoname a, .gsphotoname a:visited { color: #FFFFFF; } 

.graphicoptioncheckout { max-height: 60px; width: auto; }


.jumptothumbnailpage { text-align: center; margin: 8px auto 8px auto; } 



/* ######### MANAGE PACKAGES ############## */

#mainpackagecontainer { 
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 300;
}

@media (max-width: 1150px) {
	#packagecontainer { 
		overflow-x: scroll;
	}
}


#packagecontainer { 
	padding: 0px 12px 8px 12px;
	box-sizing: border-box;
	color: #298C19;
	white-space:nowrap;
	overflow-x: auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 12px rgba(0,0,0,.5);

}
.availableproduct { 
	width: 80px; 
	height: 80px;
	display: inline-block;
	background: #FFFFFF;
	color: #000000;
	text-align: center;
	border: solid 1px #000000;
	margin: 2px 8px;
	position: relative;
	cursor: pointer;
	background-image: url('/sy-inc/icons/plus-sign-package-graphic.png');
	background-size:80px;
	background-position: center center;
	}

.packageextraphotos { 
	width: 160px; 
	height: 80px;
	display: inline-block;
	background: #FFFFFF;
	color: #298C19;
	text-align: center;
	border: solid 1px #298C19;
	margin: 2px 8px;
	position: relative;
	cursor: pointer;
	background-size:80px;
	background-position: center center;
	}

.packageextraphotostext { 
	width: 100%; 
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,.5);
	color: #FFFFFF;
	font-size: 12px;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: clip;
	padding: 4px;
	box-sizing: border-box;
	white-space: wrap;
	align-items: center; 

}

.packageitemname { 
	width: 100%; 
	text-align: center;
	background: rgba(0,0,0,.5);
	color: #FFFFFF;
	font-size: 12px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	padding: 4px 2px;
	box-sizing: border-box;
	white-space: wrap;
}
.deletepackageitemicon { 
	position: absolute;
	left: -4px;
	top: -4px;
	background: rgba(255,255,255,.7);
	box-sizing: border-box;
	padding: 0px;
	color: #FF0000;
	border-radius: 2px;
	z-index: 3;
}
.deletepackageitemicon:hover { 
	background: rgba(255,255,255,1);
	box-shadow: 0px 0px 4px rgba(0,0,0.7);
}

.deletepackageitemicon .the-icons { 
	color: #FF0000;
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 16px;
}


.addtopackageinfo { 
	text-align: center;
	color: #298C19;
	padding: 4px;
	box-sizing: border-box;
}
.packageselectpackagename { 
	padding: 12px 8px 8px 5px;
	color: #298C19;
	border-bottom: solid 1px #298C19;
	margin-bottom: 8px; 
}

.packageselectpackagename .the-icons { 
	color: #298C19;
}

.packageselectpackagenamename { 
	font-weight: bold; 
}

.deletepackageicon { 
	background: rgba(255,255,255,.7);
	box-sizing: border-box;
	padding: 0px;
	color: #FF0000;
	border-radius: 2px;
	z-index: 3;
}
.deletepackageicon:hover { 
	background: rgba(255,255,255,1);
	box-shadow: 0px 0px 4px rgba(0,0,0.7);
}


.deletepackageicon .the-icons { 
	color: #FF0000;
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

.packageselectcontainer { 
	display: inline-block;
	margin-right: 48px;
}
#packageitemwindowbg {width:100%; height:100%; min-height: 100%; background-color: #000000; opacity:0.70; overflow: hidden; display: none; position: fixed; top: 0; left: 0; display: none; z-index: 1002; } 

#packageitemwindow { 
	display: none; 
	position: absolute;
	left: 50%;
	max-width: 600px;
	width: 96%;
	left: 50%;
	transform: translateX(-50%);
	background: #FFFFFF; 
	z-index:1003;  
	box-shadow: 0px 0px 12px rgba(0,0,0,.8);
} 

#packageitemwindow .inner { 
	padding: 24px;
}
#packageactionmessages { 
	background: #5bbc62;
	border-radius: 12px;
	position: fixed;
	left: 50%;
	max-width: 600px;
	width: 96%;
	left: 50%;
	transform: translateX(-50%);
	bottom:180px;
	z-index: 200;
	padding: 16px;
	box-sizing: border-box;
	color: #FFFFFF;
	display: none;
}


#packageactionerrormessage { 
	background: #d22c1a;
	border-radius: 12px;
	position: fixed;
	left: 50%;
	max-width: 600px;
	width: 96%;
	left: 50%;
	transform: translateX(-50%);
	bottom:180px;
	z-index: 200;
	padding: 16px;
	box-sizing: border-box;
	color: #FFFFFF;
	display: none;
}
#packageactionerrormessagemessage { 
	text-align: center;
}
#packagemessagebg { 
width:100%; height:100%; min-height: 100%; background-color: #000000; opacity:0.70; overflow: hidden; display: none; position: fixed; top: 0; left: 0; display: none; z-index: 199; 
} 

.managepackagescrollright { 
	position: absolute;
	right: 4px;
	background: rgba(255,255,255,.8);
	color: #000000;
	top: 46%;
	padding: 2px;
	z-index: 601;
	border-radius: 50%;
	display: none;
}

.managepackagescrollright .the-icons { 
	color: #000000;
	font-size: 16px;
}
.managepackagescrollleft { 
	position: absolute;
	left: 4px;
	background: rgba(255,255,255,.8);
	color: #000000;
	top: 46%;
	padding: 2px;
	z-index: 601;
	border-radius: 50%;
	display: none;

}

.managepackagescrollleft .the-icons { 
	color: #000000;
	font-size: 16px;
}

.managepackagetab { 
	color: #298C19;
	background: #FFFFFF;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-left: 4px;
	display: inline;
	box-sizing: border-box;
	padding: 4px 12px 8px 12px;
	z-index:1;
	position: relative;
	box-shadow: 0px -8px 8px  rgba(0,0,0,.2);

}
.managepackagetab a { 
	color: #298C19;
}

.managepackagetab .the-icons { 
	color: #298C19;
}
.managepackagequantity { 
	position: absolute;
	right:  -4px;
	top: -4px;
	box-sizing: border-box;
	padding: 0px;
	border-radius: 2px;
	z-index: 3;
}

.managePackageQuantityCircle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 12px;
    font-size: 12px;
    line-height: 1em;
	background: #555555;
	opacity: .9;
    position: relative;
	display: inline-block;
}
.managePackageQuantityCircle .height_fix {
    margin-top: 100%;
}
.managePackageQuantityCircle .content {
    position: absolute;
    left: 0;
    top: 50%;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: -7px; /* Note, this must be half the font size */
	color: #CCCCCC;
}

.order_fee_details { 
font-size: 13px;
opacity: .6;
}


/* ####### Additional CSS ######## */
/* ####### End Additional CSS ######## */




.faqs{
	background-color: #FFFFFF;
	border: solid 1px #F0F0F0;
	padding: 4px;
	margin: 0px;
	color: #050505;
}

.specialMessage {
	background-color: #EDE5AB;
    border: solid 1px #BAB066;
    font-weight: normal;
    color: #000000;
	padding: 4px;
	text-align: center;
	clear: both;
}
.specialMessage a {
color: #890000;
font-weight: bold;
}

.photoShowBGContainer {
  width:100%;
  height:100%;
  min-height: 100%;
  margin:0;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
}
#photoShowBGSolid
  {
  width:200%;
  height:200%;
  min-height: 100%;
  background-color:#000000;
  position: absolute; 
  display: block;
  }
 .photoShowBGImageContainer {
  width:100%;
  height:100%;
  min-height: 100%;
  margin:0;
  position: fixed;
  z-index: 2200;
  left: 0;
  top: 0;
}

.photoBG2 {
	position: fixed;   
	display: block; 
	width: 100%; 
	height: 100%; 
	min-height: 100%;
	left: 0;
	top: 0;
}
.mainImageDiv {
	 z-index: 23; width: 100%;   left: 0; top: 0; position: absolute;
}
.mainImageDivInner { 
	margin: 30px auto 0 auto; text-align: center;
}


.imageCaption { 
	position: absolute; bottom: 4px; left: 4px; background-color:#FFFFFF;z-index: 50;  filter:alpha(opacity=40); opacity:0.4; 	text-align: left; margin: auto; 
}


.imageCaptionText { 
	filter:alpha(opacity=100); opacity: 0.9; padding: 4px;  color: #000000;  
}

 
 
 .photoMessageContainer {
	margin: 200px auto 0 auto; z-index: 2999; position: fixed; width: 100%; left: 0; display: none;
}

.fb_ltr{
    position: absolute !important;
	left: 0;
    z-index: 1;
}



.photoMessage { width: 200px; padding: 10px; background-color:#FFFFFF; z-index: 50;  filter:alpha(opacity=80); opacity:0.8; 	text-align: center; margin: auto; color: #000000; } 

/* Comemnts box text color */
div.comment_body div.composer div.connected {color:#050505;}

#listComments  {    }

.connect_widget_not_connected_text {color:#050505;}
div.comment_body div.composer div.connected div.UIImageBlock_Content {color#050505;}
div.comment_body div.composer div.connected span.namelink a {color:#27CC06;}
div.comment_body div.post_area div.connected label {color:#050505;}
div.comment_body div.show_connected a.editsettings {color:#27CC06;}
div.comment_body div.wallkit_postcontent h4 {color:#050505e;}
div.comment_body div.wallkit_postcontent h4 a {color:#27CC06;}
div.comment_body div.wallkit_postcontent h4 span.wall_time {color:#050505;}
div.comment_body div.wallkit_postcontent div {color:#050505;}
div.comment_body div.wallkit_postcontent div a {color:#27CC06;}
div.comment_body div.wallkit_actionset a {color:#050505 !important;}
div.comment_body div.wallkit_subtitle div.post_counter {color:#050505;}
div.comment_body div.wallkit_subtitle div.pager a {color:#27CC06;}
div.comment_body div.wallkit_subtitle div.pager a:hover {color:#050505;}
div.comment_body div.connect_area div.or {color:#050505;}
div.comment_body div.connect_area div.connect_button_text {color:#050505;}
div.comment_body div.wall_captcha {color:#050505;}
div.comment_body div.wall_captcha h3 {color:#050505;}
div.comment_body div.wall_captcha a {color:#27CC06;}
div.comment_body div.wall_captcha label {color:#050505;}


.bookingyearnav .the-icons { font-size: 12px; opacity: .6;} 

.sq-card-iframe-container { max-width: 400px; margin: auto; } 

.demselected { font-weight: bold !important; text-decoration: underline !important; } 
.selectdem { font-weight: normal; } 
#zipprogress {  background: #3a7fc5; height: 12px; width:1%; transition: width .5s } 
#zipprogresscontainer { border: solid 1px #3069A3; width: 100%; } 

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:.2; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:.2; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:.2; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:.2; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 5s infinite;
   -moz-animation: flickerAnimation 5s infinite;
   -o-animation: flickerAnimation 5s infinite;
	animation: flickerAnimation 5s infinite;
}