@charset "utf-8";
body.gmPhantom_zoom * { -webkit-user-select: none; }
.gmPhantom_Container * { -moz-box-sizing: content-box; box-sizing: content-box; }
.gmPhantom_Container {
	direction: ltr;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	height: auto;
	z-index: 0;
}

.gmPhantom_Container img {
	border: medium none !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
}

.gmPhantom_Background {
	margin: 0;
	padding: 0;
	position: absolute;
	left:0; top:0; right:0; bottom:0;
	z-index: 100;
}

.gmPhantom_thumbsWrapper {
	background: none repeat scroll 0 0 transparent;
	height: auto;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 200;
}

.gmPhantom_ThumbContainer {
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: url(http://fashionwithcompassion.com/wp-content/grand-media/module/phantom/img/ThumbnailLoader.gif) -100% -100% no-repeat;
}
.gmPhantom_ThumbContainer.gmPhantom_ThumbLoader {
	background-position: 50% 50%;
}

.gmPhantom_Thumb {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: static;
	width: 100%; height: 100%;
	-webkit-transition:0.2s; transition:0.2s;
}

.gmPhantom_ThumbContainer:hover .gmPhantom_Thumb {
	transform:scale(1.2); -webkit-transform:scale(1.2);
}

.gmPhantom_Thumb img {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%; height: 100%;
}

.gmPhantom_ThumbLabel {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
	padding: 7px 2px;
	position: absolute;
	top: 100%; left: 0; right: 0;
	color: #e7e7e7;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	max-height: 100%;
	overflow: hidden;
}

.gmPhantom_LightboxWrapper {
	display: none;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	width: 100%; height: 100%;
	overflow: hidden;
	z-index: 200000;
	font-size: 14px;
	-webkit-text-size-adjust: none;
	-webkit-backface-visibility:hidden;
	-webkit-transform: translateZ(0);
	-webkit-user-select: none;
	-moz-user-select:none;
}
.gmPhantom_LightboxWrapper * { -webkit-user-select: none; }
.gmPhantom_bodyBg { display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 150000; }
.gmPhantom_LightboxWrapper.gm_show + .gmPhantom_bodyBg { display: block; }

.gmPhantom_LightboxWindow {
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	width:100%; height: 100%;
	font-size: 100%;
	-moz-box-sizing: border-box; box-sizing: border-box;
	padding: 0;
	text-align: center;
	white-space: nowrap;
}
.gmPhantom_LightboxWindow.gmPhantom_LightboxLoader {
	background: url(http://fashionwithcompassion.com/wp-content/grand-media/module/phantom/img/LightboxLoader.gif) 50% 50% no-repeat;
}
#fix_window { position: absolute; right: 0; bottom: 0; width: 1px; height: 1px; overflow: hidden;}

.gmPhantom_LightboxContainer {
	opacity: 0;
	position: relative;
	left:0; top:0;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	z-index: 100;
}
.gmPhantom_LightboxContainer:before {
	position: absolute;
	left: 0; top: -1000px;
	width: 100%;
	height: 2000px;
	content: '';
}

.gmPhantom_LightboxBg {
	position: absolute;
	left:0; top:0; right:0; bottom:0;
}

.gmPhantom_Lightbox {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	overflow: visible;
}

.gmPhantom_Lightbox img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%; max-height: 100%;
}

#gmlog {
	text-align: left;
	color: #ffffff;
	font-size: 20px;
	padding:0; margin:0;
}

.gmPhantom_LightboxNav_PrevBtn {
	position: absolute;
	left: 0; top: 0;
	cursor: pointer;
	width: 20%;
	height: 100%;
	overflow: hidden;
	z-index: 49;
}

.gmPhantom_LightboxNav_NextBtn {
	position: absolute;
	right: 0; top: 0;
	cursor: pointer;
	width: 20%;
	height: 100%;
	overflow: hidden;
	z-index: 50;
}
.gmPhantom_LightboxNav_PrevBtn.gm_lbw_nav,
.gmPhantom_LightboxNav_NextBtn.gm_lbw_nav { width: 50%; }

