.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);
  }
}


.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: #D6D6D6;  opacity: .8;  text-shadow: #4F4F4F 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: #D6D6D6;cursor: pointer; } 
.icon-text:hover { font-size: 12px; color: #D6D6D6;cursor: pointer; text-decoration: none; } 

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

.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;} 
#facebooklogin a:hover { background: #6d84b4; } 
#facebooklogin a .the-icons { color: #FFFFFF; text-shadow: none; } 
#ssheader { 
	background: #1C1C1C;
	border-top: solid 1px #707070;
	border-bottom: solid 1px #424242;
	 position: fixed; width: 100%;  left:0; top: 0; z-index:30; display: none; display: none;  display: none;
}
#ssheaderinner { 
	width: 90%;
	max-width: 1400px;
	margin: auto;
	color: #B0B0B0;
	font-family: 'Cinzel', Arial;
	font-size: 14px;
	position: relative;
	z-index: 33;
}

#ssheaderinner a { color: #C9C9C9;  text-decoration: none; } 
#ssheaderinner a:hover { color: #FFFFFF;  text-decoration: underline;  } 


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


#ssheaderinner .favoritesviewing .the-icons, #photographerfavoritefull .the-icons {
  font-size: 12x;
  line-height: 8px;
  color: #C9C9C9;
 text-shadow: #1C1C1C 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: #4F4F4F;
			-webkit-font-smoothing: antialiased;
}

html, body {
		background-color: #4F4F4F;
			height: 101%;
	margin : 0; 
	padding : 0; 
	border : 0; 
		color : #A1A1A1; 
	
	font-family : 'Open Sans',Arial,Verdana,sans-serif; 
	font-size: 14px; 
	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: 1260px; margin: auto;  } 


.hiddenphoto { opacity: .25; } 
#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: #474747; border: solid 1px #292929;color: #FFFFFF!important; display: block; padding: 8px; text-align: center; margin-bottom: 8px;
} 

#viewcartminilinks a:hover {  
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC!important;
}


.addcartbutton { 
	padding: 4px; 
	display: inline-block;
	margin-right: 8px;
	background: #474747;
	border: solid 1px #292929;
	border-radius: 2px;
	text-shadow: none; 
	color: #FFFFFF;
	cursor: pointer;
	size: 14px;
}
.addcartbutton:hover {  
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	cursor: pointer;
	size: 14px;
	cursor: pointer; 
}

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

.phototag { margin: 0 60px 0px 0; font-size: 17px; line-height: 60px; white-space:nowrap; float: left;} 
#pagephotosearch { 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: 87px;  } 
.headerheightmobile { height: 0px; } 


#headerAndMenuInner { 
	
}
#headerContainer {
	 		width: 100%; 
	 	 margin-left: auto; margin-right: auto;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff404040,endColorstr=#ff404040);

background-color: rgba(64,64,64,1.00);
 
color: #DBDBDB; 

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

#header {

	 	 width: 90%; 
	max-width: 1400px;

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

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

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

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

#croptabs { text-align: center; margin: 12px 0 ;} 
#croptabs .tab { 
	padding: 8px;
	margin-right: 8px;
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	cursor: pointer;
}
#croptabs .tab:hover { 
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
}
#croptabs .tabon {
	padding: 8px;
	margin-right: 8px;
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
 } 


.discount { display: none; background: #4F4F4F;  border: solid 1px #4F4F4F; 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: #4F4F4F;  border: solid 1px #4F4F4F; 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: #4F4F4F; width: 100%; max-width: 800px; left: 50%; margin-left: -400px; border: solid 1px #4F4F4F; position: absolute; z-index: 200; box-shadow: 0 0 8px rgba(0,0,0,.5); } 

#photoproductsnexttophotobg { display: none; position: fixed;  right: 0; top: 0; width: 28%; float: right; background: #4F4F4F; height:100%;   z-index: 19; } 
#photoproductsnexttophoto { display: none; position: relative;  right: 0; top: 0; width: 28%; float: right; background: #4F4F4F; 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: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
 } 

 #closebuyphototab { position: fixed; left: 0;width: 100%; text-align: center; top: 0; display: none; z-index: 1200;
	background: #474747;
	border: solid 1px #292929;
	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: #4F4F4F; width: 800px; left: 50%; margin-left: -400px; border: solid 1px #4F4F4F; position: absolute; z-index: 500; box-shadow: 0 0 8px rgba(0,0,0,.5); } 
 #termsandconditionsinner { padding: 24px; } 

#afftermsandconditions  { display: none; background: #4F4F4F; width: 800px; left: 50%; margin-left: -400px; border: solid 1px #4F4F4F; 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: #4F4F4F;   } 

