body {
	padding-top: 54px; /* make room for header */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
}

.navbar-brand {
	background: url(/imgs/logo.png) center / contain no-repeat;
	width: 192px;
	background-color: white;
	margin-top: 3px;
}

.navbar-default {
	background-color: #3a3a3a;
	border-bottom: 0; /* removes bottom line from logo */
}

.center { float: none; margin-left: auto; margin-right: auto; }

.vspace-5 { height: 5px; } /* Add vertical spacer */

.hideOverflow {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	display:block;
}

.error {color: red;}
.fa.smaller {font-size: 8px;}
.fa.bigger {font-size: 22px;}

.hidethis {display: none;}

.panel-group { width: auto; }
.panel-search { padding: 5px 4px 5px 4px; }

input[type=text], input[type=email], input[type=number], input[type=password], .select {
  padding-left: 8px; padding-right: 0px; /* reduce margins on shipping forms */
  min-width: 35px;
}

.cart-qty { width: 40%; } /* keep quantity inputs from going to 100% */
.cart-qty>input { width: 1%; min-width: 50px; } /* keep quantity inputs from going to 100% */
.input-group-addon {
    padding-left: 5px; padding-right: 5px; /* reduce input label padding */
    min-width: 42px; /* set the input addons to a minimum width */
    width: 99%;
}

.picwrap {
	float: left;
	height: auto;
	margin: 5px 5px 5px 5px;
	padding: 0;
	width: 226px;
}

.form-group-inline { float: left; padding: 0 4px 0 0; } /* float form divs inline with a small right padding */

.inputwidth { width: auto; }