.gmPhantom_LightboxNav_PrevBtn span,
.gmPhantom_LightboxNav_NextBtn span {
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	cursor: pointer;
	height: 3em;
	line-height: 2.8em;
	font-size: 4em;
	font-family: Arial, serif;
	padding: 0 0.16em;
	color: #cccccc;
	border: 1px solid #bababa;
	background-color: #010101;
	opacity: 0.4;
}
.gmPhantom_LightboxNav_PrevBtn span { left: 0; border-left: none; }
.gmPhantom_LightboxNav_NextBtn span { right: 0; border-right: none; }


.gmPhantom_counter {
	position: absolute;
	z-index: 30;
	right: 0; bottom: 0;
	white-space: nowrap; padding: 0.1em 0.6em; line-height: 100%;
	font: 1.2em Arial;
	color: #cccccc;
	border: 1px solid #bababa;
	border-width: 1px 0 0 1px;
	background-color: #010101;
}
.gmPhantom_counter:hover {
	color: #fefefe;
}

.gmPhantom_info {
	display: none;
	position: absolute;
	z-index: 20;
	left: 0; bottom: 0;
	padding: 0.1em 0.3em; line-height: 100%;
	font: 1.6em 'Times New Roman';
	color: #cccccc;
}

.gmPhantom_LightboxNavExtraButtons {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 1px;
	overflow: visible;
	z-index: 110;
	text-align: center;
}

.gmPhantom_LightboxNav_CloseBtn {
	position: relative;
	float: right;
	text-align: center;
}
.gmPhantom_LightboxNav_CloseBtn span {
	display:block;
	cursor: pointer;
	color: #cccccc;
	border: 1px solid #bababa;
	border-width: 0 0 1px 1px;
	background-color: #010101;
	line-height: 2em;
	height: 2em;
	font-size: 1.2em;
	font-family: Arial, sans-serif;
	padding: 0 1.2em;
}
.gmPhantom_LightboxNav_CloseBtn span:hover {
	color: #fefefe;
}

.gmPhantom_LightboxSocialShare {
	position: relative;
	float: left;
	text-align: center;
}

.gmPhantom_LightboxSocialShare .gmAddThisShareButton > a,
.gmPhantom_LightboxSocialShare .gmAddThisShareButton > a:hover {
	display:block; line-height: 2em; height: 2em;
	cursor: pointer;
	font-size: 1.2em;
	font-family: Arial, sans-serif;
	color: #cccccc;
	border: 1px solid #bababa;
	border-width: 0 1px 1px 0;
	background-color: #010101;
	text-decoration: none;
	padding: 0 1.2em;
}
.gmPhantom_LightboxSocialShare .gmAddThisShareButton > a:hover {
	color: #fefefe;
}

.gmPhantom_CaptionTitle {
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 100%;
	margin: 0; padding: 0;
	position: absolute;
	left: 0; top: 0; width: 100%;
	background-color: rgba(0,0,0,0.5);
	display: none;
	white-space: normal;
}
.gmPhantom_CaptionTitle .gmPhantom_title {
	padding: 0.8em;
}

.gmPhantom_CaptionTextContainer {
	margin: 0; padding: 0;
	overflow: auto;
	position: absolute;
	left: 0; bottom: 0;
	max-height: 50%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	display: none;
	white-space: normal;
}

.gmPhantom_CaptionText {
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 120%;
	position: relative;
	padding: 0.8em;
}

.gmPhantom_Tooltip {
	border-radius: 3px;
	border: 1px solid #000000;
	display: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0 5px 1px;
	position: absolute;
	text-align: center;
	text-transform: none;
	z-index: 300;
	pointer-events: none;
}

.gmPhantom_Tooltip div.gmPhantom_Tooltip_ArrowBorder {
	border-color: #000000 transparent transparent;
	border-style: solid;
	border-width: 5px;
	bottom: -10px;
	height: 0;
	position: absolute;
	width: 0;
}

.gmPhantom_Tooltip div.gmPhantom_Tooltip_Arrow {
	border-color: #FFFFFF transparent transparent;
	border-style: solid;
	border-width: 5px;
	bottom: -9px;
	height: 0;
	position: absolute;
	width: 0;
}