.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 #4F4F4F; margin-bottom: 50px; } 

 #commentscontainerinner { padding: 24px; } 

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


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

#addonephoto { 
	padding: 12px; 
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
} 
#addonephoto:hover { 
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
}


#grouptabs { margin: 0 0 8px 0; text-align: center } 
.groupdescr { padding: 4px 0 8px 0 ; } 
#grouptabs .tab { 
	display: inline-block;
	padding: 6px;
	margin: 0px 0px 8px 0px;
	background: #E8E8E8;
	border: solid 1px #C7C7C7;
	color: #808080;
	cursor: pointer;
}
#grouptabs .tab:hover { 
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
}
#grouptabs .tabon {
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
 } 

.underlineonly { 
	border-bottom: 1px dashed #171717;
	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 dashed #171717;
		padding: 16px; 
	color: #A8A8A8; 
	background: #4F4F4F; 
} 
.photoprod .underline:hover { background: #4F4F4F; color: #A8A8A8; } 
.photoprod .underline h3,.photoprod .underline h4 { text-shadow: none; font-weight: normal;} 
.photoprod .underlinecolumn { border-bottom: 1px dashed #171717;  padding: 12px 8px;} 
.photoprod .underline:hover a { color: #C7C7C7; } 
.photoprod .underline:hover a:hover { color: #FFFFFF; } 

.collectionproduct { font-weight: 600;} 

.syv2products { margin: 0px; padding: 0px; list-style: none; } 
.syv2products li { padding: 16px; cursor: pointer;
	border-bottom: 1px dashed #171717;
		color: #A8A8A8; 
	background: #4F4F4F; 
	} 
.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: #4F4F4F; width: 80%; left: 50%; margin-left: -40%; border: solid 1px #4F4F4F; 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: #4F4F4F; width: 80%; left: 50%; margin-left: -40%; border: solid 1px #4F4F4F; 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:#4F4F4F; width: 100%;z-index: 920; } 
.signupcontainerinner { padding: 24px; text-align: center; color: #A1A1A1;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:0.90;
  overflow: hidden;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
	display: none;
  z-index: 200;
}

#comparephotos { 
	z-index: 10000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none;	background-color: #000000;
}
#comparenav { 
	background: #1C1C1C;
	border-top: solid 1px #707070;
	border-bottom: solid 1px #424242;
	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: #C9C9C9;  text-decoration: none; } 
#comparenavinner a:hover { color: #FFFFFF;  text-decoration: underline;  } 


#comparenavinner .the-icons {
  font-size: 24px;
  line-height: 16px;
  color: #C9C9C9;
 padding: 4px;
 margin-right: 4px;
 text-shadow: #1C1C1C 0px 0px 2px;
}
#comparenavinner .the-icons:hover { color: #FFFFFF; cursor: pointer; } 
#comparenavinner.icon-text { font-size: 12px;color: #C9C9C9; cursor: pointer; } 
#comparenavinner .icon-text:hover { color: #FFFFFF; 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: #E8E8E8;
	border: solid 1px #C7C7C7;
	color: #808080;
	cursor: pointer;
}
.compareactions li:hover { 
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
}


#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: 15px; 
 padding-bottom: 15px;
 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: #CCCCCC} 



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

#mobilemenu a,  #mobilemenu a:active {   text-decoration: none; color: #CCCCCC; font-size: 17px;}
#mobilemenu a:link, #mobilemenu a:visited { text-decoration: none; color: #CCCCCC; font-size: 17px;  }
#mobilemenu a:hover {  color: #FFFFFF; text-decoration: underline; font-size: 17px; } 

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

#topMainMenuContainer {
	margin: auto;
	display: block;
	font-family: 'Cinzel', Arial;
	letter-spacing: 0px;
	font-weight: 400; 
position: abvsolute;
		width: 100%;
	

font-size: 16px;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff363636,endColorstr=#ff363636);
		background-color: #363636;
		background-color: rgba(54,54,54,1.00);
	border-bottom:1px solid #1C1C1C;
	border-top:1px solid #525252;
		color: #;
	text-align: center;
	
		text-align: middle;
	z-index: 10;
	padding-top: 14px;
	padding-bottom: 14px;
} 



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


#topMainMenu {
	list-style:none;
	margin:auto;
	padding:0;
	z-index: 8;
		text-transform:uppercase;
	

		 width:90%; 
	max-width: 1400px;

			
	
	
}
#topMainMenu a,  #topMainMenu a:active {   text-decoration: none; color: #CCCCCC;}
#topMainMenu a:link, #topMainMenu a:visited { text-decoration: none; color: #CCCCCC;   }
#topMainMenu a:hover {  color: #FFFFFF; text-decoration: underline;  } 

#topMainMenu a .the-icons  { 
	font-size: 16px;
	color: #CCCCCC;