.albmtext { background:#efefef; height:45px; padding:0px 0px 0px 2px; overflow:hidden; white-space:nowrap; }

.picwrap .albmtext .dated { color:#5B5B5B; float:left; font-size:16px; height:auto; margin:0; padding:0px 4px 0px 0px; text-align:right; width:100%; }
.picwrap .albmtext a:link { color:#5B5B5B; float:left; font-size:16px; font-weight:normal; height:20px !important; margin:0; min-width:40%; padding:0 5px 3px 0; text-align:left; }
.picwrap .albmtext label { color:#5B5B5B; float:left; font-size:16px; font-weight:normal; height:20px !important; margin:0; min-width:40%; padding:0 5px 3px 0; text-align:left; }
.picwrap .albmtext a:hover { color:#0b6db4; }

.glossymenu {
	width: 226px;
	margin: 0px 5px 0px 5px;
}

.wrapper_pic { position:relative; height:210px; text-align:center; }
.wrapper_pic.album img { border-color: darkgrey; border-width: medium; border-style: solid; }
.wrapper_pic img { height:auto; max-height:100%; max-width:100%; }
.wrapper_pic img.bottom_right { border: 0; } /* don't put border on locks */
.bottom_right { position:absolute; right: 0; bottom: 0; }
.wrapper_pic i.fa-lock { font-size: 3em; color: #555; padding: 10px; text-shadow: 1px 1px 1px #ccc;}

.top_left { position:absolute; left: 0; top: 0; }
.top_right { position:absolute; right: 0; top: 0; }
.badge.albumcnt { background-color: #969696; margin-right: 6px; margin-top: 6px; }
.badge.imagecnt { background-color: #99c2d4; margin-right: 6px; margin-top: 6px; }

.breadcrumb { color:#6b6b6b; margin:0 0 8px; float:left; }
.breadcrumb a { color:#6b6b6b; margin:0 4px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; font-size:14px; }
.breadcrumb a:hover { color:#83b6cc; }
.breadcrumb a.active { color:#6b6b6b; }

.wid_100 { width:100% !important; overflow:hidden; white-space:nowrap; }
.albmtext .wid_100 > input { float:left; margin:5px 5px 0 0; }
.albmtext .wid_100 > label > input { float:left; margin:5px 5px 0 0; }

.social { float:right; margin:0; padding:0; }
.social i { float:left; margin:7px 5px 0 0; }
.social a { margin:0 5px 0 0; display:inline-block; height:32px; width:32px; text-decoration:none; }
.social a:hover { opacity:.7; filter:alpha(opacity = 70); }
.social a.mail { background-position:0 0; }
.social a.fb { background-position:-36px 0; }
.social a.twtr { background-position:-72px 0; }
.social a.pr { background-position:-108px 0; }
.social a.google_plus { background-position:-144px 0; }
.social a.rss { background-position:-180px 0; }

#myAccountMenu { width: 226px; }
#ViewAlbumMenu { width: 226px; margin: 0px 5px 0px 5px; }

.fp-blackbg-pix {
	background-color: #3a3a3a;
	padding: 10px;
}
.fp-box { border: #eeeeee 2px solid; }

@media (min-width:992px) {
	.mobile-only { display:none !important; }
	.desktop-only { display:block !important; }
}
@media (max-width: 991px) {
	.mobile-only { display:block !important; }
	.desktop-only { display:none !important; }
}

@media (max-width: 1199px) {
	.main-banner-lft { float:none; }
}
@media (min-width: 1200px) {
	.main-banner-lft { float:right; }
}

.panel-body ul { list-style-type:none; padding-left:0px; }

/* my account page styles */
.ash_box { background:#f8f8f8; border:1px solid #e5e5e5; width:287px; padding:20px; font-size:14px; float:left; }
.ash_box p { line-height:24px; }
.border_white_box { border-left:1px solid #e5e5e5; width:285px; padding:0 20px; margin-left:20px; float:left; font-size:14px; min-height:162px; }
.border_white_box h2 { font-size:24px; }
.border_white_box input { width:48px; margin:5px 10px 0 0; }
.brd_wht_innerbx { margin:15px 0; }
.my_acc_links { margin:30px 0 10px 0 !important; }
.my_acc_links > li { margin:0 21px 20px 0 !important; width:326px; float:left; min-height:180px; list-style-type:none; }
.my_acc_links > li h2 { border-bottom:1px solid #cacaca; }
.my_acc_links ul { margin:12px 0 0 21px; }
.my_acc_links ul li { margin:3px 0; }
.my_acc_links ul li a { color:#696969; }
.my_acc_links ul li a:hover { text-decoration:underline; }

.main-banner-rgt { width: 500px; }
.main-banner-rgt .img-box-226x209 { width:226px; margin:0 4px 4px 0; float:left; }
.main-banner-rgt .img-box-226x209.last { margin-right:0; }

#footer { background:none repeat scroll 0 0 #F8F8F8; border-top:3px solid #e5e5e5; color:#AAAAAA; margin:0; padding:0; width:100%; }
.footer_btm_inner { float:left; }
.icon_facebook { background:url("../imgs/socialicons.png") no-repeat scroll center 0 transparent; float:left; height:33px; margin-left:12px; text-indent:-9999px; width:32px; }
.icon_twitter { background:url("../imgs/socialicons.png") no-repeat scroll center -33px transparent; float:left; height:33px; margin-left:12px; text-indent:-9999px; width:32px; }

/* no spinner on number boxes */
	/* For Firefox */
	input[type='number'].nospinner { -moz-appearance:textfield; }

	/* Webkit browsers like Safari and Chrome */
	input[type=number].nospinner::-webkit-inner-spin-button, input[type=number].nospinner::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

.icon_facebook { background:url("../imgs/socialicons.png") no-repeat scroll center 0 transparent; float:left; height:33px; margin-left:12px; text-indent:-9999px; width:32px; }
.icon_twitter { background:url("../imgs/socialicons.png") no-repeat scroll center -33px transparent; float:left; height:33px; margin-left:12px; text-indent:-9999px; width:32px; }

img.img-carousel {
  width: auto;
/*  height: 400px;
  max-height: 400px;
*/
}

button.slideshowctrls { z-index: 10002; position:fixed; top:0px; left:0px; color:grey; }
a.slideshowctrls { z-index: 10002; position:fixed; top:0px; left:0px; color:grey; }
span.slideshowctrls  { z-index: 10002; position:fixed; top:0px; left:240px; font-size:22px;}
#slideshowCaption { z-index: 10001;left:0px; width:100%; text-align:center; background: rgba(0, 0, 0, 0.4); padding: 4px 8px; color: white; }
#slideshowCounter { z-index: 10001;left:0px; text-align:right; background: rgba(0, 0, 0, 0.4); padding: 4px 8px; color: white; }


#mySlideshow {
	z-index: 10000;
	filter: alpha(opacity=100); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */
	-moz-opacity: 1; /*older Mozilla*/
	-khtml-opacity: 1;   /*older Safari*/
	opacity: 1;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
	display: none;
    align-items: center;
}

.btn-transparent { background: transparent; border: none; box-shadow: none; }
.btn-transparent:hover { background: transparent; border: none; box-shadow: none; }
.btn-transparent:active { background: transparent; border: none; box-shadow: none; }
.btn-icon-only { padding: 8px 14px;  }

.fa-icon-button { font-size: 28px; }

.vcenter { position: relative; top: 50%; transform: translateY(-50%); } /* vertically center element */

.modal-dialog.fullscreen { width: 100%; height: 100%; margin: 0; padding: 0; background-color: black; }
.modal-content.fullscreen { height: auto; min-height: 100%; border-radius: 0; }

	.vertical-alignment-helper {
		display:table;
		height: 100%;
		width: 100%;
		pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
	}
	.vertical-align-center {
		/* To center vertically */
		display: table-cell;
		vertical-align: middle;
		pointer-events:none;
	}
	.modal-content {
		/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
		width:inherit;
		height:inherit;
		/* To center horizontally */
		margin: 0 auto;
		pointer-events: all;
	}

.modal-blue {
	background-color: #0B63B2;
	color: white;
}
/* set bootstrap modals to the top on mobile browsers */
@media (max-width: 767px) { .modal { top: 1%; } }