.msie .gmPhantom_CaptionTitle,
.msie .gmPhantom_CaptionTextContainer,
.msie .gmPhantom_ThumbLabel { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFEQ0Y1MjQ1QTg4MTFFMkFCRjFCRDZEQjFDMTJDNDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFEQ0Y1MjU1QTg4MTFFMkFCRjFCRDZEQjFDMTJDNDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQURDRjUyMjVBODgxMUUyQUJGMUJENkRCMUMxMkM0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQURDRjUyMzVBODgxMUUyQUJGMUJENkRCMUMxMkM0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj9rBBcAAAASSURBVHjaYmRgYNgMxAwAAQYAA5EAtcchicsAAAAASUVORK5CYII='); }
.msie7 .gmPhantom_LightboxContainer { display: inline; }
#at15s {
	position: fixed !important;
}

.gmPhantom_ProgressBar .gmProgress { overflow:hidden; height:20px; position: relative; text-align: center; line-height: 20px; color: #222222; font-size: 12px;
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image:-webkit-gradient(linear,0 0,0 100%,from( #f5f5f5),to( #f9f9f9));
	background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);
	background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	border-radius:4px;
}
.gmPhantom_ProgressBar .gmProgress .gmCounter { position: relative; z-index: 1; }
.gmPhantom_ProgressBar .gmProgress .gmBar { position: absolute; left: 0; top: 0; display: block; width:0; height:100%; z-index: 0;
	background-color:#5eb95e;
	background-image:-moz-linear-gradient(top, #62c462, #57a957);
	background-image:-webkit-gradient(linear,0 0,0 100%,from( #62c462),to( #57a957));
	background-image:-webkit-linear-gradient(top, #62c462, #57a957);
	background-image:-o-linear-gradient(top, #62c462, #57a957);
	background-image:linear-gradient(to bottom, #62c462, #57a957);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	box-sizing:border-box;
	border-radius:4px;
}

/* for touch devices */
.istouch .gmPhantom_LightboxContainer:before {
	display:none;
}
.istouch .gmPhantom_LightboxContainer { z-index: auto; }

.istouch .gmPhantom_LightboxNav_PrevBtn,
.istouch .gmPhantom_LightboxNav_NextBtn { display: none; }
.istouch .gmPhantom_LightboxContainer .gmPhantom_LightboxNav_PrevBtn,
.istouch .gmPhantom_LightboxContainer .gmPhantom_LightboxNav_NextBtn { display: inline-block; width: 0; background: url(http://fashionwithcompassion.com/wp-content/grand-media/module/phantom/img/LightboxLoader.gif) 50% 50% no-repeat; background-size: 30% auto; }

.istouch .gmPhantom_LightboxNavExtraButtons { position: static; }

.istouch .gmPhantom_LightboxNav_CloseBtn {
	position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0.5;
}
.istouch .gmPhantom_LightboxNav_CloseBtn span {
	border-width: 1px 1px 0 1px; display: inline-block; margin: 0 auto;
}
.istouch .gmPhantom_LightboxNav_CloseBtn.hover { opacity: 0.9; }
.istouch .gmPhantom_LightboxNav_CloseBtn.hover span { border-color: red; background-color: green; }

.istouch .gmPhantom_LightboxSocialShare  {
	position: absolute; top: 0; left: 0; width: 100%; opacity: 0.5;
}
.istouch .gmPhantom_LightboxSocialShare .gmAddThisShareButton > a {
	border-width: 0 1px 1px 1px; display: inline-block; margin: 0 auto;
}
.istouch .gmPhantom_LightboxSocialShare.hover { opacity: 0.9; }
.istouch .gmPhantom_LightboxSocialShare.hover .gmAddThisShareButton > a { border-color: red; background-color: green; }

.istouch .gmPhantom_CaptionTitle { top: auto; bottom: 50%; font-size: 1.2em }
.istouch .gmPhantom_CaptionTextContainer { bottom: auto; top: 50%; max-height: none; }
.istouch .gmPhantom_CaptionText { font-size: 1.1em }



/**** Begin Custom CSS phantom #2 ****/
.gmPhantom_Thumb img {
border-radius: 2px;
}.gmPhantom_Container {
margin-bottom: 30px;
}.gmPhantom_CaptionTitle .gmPhantom_title {
display: none;
}
/**** End Custom CSS phantom #2 ****/