text-shadow: none;
}
#topMainMenu a .the-icons:hover {   color: #FFFFFF; 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: 14px 16.5px  ;

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

}

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=#ff363636,endColorstr=#ff363636);
	background-color: #363636;
	background-color: rgba(54,54,54,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 16.5px ;} 


/* 
	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 33px 0 0;
		display: inline;
}


#mainmenu li a {	
	color: #CCCCCC;
	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 #1C1C1C;
	border-left: solid 1px #1C1C1C;
	border-right: solid 1px #1C1C1C;
	border-top: solid 0px #1C1C1C;
	color: #A1A1A1;
	background-color: #;
	line-height: normal;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff363636,endColorstr=#ff363636);

		background-color: rgba(54,54,54,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: #FFFFFF;
}

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

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

#shopmenucontainer { 
		background: #1C1C1C;
	border-top: solid 1px #707070;
	border-bottom: solid 1px #424242;
		position: relative;
	z-index: 10;
}

#shopmenuinner { 
	width: 100%;
		margin: auto;
	color: #B0B0B0;
	font-family: 'Cinzel', Arial;
	font-size: 14px;
	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: 16px;
}
#accountloginresponse, #forgotloginresponse { display: none; font-size: 12px; margin-top: 4px; }
#forgotemailmessage {  font-size: 12px; font-family: 'Open Sans'; padding: 4px 0; } 

.loginform { float: left; 	padding: 11px 24px; }
.forgotpassword { font-size: 12px; font-family: 'Open Sans'; }
#shopmenuinner a { color: #C9C9C9;  text-decoration: none; } 
#shopmenuinner a:hover { color: #FFFFFF;  text-decoration: underline;  } 

#shopmenu .the-icons, #accountmenu .the-icons { 
	color: #C9C9C9;
	font-size: 14px;
	text-shadow: none; }
#shopmenu .the-icons:hover, #accountmenu .the-icons:hover { 
	 color: #FFFFFF; 
}

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

#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: 'Cinzel',Arial ;
	line-height: 1;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 34px;
	color: #E6E6E6;
	border-bottom: 0px solid #E6E6E6;
text-shadow: 1px 1px 1px #050505;}
.title h1 {
	font-family: 'Cinzel',Arial ;
	line-height: 1;

	font-size: 34px;
	color: #E6E6E6;
	border-bottom: 0px solid #E6E6E6;
	letter-spacing: 0px;
	font-weight: 400;
	
text-shadow: 1px 1px 1px #050505;}



 a.pageTitle:active,h1 a ,h1 a:active { text-decoration: none; color: #E6E6E6; }
a.pageTitle:link, a.pageTitle:visited,h1 a:link,h1 a:visited { text-decoration: none; color: #E6E6E6; }
a.pageTitle:hover,h1 a:hover { color: #FFFFFF; text-decoration: underline; } 

.pageSubTitle {
	font-size: 34px;
	color: #E6E6E6;
	border-bottom: 0px solid #E6E6E6;
	width: 100%;
}
 a.pageSubTitle, a.pageSubTitle:active{ text-decoration: none; color: #E6E6E6; }
a.pageSubTitle:link, a.pageSubTitle:visited { text-decoration: none; color: #E6E6E6; }
a.pageSubTitle:hover { color: #FFFFFF; text-decoration: underline; } 

h2 {
	font-family: 'Cinzel',Arial;
	font-size: 25px;
	color: #E6E6E6;
	border-bottom: 0px solid #E6E6E6;
	width: 100%;
	letter-spacing: 0px;
	font-weight: 400;

	line-height: 1; 
text-shadow: 1px 1px 1px #050505;}
h2 a,h2 a:active{ text-decoration: none; color: #E6E6E6; }
h2 a:link,h2 a:visited { text-decoration: none; color: #E6E6E6; }
h2 a:hover { color: #FFFFFF; text-decoration: underline; } 

h3, .h3 {
	font-family: 'Cinzel', Arial;
	font-size: 17px;
	color: #E6E6E6;
	border-bottom: 0px solid #E6E6E6;
	width: 100%;
	letter-spacing: 0px;
	font-weight: 400;

text-shadow: 1px 1px 1px #050505;}
h3 a,h3 a:active{ text-decoration: none; color: #FFFFFF; }
h3 a:link,h3 a:visited { text-decoration: none; color: #FFFFFF; }
h3 a:hover { color: #BFBFBF; text-decoration: underline; } 

h4 { font-size: 15px; } 

a, a:active { text-decoration: none; color: #FFFFFF; }
a:link, a:visited { text-decoration: none; color: #FFFFFF; }
a:hover { color: #BFBFBF; text-decoration: underline; } 




/* ######################################################## 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=#ff4F4F4F,endColorstr=#ff4F4F4F);
	background-color: rgba(79,79,79,1.00);
		border-bottom: 1px dashed #171717;
	
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	 -moz-border-radius: 2px;
	border-radius: 2px; 
		color: #A8A8A8;


	height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
}
#listing-standard .preview h2 a { color: #C7C7C7; text-decoration: none;  } 
#listing-standard .preview h2 a:hover { color: #FFFFFF; } 
#listing-standard .headline { font-size: 22px; font-family: 'Cinzel', Arial; } 



#regguestbook .preview {
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4F4F4F,endColorstr=#ff4F4F4F);
	background-color: rgba(79,79,79,1.00);
		border-bottom: 1px dashed #171717;
	
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	 -moz-border-radius: 2px;
	border-radius: 2px; 
		color: #A8A8A8;


	height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
}
#regguestbook .preview h2 a { color: #C7C7C7; text-decoration: none;  } 
#regguestbook .preview h2 a:hover { color: #FFFFFF; } 
#regguestbook .headline { font-size: 22px; font-family: 'Cinzel', Arial; } 



#ebmessage {
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4F4F4F,endColorstr=#ff4F4F4F);
	background-color: rgba(79,79,79,1.00);
		border-bottom: 1px dashed #171717;
	
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	 -moz-border-radius: 2px;
	border-radius: 2px; 
		color: #A8A8A8;


	height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
	text-align: center;
}
#ebmessage h3 { color: #A8A8A8; 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 #545454;
	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=#ff595959,endColorstr=#ff595959);

	background-color: rgba(89,89,89,1.00);
	border: 1px solid #4A4A4A;
	color: #ADADAD;
	height: 1%;
	padding: 4px;
	margin: 4px;
	width: 250px;
	height: 305px;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	-moz-border-radius: 0px;	border-radius: 0px; 
	float: left; 
	text-align: center; 
	display: block;
}
#listing-thumbnail .preview h2 a { color: #BFBFBF; font-size: 21px; 	font-family: 'Cinzel',Arial; text-decoration: none; } 
#listing-thumbnail .preview h2 a:hover { color: #FFFFFF; } 
#listing-thumbnail .text div { 	padding: 4px; } 

#listing-thumbnail .preview .thumbimage { position: relative; text-align: center; vertical-align: bottom; 	margin: auto; width: 220px;	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 #5E5E5E;} 
#listing-thumbnail .text div { 	padding: 4px; } 


.pt { max-height:150px; width: auto; } 
.ls { max-width:220px; 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=#99000000,endColorstr=#99000000);
	background-color: rgba(0,0,0,0.60);
	width: 100%; 
	z-index: 5;
	padding: 8px; 
	display: none;
	color: #FCFCFC;
} 
#thumbsj .thumbcontainer .iconsinfo .thumbnailactions .inner .the-icons  { color: #FCFCFC; opacity: .6;  text-shadow: #000000 0px 0px 2px;} 
#thumbsj .thumbcontainer .iconsinfo .thumbnailactions .inner .the-icons:hover { opacity: 1;} 


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




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

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

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

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

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

#listing-onphoto .preview .text .headline {
	padding: 2px 8px;
	color: #FCFCFC;
	font-size: 19px;
	font-family: 'Cinzel',Arial;
}
#listing-onphoto .preview .text .previewtext {
	color:#BDBDBD;
	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=#ff595959,endColorstr=#ff595959);

	background-color: rgba(89,89,89,1.00);
	border: 1px solid #4A4A4A;
	color: #ADADAD;
	padding: 0px;
	margin: 4px;
	width: 250px;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	-moz-border-radius: 0px;	border-radius: 0px; 
}

#listing-stacked .preview h2 a { color: #BFBFBF; font-size: 21px; 	font-family: 'Cinzel',Arial; text-decoration: none; } 
#listing-stacked .preview h2 a:hover { color: #FFFFFF; } 

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

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


#listing-stacked .preview .thumbnail { 
	border: 1px solid 5E5E5E;
	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: #595959; border: solid 1px #4A4A4A; font-size: 12px; text-shadow: none; padding: 8px; } 




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

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

.flexthumbnails {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff595959,endColorstr=#ff595959);
	box-sizing: border-box;
	background-color: rgba(89,89,89,1.00);
	border: 1px solid #4A4A4A;
	color: #ADADAD;
	padding: 4px;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	-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: #BFBFBF; font-size: 21px;} 
.flexgallerythumbs h3 a:hover, .dyntitle h3 a:hover { color: #FFFFFF; } 
.flexgallerythumbs h4 a, .dyntitle h4 a {  color: #BFBFBF; font-size: 21px;} 
.flexgallerythumbs h4 a:hover, .dyntitle h4 a:hover { color: #FFFFFF; } 

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

.flexgallerythumbs {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff595959,endColorstr=#ff595959);
	box-sizing: border-box;
	background-color: rgba(89,89,89,1.00);
	border: 1px solid #4A4A4A;
	color: #ADADAD;
	padding: 4px;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	-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;} 

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






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

		background-color: rgba(33,33,33,1.00);
	border: 1px solid #949494;
	color: #BDBDBD;
	height: 1%;
	padding: 8px;
	margin: 12px;
	width: 200px;
	height: 210px;
		-moz-border-radius: 2px;	border-radius: 2px; 
	float: left; 
	text-align: center; 
	display: block;
}
.styledthumbs a { color: #E6E6E6; font-size: 14px; 	font-family: 'Cinzel',Arial; } 
.styledthumbs a:hover { color: #FFFFFF; } 

.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 #FFFFFF;} 

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

#displayThumbnailPage .stackedthumbs {
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff212121,endColorstr=#ff212121);
	background-color: rgba(33,33,33,1.00);
	border: 1px solid #949494;
	color: #BDBDBD;
	padding: 8px;
	margin: 12px;
	width: 200px;
		-moz-border-radius: 2px;	border-radius: 2px; 
	float: left; 
	text-align: center; 
	display: block;
}
#displayThumbnailPage .stackedthumbs a { color: #E6E6E6; font-size: 14px; 	font-family: 'Cinzel',Arial; } 
#displayThumbnailPage .stackedthumbs a:hover { color: #FFFFFF; } 

#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 #FFFFFF;
	text-align: center;
	width: 100%;
} 
.thumbfitcontainer { 	width: 100%; height: auto; } 
.thumbfitcontainerh { 	height 100%; width: auto; } 

.tpt { max-height:155px; width: auto; } 
.tls { max-width:180px; 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; } 

#checkoutform { width: 80%; float: left; } 
#checkoutaddresswithship { width: 49%; float: left; } 
#checkoutaddressnoship { width: auto; } 
#shippingaddressside { float: right; width: 49%; } 

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

#photoWithMinis { } 
#photoWithMinis .photominis { float: left; width: 15%; text-align: center; }
#photoWithMinis .photominis .pagemini {  border: 1px solid #545454;}
#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: #4F4F4F;
	border: solid 1px boxes_border;
	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 #545454;
	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;
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;-moz-border-radius: 2px;	border-radius: 2px; 
}
#pageNextPrevious .older a { color: #C7C7C7; } 
#pageNextPrevious .older a:hover { color: #FFFFFF; } 

#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;
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;-moz-border-radius: 2px;	border-radius: 2px; 
}
#pageNextPrevious .newer a { color: #C7C7C7; } 
#pageNextPrevious .newer a:hover { color: #FFFFFF; } 

#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=#ff4F4F4F,endColorstr=#ff4F4F4F);

		background-color: rgba(79,79,79,1.00);
	border: solid 1px #171717;
	color: #A8A8A8;
		height: 1%;
	margin: 0px 4px  20px 0px;
	padding: 16px;
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;-moz-border-radius: 2px;	border-radius: 2px; 

}
#subPages .subPage a { color: #C7C7C7; } 
#subPages .subPage a:hover { color: #FFFFFF; } 


#subPages .subPage .mini {
	float: left;
	margin: 0px 12px 0 0;
	border: 1px solid #545454;
	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:1000; display: none; text-align: center; 	
background: #474747;
	border: solid 1px #292929;
	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 ############################################################## */

