.e2gtitle {font:bold 14px Tahoma; color:#028DC4}
.e2gback {font:bold 10px Tahoma;}
.e2g {font:11px Tahoma; margin-left:-7px;}
.e2g td {vertical-align:bottom;text-align:center;padding:7px}
.e2g a {color:#808080;text-decoration:none}
.e2gcom0, .e2gcom1 {font:10px Tahoma;float:right; height:13px; width:13px;}
.e2gcom0 {background: url(http://www.apformliner.com/assets/modules/easy2/templates/icons/bg_com0.gif) no-repeat top right;}
.e2gcom1 {background: url(http://www.apformliner.com/assets/modules/easy2/templates/icons/bg_com1.gif) no-repeat top right;}
.e2gcom0 a {color:#808080;text-decoration:none}
.e2gcom1 a {color:#FF8040;text-decoration:none}
.e2gpnums {font:12px Verdana; color:gray; margin-top:20px;text-align:center;}
.e2gpnums a {background:#F4F4F4;border:1px solid #E8E8E8;color:gray}
.e2gpnums a:hover {background:#B3EC6C;border:1px solid #83D71C;color:white;text-decoration:none}
.e2gpnums a, .e2gpnums b {padding:3px 6px;}
.not_display {display:none}
.boxcontent {padding:1px 5px;}
.boxcontent img {margin-bottom:3px; border:1px solid #ccc}
.boxcontent div {width:100%; text-align:center;}
.thumb .b2, .thumb .b3, .thumb .b4, .thumb .b4b, .thumb .b3b, .thumb .b2b, .thumb .boxcontent { background:#F5F5F5;}
.dir .b2, .dir .b3, .dir .b4, .dir .b4b, .dir .b3b, .dir .b2b, .dir .boxcontent { background:#FFF0CC;}
.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b { display:block; overflow:hidden; font-size:1px; }
.b1, .b2, .b3, .b1b, .b2b, .b3b { height:1px; }
.b2, .b3, .b4, .b4b, .b3b, .b2b, .boxcontent { border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; display:block; }
.b1, .b1b { margin:0 5px; background:#E0E0E0; }
.b3, .b3b { margin:0 2px; }
.b4, .b4b { height:2px; margin:0 1px; }
.dir .b2, .dir .b3, .dir .b4, .dir .b4b, .dir .b3b, .dir .b2b, .dir .boxcontent { border-left:1px solid #FFD2A6; border-right:1px solid #FFD2A6; display:block; }
.dir .b1, .dir .b1b { margin:0 5px; background:#FFD2A6; }
.b2, .b2b, .dir .b2, .dir .b2b { margin:0 3px; border-width:0 2px; }


/* for notables */
div.e2g .thumb, div.e2g .dir {float: left; margin:7px; width:154px}
div.e2g:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.e2g {display:inline-block} /* hasLayout */
div.e2g {display:block}

/* crumbs */
.e2g_crumbs {font:bold 12px Tahoma;}
.e2g_currentCrumb {}

div.gcontent {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 428px; 
}
div.gcontent a, div.gnavigation a {
	text-decoration: none;
	color: #777;
}
div.gcontent a:focus, div.gcontent a:hover, div.gcontent a:active {
	text-decoration: underline;
}
div.gcontrols {
	margin-top: 5px;
	height: 23px;
}
div.gcontrols a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.gslideshow-container {
	position: relative;
	clear: both;
	height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.gloader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loaderWhite.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 428px;
	height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.gslideshow {

}
div.gslideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.gslideshow a.advance-link {
	display: block;
	width: 428px;
	height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.gslideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.gslideshow img {
	
	vertical-align: middle;
	border: 1px solid #333;
}
div.download {
	float: right;
}
div.gcaption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 410px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.gnavigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin:0 0 0 10px;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}

div.gnavigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}