.checkouttitles { margin: 24px 0px; } 

.checkoutprogressdone {  
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	size: 14px;
 padding: 6px; margin: 6px;
}
.checkoutprogress {  
	background: #E8E8E8;
	border: solid 1px #C7C7C7;
	color: #808080;
	size: 14px;
 padding: 6px; margin: 6px;}


.checkout { 
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	padding: 6px;
	font-size: 17px;
	cursor: pointer;
	border-radius: 2px;
}
.addproducttocart { width: 80%; max-width: 360px; display: block; margin: 8px auto; } 
.backtoproductlist { } 
.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 { 
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	padding: 4px 6px;
	font-size: 15px;
	cursor: pointer;
	border-radius: 2px;
	text-decoration: none;
}

a.checkout, a.checkoutcart, a.checkout:visited, a.checkoutcart:visited { 	color: #FFFFFF; 	text-decoration: none;
}
.checkout:hover, .checkoutcart:hover{  
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	text-decoration: none;
}



ul.proofbutton { list-style: none; margin: 0; padding: 0;  clear: right;}

ul.proofbutton li { 
	padding: 4px; 
	display: inline-block;
	margin: 4px;
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
	size: 14px;
}
ul.proofbutton li:hover {  
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	cursor: pointer;
	size: 14px;
	cursor: pointer; 
}




ul.productoption { list-style: none; margin: 0; padding: 0;  clear: right;}
ul.productoption li { 
	padding: 4px; 
	float: left; 
	margin-right: 8px;
	background: #E8E8E8;
	border: solid 1px #C7C7C7;
	color: #808080;
	cursor: pointer;
	size: 14px;
}
ul.productoption li:hover {  
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	cursor: pointer;
	size: 14px;
	cursor: pointer; 
}
.productoption  .on { 
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
	size: 14px;
	-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: #E8E8E8;
	border: solid 1px #C7C7C7;
	color: #808080;
	cursor: pointer;
	size: 14px;
}
ul.productoptionselect li:hover {  
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	cursor: pointer;
	size: 14px;
	cursor: pointer; 
}
.productoptionselect  .on { 
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
	size: 14px;
	-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: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
	size: 14px;
 }
#addtocart:hover, .addtocart:hover {  
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	cursor: pointer;
	size: 14px;
	cursor: pointer; 
}

#addtocartdisabled { 
	padding: 3px 8px; 
	float: left; 
	background: #E8E8E8;
	border: solid 1px #C7C7C7;
	color: #808080;
	size: 14px;
}

.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=#ff4F4F4F,endColorstr=#ff4F4F4F);
	background-color: rgba(79,79,79,1.00);
		border-bottom: 1px dashed #171717;
		color: #A8A8A8;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	 -moz-border-radius: 2px;
	border-radius: 2px; 
		height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
}
#viewcart .cartitem a { color: #C7C7C7; } 
#viewcart .cartitem a:hover { color: #FFFFFF; } 


.preview .image {  }


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

#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: 'Cinzel', Arial;  } 
#viewcart .cartitem .topname { padding: 4px;  } 
#viewcart .cartitem .price { float: right;  width: 10%; text-align: right;  } 
#viewcart .cartitem .extprice { font-size: 22px; font-family: 'Cinzel', Arial; } 
#viewcart .cartitem .remove { padding: 4px;  } 

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



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

		background-color: rgba(79,79,79,1.00);
		border-bottom: 1px dashed #171717;
		color: #A8A8A8;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;	 -moz-border-radius: 2px;
	border-radius: 2px; 
		height: 1%;
	margin: 4px 4px  20px 0px;
	padding: 16px;
}
#orderitems .item a { color: #C7C7C7; } 
#orderitems .item a:hover { color: #FFFFFF; } 


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

#listCategories {
   margin: auto;
	font-size: 14px; 
	color: thumb_text; 
	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 ##################################################### */

/* ######## 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: #E8E8E8;
	border: solid 1px #C7C7C7;
	color: #808080;
	width: 100%; 
	min-width: 360px; 
	box-sizing:border-box; 
	display: block;
	padding: 8px; 
	cursor:not-allowed;
}
#navstock .tab {
	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
	width: 100%; 
	min-width: 360px; 
	box-sizing:border-box; 
	display: block;
	padding: 8px; 
} 
#navstock .tab:hover { 
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
}
#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: #4F4F4F;
	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: #4F4F4F;
	color:#A1A1A1;
	font-family : 'Open Sans',Arial,Verdana,sans-serif; 
	border: solid 1px #4F4F4F;

}

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

	background-color: rgba(247,247,247,1.00);
	color:#1C1C1C;
	font-family : 'Open Sans',Arial,Verdana,sans-serif; 
	border: solid 1px #A1A1A1;
	padding: 8px;
	font-size: 14px;
	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 : 'Open Sans',Arial,Verdana,sans-serif; 
		border: solid 1px #890000;
		padding: 8px;
		font-size: 14px;
	-moz-box-shadow: 1px 1px 6px rgba(100, 0, 0, .5); 	box-shadow: 1px 1px 6px rgba(100, 0, 0, .5);

}

button { padding: 8px; } 
.submit {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff474747,endColorstr=#ff474747);

	background: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	size: 14px;
}

.submit:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff121212,endColorstr=#ff121212);
	background: #121212;
	border: solid 1px #0A0A0A;
	color: #FCFCFC;
	cursor: pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	size: 14px;
}

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

input.checkbox,.toselect ,input.radio{ 
	font-size: 14px; 
	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 : 'Open Sans',Arial,Verdana,sans-serif; 
	border: solid 1px #A1A1A1;
	font-weight: normal;
	font-style: italic;
}

.disabledinput { 
	background: #E8E8E8;
	border: solid 1px #C7C7C7;
	color: #808080;
}
.field100 { width: 100%; box-sizing:border-box;  } 

.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: 8px; 
} 
.error a { color: #FFFFFF; text-decoration: underline;  } 

.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: 8px; 

 } 

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

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

#socialShare { margin: 8px 0; }

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



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


#viewcarttop {
	background-color: #4F4F4F;
		border-bottom: 1px dashed #171717;
		color: #A8A8A8;
		 -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: #C7C7C7; } 
#viewcartinner a { color: #C7C7C7; } 
#viewcartinner a:hover { color: #FFFFFF; } 




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

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

.tooltip{
    position:fixed;
    z-index:999;
    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 : 'Open Sans',Arial,Verdana,sans-serif; 
	font-size: 14px; 
	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 #545454; margin-right: 8px; } 
#sideMenu ul li .date { padding: 2px 0; font-size: 14px; } 

.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 - 90% } 
#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 #545454;
}
#linksMenu .sideMenuItem .title {
	
}

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



/* ####################################################### 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 #545454; opacity: .6; } 
.scrollthumbnail:hover { opacity: 1; } 
.thumbon {	border: 1px solid #545454; 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: 16px;
}

.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: 'Cinzel',Arial;
	font-size: 17px;
	text-shadow: none;
	color: #FFFFFF;
	display: block;
}
  .photo { 
	border: solid 1px #222222; 
	padding: 0px; 
	background: #000000;
box-shadow: 7px 4px 4px 0px rgba(0,0,0,0.4) ;}
  .photoHidden { 
  display: none;
	border: solid 1px #222222; 
	padding: 0px; 
	background: #000000;
box-shadow: 7px 4px 4px 0px rgba(0,0,0,0.4) ;}

.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 1px #222222; 
	padding: 0px; 
	background: #000000;
box-shadow: 7px 4px 4px 0px rgba(0,0,0,0.4) ;}

#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: #474747;
	border: solid 1px #292929;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 17px;
}

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

.zoomClose { 
	cursor: pointer; 
}


#video {  } 

#passwordSite { 
background:#4F4F4F; 
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: #4F4F4F;
	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;
background: #404040; border: solid 1px #;  color: #DBDBDB; padding: 24px;
 
 
}
#fsTextHeader { 
background: #404040; border: solid 1px #;  color: #DBDBDB; padding: 24px;
display: none; 
}


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


#comContainer, #fsHelp { 
	margin: auto;
	width: 700px;
	height: 520px;
	background-color: #4F4F4F;
	border: solid 1px #171717;
	color: #A1A1A1;
	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: #4F4F4F;
}




#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: #CCCCCC;}
#fsBottomMainMenu a:link, #fsBottomMainMenu a:visited { text-decoration: none; color: #CCCCCC;   }
#fsBottomMainMenu a:hover {  color: #FFFFFF; text-decoration: underline;  } 

#fsBottomMainMenu #mainmenu li a,  #fsBottomMainMenu #mainmenu li a:active {   text-decoration: none; color: #CCCCCC; 		text-transform:uppercase;
	
}
#fsBottomMainMenu #mainmenu li a:link, #fsBottomMainMenu #mainmenu li a:visited { text-decoration: none; color: #CCCCCC;   }
#fsBottomMainMenu #mainmenu li a:hover {  color: #FFFFFF; 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: #A1A1A1;
	background: #363636;
	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: #FFFFFF;
	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: #4F4F4F;
}

#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: 90%;
	max-width: 1400px;

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

		background-color: rgba(79,79,79,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 #1C1C1C;
	background:#363636;
	color:#CCCCCC;
	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: 14px;
	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: #E6E6E6; font-size: 17px; }
#newsHeadlines a,  #newsHeadlines a:active {  text-decoration: none; color: #E6E6E6;}
#newsHeadlines a:link, #newsHeadlines a:visited {   text-decoration: none; color: #E6E6E6;   }
#newsHeadlines a:hover {   color: #FFFFFF; text-decoration: underline;  } 

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

#subMenu { color: #A1A1A1; 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: #4F4F4F;
	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: #4F4F4F;
	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: #4F4F4F;
	border: solid 1px #171717;
	color: #A8A8A8;
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;-moz-border-radius: 2px;	border-radius: 2px; 

}

#stackedThumbnails .styled a { color: #C7C7C7; } 
#stackedThumbnails .styled a:hover { color: #FFFFFF; } 
#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: #4F4F4F;
	border: solid 1px #171717;
	color: #A8A8A8;
			margin: 0;
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.4) ;-moz-border-radius: 2px;	border-radius: 2px; 
}

 #photoGallery .thumbContainer { 
		background-color: #4F4F4F;
	border: solid 1px #171717;
	color: #A8A8A8;
			margin: 0;
	 -moz-border-radius: 2px;	border-radius: 2px; 
	padding: 8px;
	margin: 8px;
}

#photoGallery .styled a { color: #C7C7C7; } 
#photoGallery .styled a:hover { color: #FFFFFF; } 
 #photoGallery .thumbContainer a { color: #C7C7C7; } 
 #photoGallery .thumbContainer a:hover { color: #FFFFFF; } 

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

#photoGallery .thumbnail { border: solid 1px #545454; 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: #A1A1A1;
}
.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 #545454;

}
.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:#4F4F4F;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
  position: absolute; 
  overflow: hidden;
  display: block;
  }

#photoShowImage {
	color:#A1A1A1;
	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 #545454;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}

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

/* 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 #171717;
}


#comments{
	padding: 4px;
	margin: 0px;
	overflow-y: scroll;
	height: 200px;
}
#photoCartLogin{
		background-color: #4F4F4F;
	border: solid 1px #171717;
		padding: 4px;
	margin: 0px;
	color: #A1A1A1;
}


#facebookLikeBox {
   margin: auto;
}




.footerSpacer {
	height: 50px;
}
#footer {
	padding: 24px; 
	font-size: 14px; 
	color: #A1A1A1;
	background-color: #4F4F4F;
}
#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: #FFFFFF;}
#footer a:link, #footer a:visited {  text-decoration: none; color: #FFFFFF;   }
#footer a:hover {  color: #BFBFBF; } 

#footerinner { 
	width: 90%; 
	max-width: 1400px;

	margin: auto;

}

	#submitreviewcontainer-page { position: fixed; bottom: 0; background: #000000; color: #c4c4c4; padding: 8px; z-index: 3; 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: #1C1C1C; color: #B0B0B0; width: 100%; z-index: 20; } 
.galleryheaderfixed { position: fixed; } 
.galleryheader { position: relative; height: auto;} 

#galleryheader a, #galleryheader a:visited { color: #C9C9C9; } 
#galleryheader a:hover { color: #FFFFFF; } 
#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: #C9C9C9; 	vertical-align: middle; 	white-space: nowrap; border-bottom: solid 2px transparent; } 
#galleryheader .inner .menuouter .menu ul li a:hover{ color: #FFFFFF; } 

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

#gallerymobileheader {top: 0; left: 0; background: #1C1C1C; color: #C9C9C9; 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: #C9C9C9; 	vertical-align: middle; 	white-space: nowrap; border-bottom: solid 2px transparent; } 
#gallerymobileheader .inner  ul li a .the-icons { color:#C9C9C9; 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: #1C1C1C; border-bottom: solid 1px #424242; padding: 16px; color: #C9C9C9; } 
#gallerymobilemenu .menu ul li a .the-icons { color: #C9C9C9; text-shadow: none; } 

.underlinemenu {  display:block; margin: 0px 0px 0px 0px; background: #1C1C1C; border-bottom: solid 1px #424242; padding: 16px; color: #C9C9C9; } 


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

.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: #4F4F4F; border-bottom: solid 1px #171717; padding: 16px; color: #A8A8A8;  } 
.gallerypopup .inner ul li a .the-icons, .stylelist .inner ul li a .the-icons{ color: #A8A8A8;  text-shadow: none; } 

.gallerypopup { display: none; position: absolute; width: 360px; left: 50%; top: 0%;margin-left: -180px; background: #4F4F4F; 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 #C9C9C9;
    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: #C9C9C9;
}

.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 #171717;  border-bottom: solid 1px #171717; } 

.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 #171717;  border-left: solid 1px #171717; } 
.today { color: #4F4F4F; background: #A1A1A1; font-weight: bold; } 

.notmonth {color: #4F4F4F; } 

.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: 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; } 
		#mobilemenubutton { display: block; } 
		#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: #1C1C1C; border-bottom: solid 1px #424242; padding: 16px; color: #C9C9C9; } 
#sizemenu .menu ul li a .the-icons { color: #C9C9C9; 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: #4F4F4F; 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:  #4F4F4F;
	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: #4F4F4F; text-align: center;  z-index: 5002; cursor: pointer; } 
#sidethumbsinner { background: #4F4F4F; 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 */
  }
}



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




.faqs{
	background-color: #4F4F4F;
	border: solid 1px #171717;
	padding: 4px;
	margin: 0px;
	color: #A1A1A1;
}

.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:#A1A1A1;}

#listComments  {    }

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



#selectgsbackground { background: #000000; color: #FFFFFF; text-align: center; position: fixed; width: 300px; left: 50%;margin-left: -150px; bottom: 0; max-height: 460px; z-index: 500; cursor: pointer; } 
#gsinfo { position: fixed;  width: 300px; left: 50%;margin-left: -150px; bottom: 60px; background: #DFDFDF; border: solid 1px #DFDFDF; text-align: center; color: #000000; z-index: 500; 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; }