/* ************************************************************************************ */
/* CSS settings for Bongo Mods - Default for all sites                                  */
/* ************************************************************************************ */
/* ************************************************************************************ */
/* CSS settings for Link Panel Control - Default for all sites                          */
/* ************************************************************************************ */
.LinkPanelGlobal {
	position: absolute;
	top: 2px;
	width: 100%;
	font-size: 10pt;
	margin-left: 50px;
}

.LinkPanelEmpty {
	color: Red;
	display: block;
	text-align: center;
}

.linkpanel a {
	padding-left: 19px;
	background: url('/Bongo/assets/png/linkpanelbullet.png') no-repeat left;
}

	.linkpanel a:hover {
		text-decoration: none !important;
		padding-left: 19px;
		background: url('/Bongo/assets/png/linkpanelbullet-hover.png') no-repeat left;
	}

/* ************************************************************************************ */
/* CSS settings for News - Default for all sites                                        */
/* ************************************************************************************ */
.newsframe /* #IFNEWS iframe */ {
	height: inherit;
}

.newscontrol /* NewControl */ {
	background-color: Inherit;
}

.newsitemframewrapper /* News Item iframe div */ {
	height: 400px;
	padding-left: 190px;
}

/* Must colour the body to ensure whole Iframe is coloured in IE - news and newsitem respectively */
#newsbody, #newsitembody {
	background-color: #fff !important;
}

.newsitem_date {
	color: Blue;
	font-size: large;
	display: block;
}

.newsitem_title {
	color: #000;
	font-size: Large;
	font-weight: bold;
	text-decoration: underline;
	display: block;
}

.newsitem_detail {
	color: #000;
}

.newsitem_invalid {
	color: Red;
	font-size: large;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

.newsitem_backbtn {
	padding-top: 1em;
}

/* Foreground colour for News item header, content and more... respectively */
.dxncItemHeader a, .dxncItemContent, .dxncItemContent a.dxhl {
	color: #000;
}

/** * Twitter - http://www.twitter.com * Copyright (C) 2009 Twitter * Author: Dustin Diaz (dustin@twitter.com) * * V 2.1.1 Twitter search/profile/faves/list widget*/

/* ************************************************************************************ */
/* CSS settings for Twitter Control - Site Specific                                     */
/* ************************************************************************************ */
.twtr-widget {
	position: relative;
	font-size: 12px !important;
	font-family: "lucida grande", lucida, tahoma, helvetica, arial, sans-serif !important;
	zoom: 1;
}

.twtr-fullscreen {
	font-size: 220% !important;
}

	.twtr-fullscreen .twtr-new-results {
		_display: none !important;
	}

.twtr-widget .twtr-spinner {
	width: 14px;
	height: 14px;
	position: absolute;
	background: url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;
	top: 3px;
	right: 3px;
}

.twtr-inactive {
	display: none;
}

.twtr-widget a img {
	border: 0 !important;
}

.twtr-doc {
	overflow: hidden;
	width: 100%;
	text-align: left;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.twtr-bd {
	padding: 0 1px;
}

.twtr-widget .twtr-tweet-wrap {
	padding: 6px 8px;
	overflow: hidden;
	zoom: 1;
}

.twtr-fullscreen .twtr-tweet-wrap {
	padding: 20px;
}

.twtr-widget .twtr-tweet {
	border-bottom: 1px dotted #ddd;
	overflow: hidden;
	zoom: 1;
}

	.twtr-widget .twtr-tweet a.twtr-reply {
		visibility: hidden;
	}

	* html .twtr-widget .twtr-tweet a.twtr-reply {
		visibility: visible;
	}

	.twtr-widget .twtr-tweet:hover a.twtr-reply {
		visibility: visible;
	}

.twtr-widget-profile img.twtr-profile-img {
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	border: 0 !important;
}

.twtr-widget h3, .twtr-widget h4, .twtr-widget p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
	width: auto !important;
	font-weight: normal;
}

.twtr-widget-profile h3, .twtr-widget-profile h4 {
	margin: 0 0 0 40px !important;
	font-weight: normal;
}

.twtr-widget h3 {
	font-size: 11px !important;
	font-weight: normal !important;
}

.twtr-widget h4 {
	font-size: 16px !important;
	font-weight: normal;
}

.twtr-widget i, .twtr-widget .twtr-new-results {
	font-size: 9px;
	font-style: normal;
	display: block;
	margin-top: 2px;
	zoom: 1;
}

.twtr-widget .twtr-new-results {
	text-align: center;
	padding: 3px;
	margin: 0 auto -10px auto;
	display: block;
	position: relative;
	bottom: 5px;
}

.twtr-results-inner {
	line-height: 1;
	font-size: 100%;
	padding: 4px 0;
	position: relative;
	bottom: -2px;
	width: 40%;
	margin: 0 auto;
	z-index: 2;
	text-align: center;
}

.twtr-results-hr {
	width: 100%;
	position: relative;
	z-index: 1;
	height: 1px;
	border-bottom: 1px dotted #ddd;
	bottom: 7px;
	background: none;
	overflow: hidden;
}

.twtr-new-results span {
	position: relative;
	z-index: 3;
	top: -14px;
	display: block;
	font-size: 9px !important;
}

.twtr-fullscreen .twtr-new-results span {
	font-size: 24px !important;
}

.twtr-hd {
	padding: 10px;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

.twtr-fullscreen .twtr-hd {
	height: 0;
	padding: 0;
}

.twtr-timeline {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	height: 225px;
}

.twtr-scroll .twtr-timeline {
	overflow-x: hidden;
	overflow-y: auto;
}

.twtr-widget .twtr-tweet:last-child {
	border-bottom-width: 0;
}

.twtr-ft {
	position: relative;
}

	.twtr-ft div {
		overflow: hidden;
		padding: 10px;
		zoom: 1;
	}

	.twtr-ft span {
		float: right;
		text-align: right;
	}

	.twtr-ft a {
		float: left;
		display: block;
	}

	.twtr-ft span a {
		float: none;
	}

.twtr-avatar {
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
	display: block;
}

.twtr-fullscreen .twtr-avatar {
	width: 80px;
	height: 80px;
}

.twtr-img {
	height: 25px;
	width: 25px;
}

	.twtr-img img {
		width: 30px;
		height: 30px;
	}

.twtr-fullscreen .twtr-img img {
	width: 72px;
	height: 72px;
}

.twtr-fullscreen a.twtr-join-conv {
	display: none;
}

.twtr-tweet-text {
	margin-left: 40px;
}

.twtr-fullscreen .twtr-tweet-text {
	margin-left: 90px;
}

.twtr-doc a {
	text-decoration: none !important;
}

	.twtr-doc a:hover {
		text-decoration: underline !important;
	}

/* ************************************************************************************ */
/* CSS settings for RSSReader Control - Site Specific                                   */
/* ************************************************************************************ */
.rss-widget {
	position: relative;
	font-size: 12px !important;
	font-family: "lucida grande", lucida, tahoma, helvetica, arial, sans-serif !important;
	zoom: 1;
	color: White !important;
}

.rss-fullscreen {
	font-size: 220% !important;
}

	.rss-fullscreen .rss-new-results {
		_display: none !important;
	}

.rss-widget .rss-spinner {
	width: 14px;
	height: 14px;
	position: absolute;
	background: url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;
	top: 3px;
	right: 3px;
}

.rss-inactive {
	display: none;
}

.rss-widget a img {
	border: 0 !important;
}

.rss-doc {
	overflow: hidden;
	width: 100%;
	text-align: left;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
	background: none repeat scroll 0 0 #333333 !important;
}

.rss-bd {
	padding: 0 1px;
}

.rss-widget .rss-item-wrap {
	padding: 6px 8px;
	overflow: hidden;
	zoom: 1;
}

.rss-fullscreen .rss-item-wrap {
	padding: 20px;
}

.rss-widget .rss-item {
	border-bottom: 1px dotted #ddd;
	overflow: hidden;
	zoom: 1;
}

	.rss-widget .rss-item a.rss-reply {
		visibility: hidden;
	}

	* html .rss-widget .rss-item a.rss-reply {
		visibility: visible;
	}

	.rss-widget .rss-item:hover a.rss-reply {
		visibility: visible;
	}

.rss-widget-profile img.rss-profile-img {
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	border: 0 !important;
}

.rss-widget h3, .rss-widget h4, .rss-widget p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
	width: auto !important;
	font-weight: normal;
}

.rss-widget-profile h3, .rss-widget-profile h4 {
	margin: 0 0 0 40px !important;
	font-weight: normal;
}

.rss-widget h3 {
	font-size: 11px !important;
	font-weight: normal !important;
}

.rss-widget h4 {
	font-size: 16px !important;
	font-weight: normal;
}

.rss-widget i, .rss-widget .rss-new-results {
	font-size: 9px;
	font-style: normal;
	display: block;
	margin-top: 2px;
	zoom: 1;
}

.rss-widget .rss-new-results {
	text-align: center;
	padding: 3px;
	margin: 0 auto -10px auto;
	display: block;
	position: relative;
	bottom: 5px;
}

.rss-results-inner {
	line-height: 1;
	font-size: 100%;
	padding: 4px 0;
	position: relative;
	bottom: -2px;
	width: 40%;
	margin: 0 auto;
	z-index: 2;
	text-align: center;
}

.rss-results-hr {
	width: 100%;
	position: relative;
	z-index: 1;
	height: 1px;
	border-bottom: 1px dotted #ddd;
	bottom: 7px;
	background: none;
	overflow: hidden;
}

.rss-new-results span {
	position: relative;
	z-index: 3;
	top: -14px;
	display: block;
	font-size: 9px !important;
}

.rss-fullscreen .rss-new-results span {
	font-size: 24px !important;
}

.rss-hd {
	padding: 10px;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

	.rss-hd a {
		color: White !important;
	}

.rss-fullscreen .rss-hd {
	height: 0;
	padding: 0;
}

.rss-timeline {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	background: none repeat scroll 0 0 #000000 !important;
}

.rss-scroll .rss-timeline {
	overflow-x: hidden;
	overflow-y: auto;
}

.rss-widget .rss-item:last-child {
	border-bottom-width: 0;
}

.rss-ft {
	position: relative;
}

	.rss-ft div {
		overflow: hidden;
		padding: 10px;
		zoom: 1;
	}

	.rss-ft span {
		float: right;
		text-align: right;
	}

	.rss-ft a {
		float: left;
		display: block;
	}

	.rss-ft span a {
		float: none;
	}

.rss-avatar {
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
	display: block;
}

.rss-fullscreen .rss-avatar {
	width: 80px;
	height: 80px;
}

.rss-img {
	height: 25px;
	width: 25px;
}

	.rss-img img {
		width: 30px;
		height: 30px;
	}

.rss-fullscreen .rss-img img {
	width: 72px;
	height: 72px;
}

.rss-fullscreen a.rss-join-conv {
	display: none;
}

.rss-item-text {
	margin-left: 40px;
}

.rss-fullscreen .rss-item-text {
	margin-left: 90px;
}

.rss-doc a {
	text-decoration: none !important;
	color: White !important;
}

	.rss-doc a:hover {
		text-decoration: underline !important;
	}

/* ************************************************************************************ */
/* CSS settings for Slider Control - Site Specific                                   */
/* ************************************************************************************ */

/*- Uncomment below if the <p></p> fix (as per year dot) has not been applied */
/*#inner .chunk .sliderwrap
{
	margin-top: -6px !Important;
}*/

#inner .chunk .sliderbody {
	position: relative;
	overflow: hidden;
}

#inner .chunk .slidergallery {
	overflow: hidden;
	position: relative;
}

.slidergallery > a > img {
	width: 100%;
	height: 100%;
}

.slidergallery a[href="#"] {
	cursor: default;
}

#inner .chunk .slidergallerylist {
	/* Clear the list style */
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0; /*overflow: hidden;*/
	display: none;
}

	#inner .chunk .slidergallerylist li {
		margin-left: 0px;
	}

#inner .chunk .sliderleft {
	float: left;
	margin-left: 0px;
}

#inner .chunk .sliderfade {
	float: left;
	margin-left: 0px;
}

#inner .chunk .slidertop {
	float: none;
	margin-left: 0px;
}

#inner .chunk .sliderbody {
	margin: 0px auto;
}

	#inner .chunk .sliderbody img {
		padding: 0px;
	}

#wrap1 #inner .chunk .slidergallerytitle-left {
	/* Set the position */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10012;
	overflow: hidden;
}

#wrap1 #inner .chunk .slidergallerytitle-right {
	/* Set the position */
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10012;
	overflow: hidden;
}

#wrap1 #inner .chunk .slidergallerytitle-top {
	/* Set the position */
	position: absolute;
	top: 0;
	z-index: 10012;
	overflow: hidden;
}

#wrap1 #inner .chunk .slidergallerytitle-bottom {
	/* Set the position */
	position: absolute;
	bottom: 0;
	z-index: 10012;
	overflow: hidden;
}

.slidergallerytitlelist {
	/* Opacity setting for different browsers */
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6; /* Clear the list style */
	list-style: none;
	margin: 0;
	padding: 0; /* Set the position */
	z-index: 10011;
	position: absolute;
	top: 0;
	left: 0; /* Set the style */
	background-color: #000;
	overflow: hidden;
	font-family: arial;
	font-size: 12pt;
	color: #fff;
	width: 100%;
}

#inner .chunk .slidergallerytitlelist li {
	padding: 5px;
	margin-left: 0px;
	text-align: left;
	overflow: hidden;
}

.clearblock {
	clear: both;
	display: block;
}

#wrap1 #inner .chunk .sliderleftarrow, #wrap1 #inner .chunk .sliderrightarrow, #wrap1 #inner .chunk .slideruparrow, #wrap1 #inner .chunk .sliderdownarrow {
	/* Opacity setting for different browsers */
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6; /* Set the position */
	z-index: 10015;
	position: absolute; /* Set the style */
	background-color: white;
	display: none;
}

#wrap1 #inner .chunk .sliderleftarrow {
	background-image: url("/Bongo/assets/gif/leftarrowgrey24x24.gif");
	background-position: left center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 24px;
	height: 100%;
}

#wrap1 #inner .chunk .sliderrightarrow {
	background-image: url("/Bongo/assets/gif/rightarrowgrey24x24.gif");
	background-position: left center;
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	width: 24px;
	height: 100%;
}

#wrap1 #inner .chunk .slideruparrow {
	background-image: url("/Bongo/assets/gif/uparrowgrey24x24.gif");
	background-position: center top;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	height: 24px;
	width: 100%;
}

#wrap1 #inner .chunk .sliderdownarrow {
	background-image: url("/Bongo/assets/gif/downarrowgrey24x24.gif");
	background-position: center bottom;
	background-repeat: no-repeat;
	left: 0;
	bottom: 0;
	height: 24px;
	width: 100%;
}

#inner .chunk .slider-layer {
	position: absolute;
	top: 0;
}

/* ************************************************************************************ */
/* CSS settings for Tooltip - Site Specific                                             */
/* ************************************************************************************ */
.tooltip {
	display: none;
	background: transparent url(/Bongo/assets/png/black_arrow.png);
	font-size: 12px;
	height: 70px;
	width: 160px;
	padding: 25px;
	color: #fff;
	z-index: 600; /* Must be greater than the nav bar */
}

	/* override the arrow image of the tooltip */
	.tooltip .bottom {
		background: url("/Bongo/assets/png/black_arrow_bottom.png");
		padding-top: 40px;
		height: 55px;
	}

	.tooltip .bottom {
		background: url("/Bongo/assets/png/black_arrow_bottom.png");
	}

/* ************************************************************************************ */
/* CSS settings for print chunk - Site Specific                                         */
/* ************************************************************************************ */
#inner .chunk .dscol-printable .printchunkcol {
	float: right;
	margin: -28px 4px 0 !important;
	padding: 0;
	position: relative;
	cursor: pointer;
	display: block;
}

#inner .chunk .printchunkcol {
	display: none;
}

/* ************************************************************************************ */
/* CSS settings for Blog -                                                              */
/* ************************************************************************************ */

.page-bongo-blog {
	background-color: #f9f9f9;
}

@media only screen and (min-width:320px) and (max-width:640px) {
	.blogposts {
		margin: 0;
	}
}

.blogposts {
	margin: 8px 5px;
}

	.blogposts h1 {
		color: Black;
		font-weight: normal;
		margin: 15px 0 !important;
	}

#blogposts > table {
	table-layout: fixed;
}

.blogpostfooter > span {
	font-size: smaller;
}

.blogallcategorysection {
	margin-top: 10px;
}

	.blogallcategorysection > span, .blogalltagsection > span, .blogarchivesection > span, .blogrecentpostssection > span, .blogfavouritesection > span {
		font-weight: bold;
	}

#inner .blogarchivelist li {
	list-style-type: none;
	margin-left: 8px;
}

#inner .blogrecentpostssection li {
	list-style-type: none;
	margin-left: 8px;
	margin-top: 4px;
}

.blogfollowussection > span {
	font-weight: bold;
}

.blognofollowussection, .blognofavouritesection {
	display: none;
}

.blogcomments {
	margin: 8px;
}

.commentheader > span {
	color: Blue;
}

.commentfooter {
	font-size: smaller;
	color: Silver;
}

	.commentfooter > hr {
		width: 33%;
		margin: 0px auto;
	}

.leavecommentfldlabel {
	color: Silver;
	font-style: italic;
	width: 50%;
}

.leavecommentfld {
	width: 50%;
}

.leavecommentbtn {
	width: 120px;
}

.blogpostbodyshort {
	height: 6em;
	overflow: hidden;
}

div.blogpostbodyfull + div.moreblogindicator {
	display: none;
}

#inner .moreblogindicator {
	float: right;
}

	#inner .moreblogindicator img {
		display: inline;
		padding: 0px;
	}

.blogcommentsdisabled, .nonextprevlink, .noblogtaglist {
	display: none;
}

.nextprevlink {
}

#inner .blogspace img {
	max-width: 100%;
	padding: 8px;
	height: auto !important;
	width: auto !important;
}

.blogtaglist {
	text-align: center;
	color: #1E3695;
}

#inner .blogtaglist a {
	margin-right: 10px;
	color: #1E3695;
}

#inner .blogtaglistmap {
	text-align: left;
	vertical-align: top;
	margin-bottom: 8px;
}

	#inner .blogtaglistmap a {
		margin-left: 10px;
	}

	#inner .blogtaglistmap img {
		display: inline;
		padding: 0px;
		vertical-align: text-bottom;
		width: 16px;
	}

#inner .blogpostfooter h2 {
	font-size: smaller;
	display: inline;
	font-weight: normal;
}

#inner .chunk .blogfollowus_1, #inner .chunk .blogfollowus_2, #inner .chunk .blogfollowus_3, #inner .chunk .blogfollowus_4 {
	margin: 5px auto;
}

#inner .chunk .blognofollowus_1, #inner .chunk .blognofollowus_2, #inner .chunk .blognofollowus_3, #inner .chunk .blognofollowus_4, #inner .chunk .blogpostnothumbnail {
	display: none;
}

#inner .blogrightnav img {
	padding: 0px;
}

.blogshareaddthis {
	display: inline-block;
	/*width: 410px;*/
	width: 100%;
	vertical-align: text-top;
}

.captchaerror {
	border: solid 1px Red;
	display: inline-block;
}

#inner .chunk .blogpostthumbnail {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	padding: 8px 8px;
}

#inner .blogrightnav .blogfavouriteentry img {
	padding: 8px !important;
	width: 100%;
}

#inner .blogrightnav .blogfavouritefooter span {
	color: #999;
}

.blogfavouriteswrapper {
	height: 320px;
	overflow-y: scroll;
	display: block;
}

#archivelist {
	max-height: 175px;
	overflow-y: auto;
}

#inner .blogrightnav .blogfavouriteentry {
	border: 1px solid #CCC;
	border-radius: 0px;
	margin-top: 20px;
	background-color: #fff;
	table-layout: fixed;
}

	#inner .blogrightnav .blogfavouriteentry .blogfavouriteimagelink {
		display: block;
		height: 210px;
		overflow: hidden;
		padding-top: 0;
	}


	#inner .blogrightnav .blogfavouriteentry .blogfavouriteheader {
		padding-top: 10px;
	}

/* This section determines blog dimensions */
.page-bongo-blog #inner > .chunk {
	padding: 30px 0 0 !important;
	position: relative !important;
}

.blogheaderimagediv {
	height: auto;
	width: 100%;
}

	.blogheaderimagediv #crsl_main > ul > li {
		max-height: 60vh;
	}

#inner #blog___blogwrapper {
	margin-top: -200px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.blogspace {
	width: 74%;
	float: left;
	vertical-align: top;
	background-color: transparent;
	box-sizing: border-box;
	margin-bottom: 0;
	margin-top: 0;
	min-width: 300px;
	padding: 20px 10px;
}

.blogspaceinner {
	margin-right: 30px;
}

.blogrightnav {
	width: 26%;
	float: left;
	vertical-align: top;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 20px;
	min-width: 160px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #f5f5f5;
}

.blogrightnavsectionwrapper {
	margin-top: 30px;
	margin-bottom: 30px;
	vertical-align: top;
}

.blogallcategorysection, .blogalltagsection, .blogarchivesection {
	clear: both;
}

.leavecommentiframe {
	width: 100%;
	height: 550px;
}


@media only screen and (min-width:320px) and (max-width:640px) {
	.blogspace, .blogrightnav {
		padding: 0;
		border: none;
		width: 100%;
	}

	.blogspaceinner {
		margin-right: 0px;
	}

	.leavecommentiframe {
		height: 400px;
	}
}


/* Need to adjust settings where there is a left or right menu */
#inner.has-left-menu .blogspace, #inner.has-right-menu .blogspace {
	width: 602px;
}

#inner.has-left-menu .leavecommentiframe, #inner.has-right-menu .leavecommentiframe {
	width: 478px;
}

#inner.has-left-menu .blogleavecomments, #inner.has-right-menu .blogleavecomments {
	margin: 8px;
}

/* Uncomment or place in assets\website.css to turn off text justification for categories & tags */
/*
.blogallcategoryheading td, .blogalltagsection td
{
	text-align: left !Important;
}
*/

/* ************************************************************************************ */
/* CSS settings for New two column blog (oblique) layout - Site Specific                */
/* ************************************************************************************ */
.blogpostouterwrapper {
	fill: white;
	float: left;
	max-height: none;
	min-height: 520px;
	min-width: 240px;
	width: 50%;
}

	.blogpostouterwrapper .blogpostwrapper {
		padding: 0;
	}

	.blogpostouterwrapper .blogpostheader {
		position: relative;
		top: -20px;
		z-index: 5;
	}

.blogheaderimagelink {
	margin-top: 20px;
	max-height: 210px;
	overflow: hidden;
	position: relative;
	-webkit-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	transform: skewY(-4deg);
}

.blogpostheader > a {
	z-index: 5;
}

	.blogpostheader > a > h2 {
		font-size: 180% !important;
		height: 2.4em;
		line-height: 1.1em;
		margin: 25px 15px 10px !important;
		overflow: hidden;
		padding: 0;
		position: relative;
		z-index: 5;
	}

.responsive-mobile .blogpostheader > a > h2 {
	height: auto;
}

.blogpostfooter::before {
	background-color: #f9f9f9;
	bottom: -15px;
	content: " ";
	height: 30px;
	left: 0;
	position: absolute;
	-webkit-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	transform: skewY(-4deg);
	width: 100%;
	z-index: 5;
}

.blogpostouterwrapper .blogpostfooter {
	margin-top: -0.5em;
}

.blogpostfootermore > a::after {
	background-color: #bed62f;
	content: " ";
	height: 55px;
	left: 0;
	position: absolute;
	top: -10px;
	-webkit-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	transform: skewY(-4deg);
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: -1;
}

.blogpostouterwrapper .blogpostfootermore {
	background-color: transparent;
	color: white;
	height: 60px;
	padding: 0;
	width: 100%;
}

.blogpostfootermore > a {
	display: block;
	height: 50px !important;
	line-height: 50px;
	padding-left: 20px;
	position: relative;
	width: 100%;
	z-index: 5;
}

	.blogpostfootermore > a:hover::after {
		background-color: #666;
	}

	.blogpostfootermore > a:hover {
		color: #fff !important;
	}

.blogpostouterwrapper .blogpostheader img {
	height: auto;
	max-width: 100%;
	padding: 0 !important;
	position: relative !important;
	top: -20px !important;
	-webkit-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	transform: skewY(4deg);
	-webkit-transition: all 0.3s ease 0s !important;
	-ms-transition: all 0.3s ease 0s !important;
	transition: all 0.3s ease 0s !important;
	width: auto;
	z-index: 1;
}

.blogpostouterwrapper .blogpostfixedview {
	background-color: #fff;
	height: 545px;
	max-height: none;
	min-height: 440px;
}

.blogpostouterwrapper .blogpostbodyfull {
	max-height: 220px;
	overflow: hidden;
	padding: 0 15px !important;
}

.blogpostouterwrapper .blogpostheader .blogheaderimagemissing {
	background-color: #f5f5f5;
	height: 240px;
	margin-top: 15px;
	position: relative;
	-webkit-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	transform: skewY(-4deg);
}

.blogheaderimagelink::after {
	background-color: rgba(54, 54, 54, 0.4);
	bottom: 0;
	content: " ";
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 6;
}

.blogheaderimagelink:hover::after {
	height: 100%;
}

.blogheaderimagelink::before {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #f0f0f0 !important;
	content: "";
	display: block;
	font-family: "fontawesome";
	font-size: 300%;
	height: 220px;
	left: 0;
	line-height: 220px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	width: 100%;
	z-index: 7;
}

.blogheaderimagelink:hover::before {
	opacity: 1 !important;
}




.blogspace2columns .blogpostouterwrapper {
	width: calc(50% - 15px);
}

	.blogspace2columns .blogpostouterwrapper:nth-child(2n-1) {
		margin-right: 30px;
		padding-top: 30px;
	}

.blogspace2columns ~ .blogrightnav {
	margin-top: 15px !important;
}

/* ************************************************************************************ */
/* CSS settings for New Three column blog (oblique) layout - Site Specific              */
/* ************************************************************************************ */

.blogspace.blogspace3columns {
	width: 100%;
	padding: 5px 10px 0px;
}

.blogspace3columns .blogpostouterwrapper {
	width: calc(33.33% - 20px);
}

	.blogspace3columns .blogpostouterwrapper:nth-child(3n) {
		padding-top: 0px !important;
		padding-bottom: 60px;
	}

	.blogspace3columns .blogpostouterwrapper:nth-child(3n-1) {
		margin: 0 30px;
		padding-top: 28px;
		padding-bottom: 30px;
	}

	.blogspace3columns .blogpostouterwrapper:nth-child(3n-2) {
		padding-top: 56px;
		padding-bottom: 0px;
	}

.blogspace3columns .blogspaceinner {
	margin: 0;
}

.blogspace3columns ~ .blogrightnav {
	margin: 0 15px 30px;
	width: calc(100% - 30px) !important;
}

	.blogspace3columns ~ .blogrightnav > div {
		float: left;
		height: 370px;
		margin-top: 0 !important;
		width: calc(33.33% - 20px) !important;
	}

	.blogspace3columns ~ .blogrightnav .blogfavouriteswrapper {
		height: 315px;
	}

	.blogspace3columns ~ .blogrightnav .blogallcategorysection {
		margin: 0 30px;
	}

	.blogspace3columns ~ .blogrightnav .blogrecentpostssection, .blogspace3columns ~ .blogrightnav .blogalltagsection {
		display: none;
	}

	.blogspace3columns ~ .blogrightnav .blogallcategorysection, .blogspace3columns ~ .blogrightnav .blogalltagsection, .blogspace3columns ~ .blogrightnav .blogarchivesection {
		clear: none;
	}

/* ************************************************************************************ */
/* CSS settings for New multi column blog (oblique) layout - Responsive                 */
/* ************************************************************************************ */
@media only screen and (min-width: 320px) and (max-width:480px) {
	#inner .blogrightnav > div {
		margin: 10px !important;
		width: calc(100% - 20px) !important;
		height: auto !important;
	}

	#inner .blogrightnav {
		border: 1px solid #eee;
		margin: 10px !important;
		width: calc(100% - 20px) !important;
	}

	.blogpostouterwrapper {
		margin: 10px !important;
		padding: 0 !important;
		width: calc(100% - 20px) !important;
		min-width: 0px;
	}

	.blogpostspecificwrapper {
		padding: 0 10px;
	}

	#inner #blog___blogwrapper {
		margin-top: 0 !important;
	}

	.blogheaderimagediv #crsl_main > ul > li {
		max-height: 60vh !important;
	}

	.blogheaderimagelink {
		max-height: 150px;
	}

		.blogheaderimagelink::before {
			height: 150px;
			line-height: 150px;
		}
}

@media only screen and (min-width: 320px) and (max-width:480px) and (orientation:portrait) {
	#inner #blog___blogwrapper {
		margin-top: 0 !important;
	}
}

@media only screen and (min-width: 481px) and (max-width:1024px) {
	.blogpostouterwrapper, .responsivewidth-720 .blogpostouterwrapper {
		margin: 10px !important;
		width: calc(50% - 20px) !important;
		padding: 0px !important;
	}

	.blogspace .blogpostouterwrapper:nth-child(2n-1) {
		padding-top: 25px !important;
	}

	.blogpostouterwrapper:nth-child(2n) {
		padding-bottom: 34px !important;
	}

	.blogrightnav {
		margin: 0 15px 30px;
		width: calc(100% - 30px) !important;
	}

		.blogrightnav > div {
			float: left;
			height: 370px;
			margin-top: 0 !important;
			width: calc(33.33% - 20px) !important;
		}

	.blogspace.blogspace2columns {
		width: 100%;
	}

	.blogspaceinner {
		margin-right: 0;
	}

	.blogrightnav .blogfavouriteswrapper {
		height: 315px;
	}

	.blogrightnav .blogallcategorysection {
		margin: 0 30px;
	}

	.blogrightnav .blogrecentpostssection, .blogrightnav .blogalltagsection {
		display: none;
	}

	.blogrightnav .blogallcategorysection, .blogrightnav .blogalltagsection, .blogrightnav .blogarchivesection {
		clear: none;
	}

	.blogheaderimagelink {
		max-height: 180px;
	}

		.blogheaderimagelink::before {
			height: 180px;
			line-height: 180px;
		}

	#inner #blog___blogwrapper {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 970px) and (max-width:1024px) {
	.blogspace .blogpostouterwrapper:nth-child(2n-1) {
		padding-top: 34px !important;
	}
}

.blogpostouterwrapper a:hover {
	text-decoration: none !Important;
}

.blogpostouterwrapper .blogpostwrapper a:hover {
	text-decoration: none !Important;
}

.blogpostspecificwrapper {
	width: 100%;
}


.responsivewidth-320 .blogrightnav, .responsivewidth-540 .blogrightnav, .responsivewidth-480 .blogrightnav {
	clear: left;
	width: 312px;
}

.responsivewidth-320 .blogspace, .responsivewidth-540 .blogspace, .responsivewidth-480 .blogspace {
	width: 100%;
	margin-right: 0px;
}

/* ************************************************************************************ */
/* CSS settings for MailMe Control - Site Specific                                      */
/* ************************************************************************************ */
.mailmeheadertitle, .mailmeheadermessage, .mailmeheadercaptchasubmit {
	background-color: #999999;
	border-color: #999999;
	color: White;
	text-align: center;
	font-weight: bold;
	width: 33%;
	border-style: solid;
	border-width: 3px;
	border-bottom-style: none;
}

.mailmeheadertitle {
}

.mailmeheadermessage {
	color: Black;
	background-color: #D8D8D8;
	border-top-color: #D8D8D8;
}

.mailmeheadercaptcha {
	width: 67%;
	background-color: #D8D8D8;
}

.mailmeheadersubmit {
	width: 33%;
	background-color: #999999;
}

.mailmesubmitbtn {
	background-color: transparent;
	border-style: none;
	color: inherit;
	font-weight: inherit;
	margin: 0px;
	width: 100%;
	height: 40px;
	cursor: pointer;
}

.mailmebodycontact, .mailmebodycontactphone, .mailmebodyemailcontact {
	width: 33%;
	border-style: solid;
	border-width: 3px;
	border-color: #D8D8D8;
	border-top-style: none;
}

.mailmetableheader {
	width: 100%;
	border-collapse: collapse;
	border-style: hidden;
	height: 40px;
}

.mailmetablebody {
	width: 100%;
	border-collapse: collapse;
	height: 40px;
}

.mailmetablecaptchasubmit {
	width: 100%;
	border-collapse: collapse;
}

/* Old style MAILME             */
/*
#inner .chunk .mailmecontact
{
	margin-bottom: 5px;
}

#inner .chunk .mailmeemail
{
	margin-bottom: 5px;
}

#inner .chunk .mailmesubmitbtn
{
	margin-top: 5px;
}

#inner .chunk .mailmelabel
{
	margin: 0px auto;
}

#inner .chunk .dxrpControl img
{
	padding: 0px;
}

#inner .chunk .dxrpHeader td.dxrp
{
	text-align: center;
}

#inner .chunk .dxrpControl td.dxrpcontent
{
	text-align: center;
}
*/

/* ************************************************************************************ */
/* CSS settings for Calendar Control - Site Specific                                    */
/* ************************************************************************************ */
.booked {
	background-image: url("/Bongo/assets/gif/calendarbooked16x16.gif");
	background-repeat: no-repeat;
	background-position: center;
	color: Black;
	cursor: no-drop;
}

.daycell {
	width: 2.5em;
	height: 2em;
	text-align: center;
	border: none;
	color: Black;
}

.calendartable {
	border: 1px solid gray;
}

#inner .chunk .calendarheader a, #inner .chunk .calendartable a {
	cursor: pointer;
	color: black;
}

.unavailable {
	background-image: url("/Bongo/assets/gif/calendarno16x16.gif");
	background-repeat: no-repeat;
	background-position: center;
	color: Black;
	cursor: no-drop;
}

.bookable:hover {
	background-image: url("/Bongo/assets/gif/calendarreserve24x24.gif");
	background-repeat: no-repeat;
	background-position: center;
	color: Black;
}

.restricted {
	background-image: url("/Bongo/assets/gif/calendarrestricted24x24.gif");
	background-repeat: no-repeat;
	background-position: center;
	color: Black;
}

	.restricted:hover {
		cursor: help;
	}

.offline {
	color: Gray;
	cursor: no-drop;
}

div[id^="pupcalendarevent_PW"] {
	position: fixed !Important;
	top: 0px !Important;
}

/* ************************************************************************************ */
/* CSS settings for Directory - Site Specific                                           */
/* ************************************************************************************ */

html.insideframe, .insideframe #wrap1 {
	background-color: white;
}

.memberframewrapper {
	/*min-height: 800px;*/
	margin-right: 5px;
	margin-left: 5px;
}

.memberframe {
	/*min-height: 800px;*/
}

.membercontents {
	float: left;
	margin-top: 5px;
	max-width: 1026px;
	width: 80%;
}

.responsivedirectory-navpanelfloated .membercontents {
	width: 100%;
}

.memberpanelresponsive {
	max-width: 870px;
}

.memberpanelwrapper {
	float: left;
	height: 500px;
	margin-top: 10px;
	min-width: 171px;
	padding-left: 3px;
	padding-top: 3px;
	width: 19%;
}

.responsivedirectory-navpanelfloated .memberpanelwrapper {
	float: none;
	display: inline-block;
	text-align: center;
	width: auto;
}

.responsivedirectory-navpanelfloated #aspnetform {
	text-align: center;
}

.globaladvertwrapper {
	min-width: 171px;
	min-height: 171px;
	height: 230px;
	line-height: normal;
	padding-top: 20px;
	width: 230px;
}

.globaladvertviewerwrapper {
	height: 100%;
	margin-left: 5px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.globaladverttabviewerlist {
	border-collapse: collapse;
	position: absolute;
}

.globaladvertviewerbody {
	white-space: nowrap;
}

.globaladverttabviewerlist img {
	height: 220px;
	width: 220px;
	min-width: 171px;
	min-height: 171px;
}

#adminmemberpanelwrapper {
	height: 899px;
	margin-top: 2px;
}

.memberpanellbl {
	float: left;
	width: 58px;
	font-weight: bold;
	margin-left: 2px;
	margin-bottom: 5px;
}

.memberpaneltxt {
	float: left;
	width: 135px;
	margin-left: 3px;
	margin-bottom: 5px;
}


.memberpanelbtn_single {
	clear: left;
	margin: 5px auto 5px auto;
	width: 70px;
}

.memberpaneldiverr {
	width: 100%;
	color: Red;
	text-align: center;
	background-color: #FAF8CC;
}

.memberpanellblerr {
}

.tabform {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

tabform tr {
	height: 1em;
	vertical-align: top;
}

.tdlabelcol {
	width: 75px;
	color: Black;
}

.tdemptylabelcol {
	height: 21px;
}

.tdfieldcol {
	width: 160px;
	color: Black;
}

.tdfillercol {
	width: 20px;
}

.tdfiller3col {
	width: 40px;
}

.tdbuttoncol {
	width: 75px;
	margin-right: 10px;
}

.tabbuttons {
	margin: 0 auto;
}

.tabresourceview {
}

.el_resourcepostdate {
	font-family: Tahoma;
	font-size: 9pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	color: Gray;
	white-space: nowrap;
	margin-bottom: 9px; /*display: block;*/
}

.el_resourceexpired {
	font-family: Tahoma;
	font-size: 9pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	color: Red;
	white-space: nowrap;
	margin-bottom: 9px;
}

.el_resourcetitle {
	color: #464646;
	font-family: Tahoma;
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 17px;
	margin-bottom: 3px;
	display: block;
}

.el_resourcedescription {
	color: black;
	font-family: Verdana;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 14px;
	vertical-align: top;
}

.el_resourceimage {
	float: right;
	clear: right;
	cursor: pointer;
	padding-right: 10px;
}

.el_resourcelabel {
	float: right;
	clear: right;
	font-size: smaller;
}

.el_floatright {
	float: right;
}

.el_floatleft {
	float: left;
}

.el_clearleft {
	clear: left;
}

.el_clearright {
	clear: right;
}

.el_divscroll_default {
	width: 100%;
	height: 440px;
	overflow: auto;
	overflow-x: hidden;
}

/* Join form */
.joinlevelselector {
	vertical-align: sub;
}

.contentwrap input, .contentwrap label, .contentwrap textarea {
	/*font-size: inherit;
	font-family: inherit;*/
}

.watermark {
	background-image: url('/Bongo/assets/jpg/passwordwatermark.jpg');
	background-position: -3px;
	background-repeat: no-repeat;
}

/* ************************************************************************************ */
/* CSS settings for Shopgrid - Site Specific                                            */
/* ************************************************************************************ */
.ui-jqgrid tr.jqgrow td {
	white-space: normal !important;
	height: auto;
	vertical-align: text-top;
	padding-top: 2px;
}

/* ************************************************************************************ */
/* CSS settings for Raptor - Site Specific                                              */
/* ************************************************************************************ */
.raptorframe {
	min-height: 665px;
	overflow: hidden;
}

/* ************************************************************************************ */
/* CSS settings for Ecommerce Template                                                  */
/* ************************************************************************************ */
.shopnonextprevlink {
	display: none;
}

.shopnextprevlink {
	color: inherit;
}

#ecommercetemplatebreadcrumb, #ecommercetemplate .shopbreadcrumbtd {
	border-bottom: 1px solid #666;
	color: #666 !important;
	margin-bottom: 10px;
	padding: 5px 0 15px;
}

.shopbreadcrumbtd a {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	color: #666;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0 5px;
	text-decoration: none;
}

.ecommerce {
	margin: 0 auto;
	width: auto;
	max-width: 1200px;
}

.shopspace {
}

	.shopspace > div {
		width: 275px;
		float: left;
	}

.shopspace-top, .shopspace-bottom {
	color: #666;
	padding: 10px;
}

.shopspace-bottom {
	padding-bottom: 20px;
}

#shopnextprevlinks, #shopnextprevlinks-top {
	float: left;
}

#shopsortby, #shopsortby-top {
	float: right;
}

.shopkeydescription {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 20px;
}

@media only screen and (min-width:320px) and (max-width:640px) {

	.shopspace > div {
		float: none;
		margin: 0 auto;
	}
}

@media only screen and (min-width:641px) and (max-width:1024px) {
/*	.shopspace {
		width: 80%;
	}*/
}
/* ************************************************************************************ */
/* CSS settings for Shop Item Template                                                  */
/* ************************************************************************************ */

/*.shopitemwrapperdiv {
	box-sizing: border-box;
	max-height: 501px;
	padding: 5px;
	position: relative;
}

.shopitemofferwrapperdiv {
	background-color: Red;
	height: 3em;
	width: 90%;
	margin-left: 5%;
	position: absolute;
	top: 1em;
	color: White;
	font-size: small;
	opacity: 0.75;
	left: 0px;
	right: 0px;
}

.shopitemtab {
	background-color: #ebebeb;
	border: 1px solid #ccc;
	box-sizing: border-box;
	height: auto;
	position: relative;
}

.shopitemtd {
	text-align: center;
}


	.shopitemtd img {
		padding: 0;
		width: 100%;
	}

	.shopitemtd.shopitemstocktd {
		padding-bottom: 10px;
	}

.shopitemaddmoretd {
	height: 35px;
}

.shopaddmoregapspn {
	width: 5px;
}

.shopmoreinfospn a, .shopaddtobasketspn a {
	background-color: #666666;
	color: White;
	cursor: pointer;
	padding: 5px;
	text-decoration: none;
}*/

/*
.shopitemfoldertitletd > a {
	color: White;
	font-size: inherit;
	text-decoration: none;
}

	.shopitemfoldertitletd > a:hover {
		color: red !important;
		text-decoration: underline;
	}


.shopitemtd.shopitemfoldertitletd > h2 {
	font-weight: normal;
}

.shopitemtitletd > a {
	font-size: inherit;
	color: #666 !important;
	text-decoration: none;
}

	.shopitemtitletd > a > h1 {
		font-size: inherit;
		font-weight: normal;
	}

	.shopitemtitletd > a:hover {
		color: red !important;
		text-decoration: underline;
	}
*/

#shopitemdetail {
	margin: 10px 0;
}

.shopproductinfotb {
	border-collapse: collapse;
}

.shopproducttitletd, .shopproductinfotd {
	padding: 3px 20px !important;
}

.shopproductinfotd {
	padding-left: 0px !important;
}

/* ************************************************************************************ */
/* CSS settings for Shop Item Folder Template                                           */
/* ************************************************************************************ */


#inner .chunk .shopitemfoldertitletd {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	box-sizing: border-box;
	color: #fff;
	height: 30px;
	position: absolute;
	width: 100%;
	left:0;
	line-height:1.5em;
	height:1.5em;
	overflow:hidden;
	font-size:150%;
	z-index:10 !important;
}
.shopwindowitemfoldertab {
	padding: 20px;
	position:relative;
}
.shopwindowitemfoldertab > .shopwindowitemtd.shopwindowitemimagetd {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
}

.shopwindowitemfoldertab > .shopwindowitemtd.shopwindowitemimagetd > img {
	padding: 0px !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}

.shopwindowitemtab .object-fit-fix, .shopwindowitemfoldertab .object-fit-fix {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.shopitemlink {
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

	.shopitemlink .shopwindowitemfoldertab::before {
		background-color: rgba(255, 255, 255, 0);
		bottom: 0;
		content: "";
		display: block;
		pointer-events:none;
		left: 0;
		position: absolute;
		z-index:10;
		right: 0;
		top: 0;
		-webkit-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

.shopitemlink:hover .shopwindowitemfoldertab::before {
	background-color: rgba(255, 255, 255, 0.4);
}

/*

	.shopitemlink .shopwindowitemfoldertab::before {
		bottom: 0;
		display: block;
		pointer-events:none;
		left: 0;
		position: absolute;
		z-index:10;
		right: 0;
		top: 0;
		transform:scale(0);
		background-color:rgba(255,255,255,0.4);
		-webkit-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}
	.shopitemlink .shopwindowitemfoldertab::after {
		content: "\f064";
		font-family: FontAwesome;
		font-size: 180%;
		line-height: 2.4em;
		width:2.4em;
		text-align: center;
		opacity:0.8;
		display: block;
		border-radius:50%;
		pointer-events:none;
		left: 50%;
		position: absolute;
		z-index:10;
		margin:-1.2em 0 0 -1.2em;
		background-color:#0066b3;
		color:#fff;
		top: 50%;
		transform:scale(0);
		-webkit-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		z-index:10;
	}

.shopitemlink:hover .shopwindowitemfoldertab::before, .shopitemlink:hover .shopwindowitemfoldertab::after {
	transform:scale(1);
}*/

#inner .chunk .shopwindowfolderouterdiv .shopitemfoldertitletd > h3 {
	color: #fff !important;
	margin-bottom:	0px !important;
	line-height:inherit !important;
	font-size:100% !important;
	font-weight:400;
}
.shopwindowitemimagetd img[src$="/"]{
	opacity: 0;
}

.shopwindowitemimagetd img[src*="&"] {
	opacity:0;
}

/* ************************************************************************************ */
/* CSS settings for Ecommerce detail                                                    */
/* ************************************************************************************ */

#shopitemthumbnailblocktd {
	width: 28%;
	height: auto;
	vertical-align: top;
}

#shopitemthumbnailblockdiv {
	height: auto;
	overflow: visible;
	min-width: 66px;
}

#shopitemthumbnailblocktd img {
	padding: 0px;
	margin: 2px;
	width: 90%;
	border: solid 1px black;
	cursor: pointer;
}

#shopitemoriginaltd {
	width: 72%;
	height: auto;
	vertical-align: top;
	text-align: center;
}

	#shopitemoriginaltd img {
		padding: 0px;
		width: 100%;
	}

#shopiteminfodiv {
	margin: 10px 0px;
	height: 4px;
	overflow: auto;
}

#shopitemtabsdiv {
	background-color: transparent;
}

#inner .chunk #shopitemtabsdiv ul {
	margin-bottom:0px;
}
#inner .chunk #shopitemtabsdiv li {
	margin-left:0px;
}

#shopitemtab1infodiv, #shopitemtab2infodiv, #shopitemtab3infodiv {
	height: 200px;
	overflow: auto;
}

#tabs-1, #tabs-2, #tabs-3 {
	padding: 30px;
}


#wrap1 #innertab #inner .ecommercedetailofferwrapperdiv {
	background-color: Red;
	height: 2.5em;
	width: 100%;
	padding-top: 1em;
	color: White;
	font-size: large;
	vertical-align: middle;
}

#ecommercedetailtemplate table {
	color: inherit;
	font-family: inherit;
}

.shopitemspacediv {
	display: table-cell;
}

div.shopitemimagerytd, div.shopitemdetailstd {
	float: left;
	width: 50%;
	vertical-align: top;
	box-sizing: border-box;
	padding: 10px;
}

/*#shopitemproductnamespn {
	color: #999;
	font-size: 17pt;
	font-weight: normal;
}*/

#shopitemproductcodespn, #shopitemproductcodelblspn {
	line-height: 2em;
}

#shopitemproductpricespn, #shopitemproductpricefromspn, #shopitemproductvatpricespn, #shopitemproductgrosspricespn {
	font-size: 16pt;
	font-weight: normal;
	color: #999;
}

#shopitemaddtobasketqtytxt {
	margin-right: 1em;
	width: 2em;
	text-align: center;
}

#shopitemaddtobasketdiv.out-of-stock {
	display: none;
}

#shopitemoutofstockdiv.in-stock {
	display: none;
}

#shopitemoutofstockdiv.out-of-stock {
	display: block;
	padding-top: 10px;
	color: Red;
	font-weight: bold;
}

#shopitemproductoptionsdiv img {
	padding: 8px;
}

#shopitemproductoptionsdiv p {
	margin-bottom: 6px;
	line-height: 20px;
}

#shopitemoriginalimagetd {
	width: 100%;
	text-align: center;
	vertical-align: top;
}

#shopitemoriginalimageinfotd {
	background-color: e0e0e0;
	border-radius: 10px 10px 10px 10px;
	color: #666666;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	padding-top: 0;
}

#shopitemcontinueshoppingbtn {
	float: right;
}

.seealsocarouselclass {
	border: 1px solid #ccc;
	color: inherit;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: #fff;
}

.viewerwrapper {
	width: 100%;
	position: relative;
	height: 90px;
	margin: 15px 0 10px;
}

.viewerbody {
	overflow: hidden;
	position: absolute;
	width: 100%;
	white-space: nowrap;
}

.viewerimages {
	width: 100000px;
}

.viewerbody ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 0;
}

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

		.viewerbody ul li img {
			width: 90px;
		}

.sliderleftarrow {
	background-image: url("/Bongo/assets/gif/leftarrowgrey24x24.gif");
	background-position: left center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 24px;
	height: 100%;
	position: absolute;
}

.sliderrightarrow {
	background-image: url("/Bongo/assets/gif/rightarrowgrey24x24.gif");
	background-position: left center;
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	width: 24px;
	height: 100%;
	position: absolute;
}

@media only screen and (min-width:320px) and (max-width:640px) {
	#inner #shopitemthumbnailblocktd {
		width: 24% !Important;
	}

	#inner #shopitemoriginaltd {
		width: 76% !Important;
	}

	#inner div.shopitemimagerytd, #inner div.shopitemdetailstd {
		min-width: 300px;
		width: 100%;
	}

	#shopitemcontinueshoppingbtn {
		display: block;
		float: none;
		margin: 4px auto 0 !important;
	}
}

@media only screen and (min-width:641px) and (max-width:1024px) {
	#inner #shopitemthumbnailblocktd {
		width: 20% !Important;
	}

	#inner #shopitemoriginaltd {
		width: 80%;
	}
}

@media only screen and (min-width:1025px) {
	#inner #shopitemthumbnailblocktd {
		width: 15% !Important;
	}

	#inner #shopitemoriginaltd {
		width: 85%;
	}
}

/* ************************************************************************************ */
/* CSS settings for Shopping Cart Template                                              */
/* ************************************************************************************ */

#shoppingcontainer {
	display: none;
	background: #666 none repeat scroll 0 0;
	height: 32px;
	left: 0;
	position: static;
	top: 0;
	width: 100%;
	z-index: 999;
}

#shoppinginner {
	height: 32px;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	position: relative;
}

.shoppingpaymentsaccepted {
	color: #fff;
	position: relative;
	float: right;
	width: auto;
}

	.shoppingpaymentsaccepted i {
		font-size: 190%;
		margin-right: 10px;
	}

.shoppingbasket {
	background-color: inherit;
	padding-right: 10px;
	position: relative;
	float: right;
	top: 1px;
	transition: all 0.3s ease 0s;
	width: auto;
	z-index: 5;
}

	.shoppingbasket span {
		display: inline-block;
	}

.responsive-mobile .mobilenoshow {
	display: none;
}

#shoppingbasketend {
	background: #999 none repeat scroll 0 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	width: auto;
}

#shoppingbasketcheckout {
	background-color: transparent;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #fff;
}

	#shoppingbasketcheckout a, #shoppingbasketend a {
		color: #fff;
		text-decoration: none;
	}

/* ************************************************************************************ */
/* CSS settings for Generated Shop Item Options                                         */
/* ************************************************************************************ */
.optiontable {
	border: 1px solid silver;
	border-spacing: 2px 0px;
}

.optionheader {
	background: none repeat scroll 0 0 #ccc;
	border-radius: 6px;
	color: #333333;
	font-weight: normal;
	padding: 4px;
	width: 230px;
}

.optdropdown {
	background-color: #FFFFFF;
	padding-bottom: 4px;
	width: 100%;
	margin-top: 3px;
}

.optcostinfo {
	font-weight: bold;
}

.opteven {
	background-color: Silver;
}

.optmemo {
	background-color: Transparent;
}

.optimg {
	text-decoration: none;
}

	.optimg img {
		height: 32px;
		width: 32px;
	}

	.optimg p {
		clear: none !important;
	}

.customimg {
	width: 400px;
	height: 400px;
}

/* ************************************************************************************ */
/* CSS settings for Shopping Search Template                                            */
/* ************************************************************************************ */

.shoppingsearch {
	background-color: transparent;
	padding-right: 10px;
	position: relative;
	float: right;
	top: 1px;
	transition: all 0.3s ease 0s;
	width: auto;
	z-index: 5;
}

#shoppingsearchright {
	background-color: #999;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	color: White;
	float: right;
	height: 30px;
	line-height: 28px;
	padding: 0 10px;
}

	#shoppingsearchright a {
		color: inherit;
		font-weight: bold;
		text-decoration: none;
	}

#shoppingsearchleft {
	background-color: #fff;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	box-sizing: border-box;
	float: right;
	height: 30px;
	padding: 0px 10px;
}

.responsive-mobile #shoppingsearchleft {
	padding: 0 5px;
}


#shoppingsearchleft input {
	/*width: 140px;*/
	width: auto;
	border: none;
	margin-top: 6px;
}

.search-empty {
	font-style: italic;
	color: Silver;
}

/* ************************************************************************************ */
/* CSS settings for Bongo Menu Classes                                                  */
/* ************************************************************************************ */

.menuarrow {
	display: none;
}

/* Comment out the class below if you do not require a sliding menu */
.menuslide {
	z-index: 400; /* Determines the menu slide speed - 0 no delay */
}

/* ************************************************************************************ */
/* CSS settings for Top Menu                                                            */
/* ************************************************************************************ */
#menutoptr {
	background-color: inherit;
}

#menutoptd {
	white-space: nowrap;
}

/* ************************************************************************************ */
/* CSS settings for Top Menu - Standard Specific                                        */
/* ************************************************************************************ */
.menutopstddiv {
	height: auto;
	border-radius: 0px 0px 0px 0px;
	background: none;
	margin: 0 auto;
	max-width: 1200px;
}

	.menutopstddiv.in-admin-mode {
		height: auto;
	}

		.menutopstddiv.in-admin-mode .topstdmenuul {
			height: auto;
		}

.topstdmenuul, .topstdsubmenuul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
}

.topstdmenuul {
	height: auto;
	position: relative;
	/*z-index: 998;*/
}

	.topstdmenuul > li {
		margin: 0px;
		cursor: pointer;
		color: none;
		text-decoration: none;
		padding: 0;
		display: inline-block;
	}

		.topstdmenuul > li > a {
			padding-left: 10px;
			padding-right: 10px;
			text-decoration: none;
			line-height: 80px;
			font-size: 110%;
			font-weight: 300;
			-webkit-transition: all 0.3s;
			-ms-transition: all 0.3s;
			transition: all 0.3s;
			color: #333;
			white-space: nowrap;
			display: block;
		}


.topstdsubmenuul > li:last-child > a {
	border-bottom: 0 none !important;
}

.topstdmenuul > li > a:hover, .topstdmenuul > li.touchmenuopen > a {
	text-decoration: none;
	color: #333;
}

.topstdsubmenuul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	background-color: Transparent;
	line-height: 30px;
	top: 80px;
	padding-top: 5px;
	padding-left: 5px;
}

	.topstdsubmenuul li {
		white-space: nowrap;
		cursor: pointer;
		background-color: none;
	}

		.topstdsubmenuul li a {
			color: #fff;
			background: #333;
			border-bottom: solid 1px #fff;
			padding-left: 15px;
			padding-right: 15px;
			line-height: 40px;
			text-decoration: none;
			display: block;
		}

			.topstdsubmenuul li a:hover {
				text-decoration: none;
				color: #fff;
				background: #999;
			}

/* ************************************************************************************ */
/* CSS settings for Top Menu - Link Specific                                            */
/* ************************************************************************************ */
.menutoplinkdiv {
	background-color: #333333;
	font-size: xx-small;
	padding-top: 8px;
}

.toplinkmenuul, .toplinksubmenuul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
}

.toplinkmenuul {
	display: inline-table;
	padding: 0 10px;
	position: relative;
	z-index: 998;
}

	.toplinkmenuul > li {
		margin: 0px;
		cursor: pointer;
		color: Inherit;
		text-decoration: none;
	}

		.toplinkmenuul > li > a {
			text-decoration: none;
			color: inherit;
		}

			.toplinkmenuul > li > a:hover {
				text-decoration: underline;
			}

.toplinksubmenuul {
	position: absolute;
	z-index: 999;
	white-space: normal;
}

.toplinkheading {
	font-weight: bold;
}

/* ************************************************************************************ */
/* CSS settings for Left Menu                                                           */
/* ************************************************************************************ */
#menulefttd {
	white-space: nowrap;
	width: 120px;
	vertical-align: top;
}

.menuleftcolumn {
	background-color: transparent;
	vertical-align: top;
	width: 200px;
}

/* ************************************************************************************ */
/* CSS settings for Left Menu - Standard                                                */
/* ************************************************************************************ */
.menuleftstddiv {
	width: 120px;
}

.leftstdmenuul, .leftstdsubmenuul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
}

.leftstdmenuul {
	position: relative;
	z-index: 998;
}

	.leftstdmenuul > li {
		margin: 0px;
		cursor: pointer;
		color: Inherit;
		text-decoration: none;
	}

.leftstdsubmenuul > li {
	padding-top: 7px;
}

.leftstdmenuul > li > a {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 3em;
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
	display: block;
}

	.leftstdmenuul > li > a:hover {
		text-decoration: underline;
	}

.leftstdsubmenuul {
	visibility: hidden;
	position: absolute;
	z-index: 999;
	background-color: Transparent;
}

	.leftstdsubmenuul li {
		white-space: nowrap;
		cursor: pointer;
		color: Black;
		background-color: transparent;
	}

		.leftstdsubmenuul li a {
			color: inherit;
			padding-left: 10px;
			padding-right: 10px;
			line-height: 2em;
			background-color: transparent;
			text-decoration: none;
		}

			.leftstdsubmenuul li a:hover {
				text-decoration: underline;
			}

/* ************************************************************************************ */
/* CSS settings for Left Menu - Link                                                    */
/* ************************************************************************************ */
.menuleftlinkdiv {
	width: 120px;
}

.leftlinkmenuul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
	padding-bottom: 10px;
}

.leftlinkmenuul {
	position: relative;
	z-index: 998;
}

	.leftlinkmenuul > li {
		margin: 0px;
		cursor: pointer;
		color: Inherit;
		text-decoration: none;
	}

		.leftlinkmenuul > li > a {
			text-decoration: none;
			color: inherit;
		}

			.leftlinkmenuul > li > a:hover {
				text-decoration: underline;
			}

.leftlinksubmenuul {
	position: absolute;
	z-index: 999;
	white-space: normal;
}

.leftlinkheading {
	font-weight: bold;
}

/* ************************************************************************************ */
/* CSS settings for Left Menu - Accordion                                               */
/* ************************************************************************************ */
.menuleftaccordiondiv {
	width: 200px;
	color: White;
}

.leftaccordionmenuul, .leftaccordionsubmenuul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
	color: inherit;
}

.leftaccordionmenuul {
	position: relative;
	z-index: 998;
}

	.leftaccordionmenuul > li {
		margin: 0px;
		cursor: pointer;
		color: Inherit;
		text-decoration: none;
	}

		.leftaccordionmenuul > li > a {
			padding-left: 10px;
			line-height: 3em;
			text-decoration: none;
			color: inherit;
		}

			.leftaccordionmenuul > li > a:hover {
				text-decoration: underline;
			}

.leftaccordionsubmenuul {
	display: none;
	z-index: 999;
	background-color: Transparent;
}

	.leftaccordionsubmenuul li {
		white-space: nowrap;
		cursor: pointer;
		padding-left: 5px;
	}

		.leftaccordionsubmenuul li a {
			color: inherit;
			padding-left: 10px;
			line-height: 2em;
			text-decoration: none;
		}

			.leftaccordionsubmenuul li a:hover {
				text-decoration: underline;
			}

/* Add a right-hand end graphic for branching menu nodes */
/* Images from http://www.brandspankingnew.net -Creative Commons Attribution-ShareAlike 2.5 licence*/
.leftaccordionbranch > a {
	background-image: url('/Bongo/assets/gif/arrow_expand10x10.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px;
}

.leftaccordionbranch.accordionopen > a {
	background-image: url('/Bongo/assets/gif/arrow_collapse10x10.gif') !important;
}

/* ************************************************************************************ */
/* CSS settings for Bottom Menu                                                         */
/* ************************************************************************************ */
#menubottomtd {
	white-space: nowrap;
}

#menubottomcentertd {
	text-align: center;
	font-family: inherit;
}

/* ************************************************************************************ */
/* CSS settings for Bottom Menu - Standard                                              */
/* ************************************************************************************ */
.menubottomstddiv {
	background-color: inherit;
	/*height: 40px;*/
}

	.menubottomstddiv.in-admin-mode {
		height: auto;
	}

.bottomstdmenuul, .bottomstdsubmenuul {
	line-height: 40px;
}

	.bottomstdmenuul, .bottomstdsubmenuul[data-level="2"] {
		list-style: none;
		margin: 0;
		padding: 9px 0 0 0;
		z-index: 0;
		/*line-height: 1em;*/
	}

.bottomstdmenuul {
	position: relative;
	z-index: 997;
}

	.bottomstdmenuul > li {
		margin: 0px;
		display: inline-block;
		cursor: pointer;
		color: White;
		text-decoration: none;
		/*padding-top: 11px;*/
	}

.bottomstdsubmenuul li a {
	color: inherit;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 40px;
	background-color: transparent;
	text-decoration: none;
}

.bottomstdmenuul > li > a {
	padding-left: 10px;
	padding-right: 10px;
	/*line-height: 3em;*/
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
}

	.bottomstdmenuul > li > a:hover {
		text-decoration: underline;
	}

.bottomstdsubmenuul {
	visibility: hidden;
	position: absolute;
	z-index: 999;
	background-color: Transparent;
}

	.bottomstdsubmenuul li {
		white-space: nowrap;
		cursor: pointer;
		color: Black;
		background-color: transparent;
		padding-bottom: 6px;
	}

		.bottomstdsubmenuul li a:hover {
			text-decoration: underline;
		}

/* ************************************************************************************ */
/* CSS settings for Bottom Menu - Link                                                  */
/* ************************************************************************************ */
.bottomlinkmenuul, .bottomlinksubmenuul {
	/* Clear the list style */
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
}

.bottomlinkmenuul {
	text-align: left;
	vertical-align: top;
	display: inline-table;
	padding: 0 10px;
	position: relative;
	z-index: 998;
}

.menubottomlinkdiv {
	background-color: transparent;
	color: inherit;
	font-size: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0 auto;
	max-width: 1200px;
}

.bottomlinkheading {
	color: inherit !important;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 100%;
	font-weight: normal;
}

.bottomlinkmenuul > li {
	margin: 0px;
	cursor: pointer;
	color: Inherit;
	text-decoration: none;
}

	.bottomlinkmenuul > li > a {
		text-decoration: none;
		color: inherit;
	}

		.bottomlinkmenuul > li > a:hover {
			text-decoration: underline;
		}

.bottomlinksubmenuul {
	position: absolute;
	z-index: 999;
	white-space: normal;
}

/* ************************************************************************************ */
/* CSS settings for Right Menu                                                          */
/* ************************************************************************************ */
#menurighttd {
	white-space: nowrap;
	width: 120px;
	vertical-align: top;
}

.menurightcolumn {
	background-color: transparent;
	vertical-align: top;
	width: 200px;
}

/* ************************************************************************************ */
/* CSS settings for Right Menu - Standard                                               */
/* ************************************************************************************ */
.menurightstddiv {
	width: 120px;
}

.rightstdmenuul, .rightstdsubmenuul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
}

.rightstdmenuul {
	position: relative;
	z-index: 998;
}

	.rightstdmenuul > li {
		margin: 0px;
		cursor: pointer;
		color: Inherit;
		text-decoration: none;
	}

.rightstdsubmenuul > li {
	padding-top: 7px;
}

.rightstdmenuul > li > a {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 3em;
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
}

	.rightstdmenuul > li > a:hover {
		text-decoration: underline;
	}

.rightstdsubmenuul {
	visibility: hidden;
	position: absolute;
	z-index: 999;
	background-color: Transparent;
}

	.rightstdsubmenuul li {
		white-space: nowrap;
		cursor: pointer;
		color: Black;
		background-color: transparent;
	}

		.rightstdsubmenuul li a {
			color: inherit;
			padding-left: 10px;
			padding-right: 10px;
			line-height: 2em;
			background-color: transparent;
			text-decoration: none;
		}

			.rightstdsubmenuul li a:hover {
				text-decoration: underline;
			}

/* ************************************************************************************ */
/* CSS settings for Right Menu - Link                                                   */
/* ************************************************************************************ */
.menurightlinkdiv {
	width: 120px;
}

.rightlinkmenuul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
	padding-bottom: 10px;
}

.rightlinkmenuul {
	position: relative;
	z-index: 998;
}

	.rightlinkmenuul > li {
		margin: 0px;
		cursor: pointer;
		color: Inherit;
		text-decoration: none;
	}

		.rightlinkmenuul > li > a {
			text-decoration: none;
			color: inherit;
		}

			.rightlinkmenuul > li > a:hover {
				text-decoration: underline;
			}

.rightlinksubmenuul {
	position: absolute;
	z-index: 999;
	white-space: normal;
}

.rightlinkheading {
	font-weight: bold;
}

/* ************************************************************************************ */
/* CSS settings for Right Menu - Accordion                                              */
/* ************************************************************************************ */
.menurightaccordiondiv {
	width: 200px;
	color: White;
}

.rightaccordionmenuul, .rightaccordionsubmenuul {
	/* Clear the list style */
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 1em;
	color: inherit;
}

.rightaccordionmenuul {
	position: relative;
	z-index: 998;
}

	.rightaccordionmenuul > li {
		margin: 0px;
		cursor: pointer;
		color: Inherit;
		text-decoration: none;
	}

		.rightaccordionmenuul > li > a {
			padding-left: 10px;
			line-height: 3em;
			text-decoration: none;
			color: inherit;
		}

			.rightaccordionmenuul > li > a:hover {
				text-decoration: underline;
			}

.rightaccordionsubmenuul {
	display: none;
	z-index: 999;
	background-color: Transparent;
}

	.rightaccordionsubmenuul li {
		white-space: nowrap;
		cursor: pointer;
		padding-left: 5px;
	}

		.rightaccordionsubmenuul li a {
			color: inherit;
			padding-left: 10px;
			line-height: 2em;
			text-decoration: none;
		}

			.rightaccordionsubmenuul li a:hover {
				text-decoration: underline;
			}

/* Add a right-hand end graphic for branching menu nodes */
/* Images from http://www.brandspankingnew.net -Creative Commons Attribution-ShareAlike 2.5 licence*/
.rightaccordionbranch > a {
	background-image: url('/Bongo/assets/gif/arrow_expand10x10.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px;
}

.rightaccordionbranch .accordionopen > a {
	background-image: url('/Bongo/assets/gif/arrow_collapse10x10.gif') !important;
}

/* ************************************************************************************ */
/* CSS settings for Shop Window Item Template                                           */
/* ************************************************************************************ */
#wrap1 #inner .chunk .shopwindowslider {
	width: 100%;
	line-height: normal;
}

#wrap1 #inner .chunk .shopwindow {
	height: 100%;
	margin: 0 auto;
	min-width: 274px;
}

#wrap1 #inner .chunk .shopwindowviewerwrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
}

#wrap1 #inner .chunk .shopwindowviewerbody {
	width: 100%;
	white-space: nowrap;
}

#wrap1 #inner .chunk .shopwindowtabviewerlist {
	position:relative;
	border-collapse: collapse;
}

#wrap1 #inner .chunk .shopwindowviewerimages {
	width: 100000px;
}

#wrap1 #inner .chunk .shopwindowviewerbody ul {
	/* Clear the list style */
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
	line-height: 0;
}

	#wrap1 #inner .chunk .shopwindowviewerbody ul li {
		margin: 0px;
		display: inline;
	}

		#wrap1 #inner .chunk .shopwindowviewerbody ul li img {
			display: inline;
			padding: 0;
			margin: 0;
		}

#wrap1 #inner .chunk .shopwindowleftarrow {
	background-image: url("/Bongo/assets/gif/leftarrowgrey24x24.gif");
	background-position: left center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 24px;
	height: 100%;
	position: absolute;
}

#wrap1 #inner .chunk .shopwindowrightarrow {
	background-image: url("/Bongo/assets/gif/rightarrowgrey24x24.gif");
	background-position: left center;
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	width: 24px;
	height: 100%;
	position: absolute;
}

.shopwindowitemwrapperdiv {
	display: block;
	margin-left: 4px;
	position: relative;
	line-height: 1.3em;
	border-radius: 0px;
	margin-bottom: 8px;
	padding:0;
	border:1px solid #c0c0c0;
	background-color:#fff;
}

.responsive-tablet .shopwindowitemwrapperdiv {
	margin-bottom: 3px;
}

.shopwindowitemtab {
	background-color: none;
	border: none;
	color: #666;
	line-height: 1.3em;
	padding-top: 20px;
	width: 100%;
}

	.shopwindowitemtab > div {
		margin-bottom: 1em;
	}

.shopwindowitemtd.shopwindowitemimagetd {
	padding: 0px 20px 10px;
}

.shopwindowitemimagetd > a {
	display: block;
	position: relative;
	height: 0;
	width: 100%;
	padding-top: 100%;
}

#inner .chunk .shopwindowitemimagetd > a > img {
	width: 100% !important;
	height: 100% !important;
	padding:0px;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: contain;
}

.shopwindowitemtd {
	text-align: center;
	white-space: normal;
}

.shopwindowitemtitletd a {
	cursor: pointer;
	text-decoration: none;
	color: #666;
	white-space: normal;
}

#wrap1 #inner .chunk .shopwindowitemtitletd a:hover {
	color: #888;
}

#wrap1 #inner .chunk .shopwindowitemtitletd a:visited {
	color: Purple;
}

#inner .shopwindowaddmoregapspn {
	width: 5px;
}
.shopwindowmoreinfospn, .shopwindowaddtobasketspn {
	display:inline-block;
}
.shopwindowmoreinfospn a, .shopwindowaddtobasketspn a {
	background-color: #333;
	color: #fff;
	cursor: pointer;
	border: solid 1px #333;
	padding: 8px;
	display:inline-block;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

	.shopwindowmoreinfospn a:hover, .shopwindowaddtobasketspn a:hover {
		background: #ccc;
	}

.shopdisplaynone {
	display: none;
}

shopwindowitemtitletd {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
}

.shopwindowitemtd.shopwindowitemtitletd {
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
	height: 60px;
}

.shopwindowitemtd.shopwindowitempricetd {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #666;
	box-sizing: border-box;
	margin: 0 auto 15px !important;
	padding: 5px;
	width: 50% !important;
}

.shopwindowitemtd.shopwindowitemaddmoretd {
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
}

.shopwindowitemtd.shopwindowitemstocktd {
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
	text-transform:capitalize;
}

/*#inner .shopwindowitemfoldertitletd {
	background-image: url("/Bongo/assets/png/black_arrow_bottom.png");
	background-position: center 8px;
	background-repeat: no-repeat;
	background-size: 266px 74px;
	height: 75px;
	padding-top: 10px;
}

	#inner .shopwindowitemfoldertitletd a {
		color: White;
	}

.shopwindowitemimagetd img {
	padding: 0px;
	width: 80%;
}
*/
#wrap1 #innertab #inner .shopwindowitemofferwrapperdiv {
	background-color:rgba(200, 0, 0, 0.85);
	text-align:center;
	height: 3.2em;
	width: 90%;
	left: 5%;
	position: absolute;
	top: 1em;
	color: White;
	line-height: 1.3em;
	border-radius: 10px;
	font-size:90%;
	padding:0.3em;
}

#wrap1 #innertab #inner .shopwindowgriditem {
	min-width: 242px;
	width: 25%;
	float: left;
}
.responsivewidth-320 #wrap1 #innertab #inner .shopwindowgriditem {
	width: 100%;
}

.tabshopwindowgrid::after {
	content: " ";
	display: block;
	clear: both;
}


#wrap1 #inner td > div.shopwindowitemouterdiv {
	width: 274px;
}

#inner .chunk .shopwindowitemouterdiv {
	padding:20px 10px 0;
}

#wrap1 #innertab #inner td div.shopwindowitemwrapperdiv {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	border-radius: 0px;
}

/* ************************************************************************************ */
/* CSS settings for SHOPWINDOW Slider Caption                                           */
/* ************************************************************************************ */
#wrap1 #innertab #inner .chunk .shopwindowcaption {
	background-color: #666666;
	text-align: center;
	padding:5px 15px;
	color: White;
	display: block;
	line-height: 1.5em;
}
#wrap1 #innertab #inner .chunk .shopwindowcaption > h3 {
	color:inherit;
	margin:0px;
}

#wrap1 #innertab #inner .chunk .shopwindowslider[swmaxcols="0"] .shopwindowcaption {
	margin: 0 4px;
}

/* ************************************************************************************ */
/* CSS settings for SHOPWINDOW Grid Caption                                             */
/* ************************************************************************************ */
/*#wrap1 #innertab #inner .chunk .shopwindowgrid .shopwindowcaption {
	background-color: #666666;
	color: White;
	line-height: 1.5em;
}*/


/* ************************************************************************************ */
/* CSS Changes                                                                          */
/* ************************************************************************************ */

/* Give the <UL>'s a padding again - default Bongo resets them */
#ecommercedetailtemplate ul {
	padding-left: 15px;
}

/* Set width of detail table in percentages to handle changing menus better */
#ecommercedetailtemplate {
	table-layout: fixed;
	padding-bottom: 30px;
	padding-top: 0;
	width: 100% !important;
}

.shopitemimagerytd {
	width: 50%;
}

.shopitemdetailstd {
	width: 50%;
}

#ecommercedetailtemplate .shopitemimagerytd > table {
	table-layout: fixed;
}

#inner.has-left-menu #shopitemoriginalimagetd {
	width: 290px;
}

#shopitemtopinfodiv {
	min-height: 405px;
}

#inner.has-left-menu #shopitemtopinfodiv {
	min-height: 335px;
}

#inner.has-left-menu #shopiteminfodiv {
	height: 145px;
}

#inner.has-left-menu .viewerwrapper {
	width: 100%;
}

/* Resize Facebook comment size to fit */
.fb-comments, .fb_iframe_widget iframe {
	width: 450px !important;
}

#inner.has-left-menu .fb-comments, #inner.has-left-menu .fb_iframe_widget iframe {
	width: 350px !important;
}

.leftaccordionbranch {
	background-color: inherit;
}

/* Clean-up the shop item option dropdowns */
.optiontable {
	width: 100%;
	border-style: none;
	/*background-color: #EBEBEB;
	border-radius: 10px 10px 10px 10px;*/
	margin-bottom: 20px;
	padding: 10px;
}

	.optiontable p, .optiontable br {
		display: none;
	}

.opteven {
	background-color: inherit;
}

/* ************************************************************************************ */
/* CSS settings for Follow Us Div                                                       */
/* ************************************************************************************ */
.followus {
	display: none; /* block- to display, none - to hide */
	position: absolute;
}

#followusinner ul li.display-none, #followusinner-official ul li.display-none {
	display: none;
}

#followusinner ul, #followusinner-official ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#followusinner ul li, #followusinner-official ul li {
		display: inline; /* Inline - for horizontal display, Block - for vertical display */
	}

#followusinner img, #followusinner-official img {
	width: 32px;
	height: 32px;
}

.responsivewidth-320 #followusinner img, .responsivewidth-320 #followusinner-official img {
	height: 20px;
	width: 20px;
}

/* ************************************************************************************ */
/* CSS settings for Share Us Div                                                        */
/* ************************************************************************************ */
.shareus {
	bottom: -60px;
	float: right;
	position: absolute;
	top: auto;
	display: none;
}

#shareusfacebooktd > div {
	margin-left: 8px;
}

#shareuspinteresttd > div {
	margin-left: 10px;
}

#shareusgoogleplustd > div {
	margin-left: 6px !important;
}

#shareuslinkedintd, #shareusgoogleplustd {
	padding-top: 10px;
}

#shareuspinteresttd {
	padding-top: 15px;
}

.shareus > div.shareus-horizontal {
}

#shareusfacebookhtd, #shareuspinteresthtd, #shareusgoogleplushtd, #shareuslinkedinhtd {
}

/* ************************************************************************************ */
/* CSS settings for Cookies Consent Disclaimer                                          */
/* ************************************************************************************ */


.consentlogo {
	padding-bottom: 10px;
}

.consentlogo > .logo {
	margin: 0px auto !important;
	display: block;
	max-width:200px;
}

.cookies {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(54,54,54,0.8);
	z-index: 10020;
	opacity:0;
	pointer-events:none;
	transition: opacity 1s ease;
}

#cookiesinner {
    background-color: #ebebeb;
    border: 5px solid #c0c0c0;
    font-weight: normal;
    top: 50%;
    color: #212121;
    position: fixed;
    right: 50%;
    width: 100%;
	max-width:850px;
    transform: translate(50%, -50%);
	padding:20px 35px;
    font-size: 100%;
	line-height: 1.5em;
	max-height: 80vh;
	overflow:auto;
}

.cookies.cookiesopen {
	opacity: 1;
	pointer-events:all;
}

.cookieopendiv {
	display:  block;
	right: calc(50% - 680px);
	border: 1px solid #fff;
	border-bottom: 0px !important;
	z-index:  10019;
	-webkit-transition: opacity 0.5s ease, background-color 0.3s ease;
	-moz-transition: opacity 0.5s ease, background-color 0.3s ease;
	-ms-transition: opacity 0.5s ease, background-color 0.3s ease;
	-o-transition: opacity 0.5s ease, background-color 0.3s ease;
	transition: opacity 0.5s ease, background-color 0.3s ease;
	position: fixed;
	bottom: 0;
	background-color: #666;
	color: #fff;
	cursor:pointer;
}

.cookieopendiv:hover {
	background-color:#999;
}

.cookieopendiv > span {
	box-sizing: border-box;
	display: block;
	line-height: 2em;
	height: 2em;
	text-align: center;
	font-weight: normal;
	padding: 0px 0.5em;
}

#cookieswrapper a {
	white-space: nowrap;
}

#cookiesconsent {
    text-align: left;
    font-size:80%;
}

#cookiesconsent h2, #cookiesmanage h2 {
	color: inherit;
}

.cookiesmainconsentbutton {
    float: left;
    width: 50%;
    text-align: center;
}

.consentbuttondiv {
	display: flex;
	align-items: center;
}
.cookiesmainconsentbutton.consentbutton-manage button,
.cookiesmainconsentbutton.consentbutton-back button {
	-webkit-appearance: none !important;
	background: transparent;
	padding: 5px;
	border: 0px;
	border-bottom:2px solid transparent;
	color: inherit;
	cursor:pointer;
	transition:border 0.3s ease;
}

.cookiesmainconsentbutton.consentbutton-manage button:hover,
.cookiesmainconsentbutton.consentbutton-back button:hover {
	border-bottom-color: #00ad43;
}

.cookiesmainconsentbutton.consentbutton-agree button,
.cookiesmainconsentbutton.consentbutton-confirm button {
	border: 0;
	background-color: #00ad43;
	font-size: 110%;
	font-family: inherit;
	color:#fff;
	cursor:pointer;
	transition:background 0.3s ease;
	padding:0.5em 0.75em;
}

.cookiesmainconsentbutton.consentbutton-agree button:hover,
.cookiesmainconsentbutton.consentbutton-confirm button:hover {
	background-color:#11be54;
}

#cookiesmanage {
    display: none;
    text-align: left;
    font-size: 85%;
}

.cookiesmanagerow {
}

    .cookiesmanagerow > div {
        float: left;
    }

.cookiesmanagecategory {
    width: 20%;
}

.cookiesmanagesetting {
    text-align: right;
    width: 20%;
}

.cookiesmanagedescription {
    width: 60%;
}

.cookiesmanagesetting button {
    width: 90px;
    padding: 5px;
    background-color: #666;
    color: white;
	border: 0px;
	transition:background 0.3s ease;
}

    .cookiesmanagesetting button:not([readonly]):hover {
        background-color: #00ad43;
		cursor:pointer;
    }

.cookiesmanagesetting button[value="1"]:not([readonly]) {
	background-color:#22cf65;
}

.cookiesmanagesetting button[readonly] {
	background-color: #c0c0c0;
	cursor: not-allowed;
}

.cookiesmanageclearfix {
    clear: both;
    border-bottom: solid 1px gray;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.cookieSettingsBtn {
	position: fixed;
	width: 80px;
	left: 0;
	bottom: 0;
	height: 80px;
	z-index: 9999;
	cursor: pointer;
}

object.cookieIcon {
	pointer-events: none;
}


@media only screen and (max-width:1399px) {
	.cookieopendiv {
		right:20px;
	}

	#cookiesinner > p {
		display:block;
	}

	.cookiedeletebutton {
		margin-left:0px;
	}
}

@media only screen and (min-width:751px) and (max-width:1024px) {

	#cookiesinner {
		max-width: 70ch;
	}
	#cookiesinner > p {
		line-height:1.5em;
	}
}

@media only screen and (min-width:320px) and (max-width:750px) {

	#cookiesinner {
		padding: 20px 15px 0;
		line-height:1.5em;
		font-size:80%;
		max-width:320px;
	}
	.consentbuttondiv {
		padding-bottom: 20px;
	}

	#footermenu #designtecstraplinediv {
		padding-bottom: 50px;
	}

	.cookiesmanagerow {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.cookiesmanagerow>div {
		width: 100%;
	}
	.cookiesmanagesetting {
		margin-top:10px;
	}
}


/* ************************************************************************************ */
/* CSS settings for LinkTicker Control - Default for all sites                          */
/* ************************************************************************************ */
.LinkTicker {
	display: none;
	position: absolute;
	height: 16px;
	top: -67px;
	left: 350px;
	width: 300px;
	text-align: center;
	overflow: hidden;
	background-attachment: scroll;
	background-image: url("/Bongo/assets/png/left-ticker.png");
	background-position: left center;
	background-repeat: no-repeat;
}

.LinkTickerOuter {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-attachment: scroll;
	background-image: url("/Bongo/assets/png/right-ticker.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.LinkTickerInner {
	position: absolute;
	width: 100%;
	height: 100%;
}

#glamadvert-160 {
	text-align: center;
}

#glamadvert-300 {
}

#glamlogo-300 {
	margin: 0px auto;
}

#glamadvert-728 {
	margin: 0px auto;
}

/* ************************************************************************************ */
/* CSS settings for Reviews - Site Specific                                             */
/* ************************************************************************************ */
.reviewposts hr {
	color: #FAA61A;
}

.reviewspace .reviewposttab {
	border: 1px solid #ccc;
	background-color:#fbfbfb;
	margin: 15px;
	padding: 20px;
	width: calc(50% - 30px) !important;
}

	.reviewspace .reviewposttab:nth-child(2n+1) {
		float: left;
	}

	.reviewspace .reviewposttab:nth-child(2n) {
		float: right;
	}

.reviewpoststars, .reviewpostdate, .reviewpostname {
	display: inline-block;
	width: 100%;
	margin-bottom:0.5em;
}

.reviewpostbody {
	height: 300px;
	overflow-y: auto;
}

.reviewpostdetails {
	margin-bottom: 10px;
	border-bottom:1px solid #333;
}

.reviewpostname {
	font-weight: normal !important;
	max-height: 1.5em;
	line-height:1.5em;
	margin-bottom:0.5em;
	overflow: hidden;
}

.reviewposts h3 {
	color: #666 !important;
	overflow: hidden;
	line-height:1.5em;
	height:3em;
}

.responsive-mobile .reviewspace .reviewposttab {
	margin: 15px 0;
	width: 100% !important;
}

.responsive-mobile .reviewpostbody {
	height: auto;
}

.responsive-mobile .reviewsummarytabbody > td {
	border: 0 none;
	display: block !important;
	padding: 0 15px;
	text-align: left;
	width: 100%;
}

#reviewpostswrapper > div > table, #reviewpostswrapper > table {
	width: 100% !important;
}

@media only screen and (max-width:751px) {
	.reviewposts h3 {
		height: auto;
	}
}

.reviewposts h1 {
	font-weight: normal;
	color: #666;
}

.reviewpostfooter > span {
	font-size: smaller;
}


.nonextprevlink {
	display: none;
}

.nextprevlink {
}

#inner .reviewpostfooter h2 {
	font-size: smaller;
	display: inline;
	font-weight: normal;
}

.reviewsummarytabheader, .reviewtemplateposttabheader {
	background-color: #666666;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: normal;
	height: 40px;
	text-align: center;
}

.reviewsummarytabgap, .reviewtemplateposttabgap {
	line-height: 10px;
}

.reviewpostcol1td {
	vertical-align: top;
	min-width: 85px;
}

.reviewpostcol2td {
	padding-left: 5px;
	border-left: 1px solid silver;
}

#reviewpostswrapper {
	margin: 30px 30px 0;
}

.responsive-tablet #reviewpostswrapper {
	margin: 30px 15px 0;
}

.responsive-mobile #reviewpostswrapper {
	margin: 30px 0px 0;
}

.postreviewwrapper {
	margin-top: 50px !important;
}

.postreviewtablewrapper {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 0 !important;
	color: #333;
	font-weight: 300;
	margin: 10px auto;
	padding: 20px 35px;
	width: 50%;
	border:1px solid #ebebeb;
	background-color:#f9f9f9;
}

.postreviewtableheader {
	table-layout:fixed;
}

.postreviewwrapper input {
	border: 1px solid #ebebeb;
	height: 40px;
	text-indent: 20px;
	width:100%;
}

.postreviewwrapper textarea {
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	padding: 20px;
	width:100%;
}

.postreviewwrapper input[type="radio"] {
	width:auto;
}


.postreviewheadermessage {
}

.postreviewsubmitbtn {
	background: #66ccff none repeat scroll 0 0;
	color: #fff;
	font-family: "roboto",sans-serif;
	font-weight: 700 !important;
	margin-top: 1em;
	padding: 5px 30px;
	cursor: pointer;
	text-indent: 0 !important;
	border:0px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}

	.postreviewsubmitbtn:hover {
		background-color: #666;
	}


/* This section determines review dimensions */

.reviewspace {
	color: #333333;
}

/* Need to adjust settings where there is a left or right menu */
/*#inner.has-left-menu .reviewspace, #inner.has-right-menu .reviewspace
{
	width: 714px;
}*/

.review_displaynone {
	display: none;
}

.reviewlistcaption {
	background-color: #666666;
	width: 100%;
	color: White;
	text-align: center;
}

#wrap1 #inner .reviewlistsummarytab,#wrap1 #footer .reviewlistsummarytab {
	border-bottom: 1px solid silver;
}

#wrap1 #inner .reviewlistsummaryrating,#wrap1 #footer .reviewlistsummaryrating {
	font-weight: bold;
	padding-left: 20px;
}

#wrap1 #inner .reviewlistcaptiontd,#wrap1 #footer .reviewlistcaptiontd {
	font-weight: normal;
	border-bottom: 1px solid silver;
	margin: 5px;
	padding: 4px;
}

	#wrap1 #inner .reviewlistcaptiontd h3,#wrap1 #footer .reviewlistcaptiontd h3 {
		font-size: 100%;
		margin: 0px;
	}

.reviewposttopdiv > div > div > div::after {
	clear: both !important;
	content: " ";
	display: block;
}

.reviewlistpostopinionspan {
	font-weight: bold;
}

.reviewlistpostcontactspan {
	font-style: italic;
	margin: 10px 0px 0px 10px;
	display:block;
}

.reviewlistpostpostedspan {
	margin-right: 5px;
}

#footer .reviewlistposts > ul{
    margin-left:0!important;
}

.reviewlistsummaryratingtd {
	padding: 5px 8px;
	height:auto !important;
}

.reviewlistsummarycaption {
	display: inline-block;
	vertical-align: baseline;
}

.reviewlistsummaryratingstars {
	float:  none !important;
	display:  inline-block;
	vertical-align: text-bottom;
	padding-top: 0px !important;
}

.reviewlistposts {
	overflow-y: auto;
}

.columns-1 .reviewlistposts:not(.reviews-1):not(.reviews-5) {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-top: 15px;
}
@media (min-width:1025px) {
.columns-1 .reviews-4 > .reviewposttab {
	-webkit-box-flex: 1 1 25%;
	-moz-box-flex: 1 1 25%;
	width: 25%;
	max-width: 25%;
	-webkit-flex: 1 1 25%;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	padding: 10px 15px;
	position: relative;
}

.columns-1 .reviews-3 > .reviewposttab, .columns-1 .reviews-6 > .reviewposttab {
	-webkit-box-flex: 1 1 33.33%;
	-moz-box-flex: 1 1 33.33%;
	width: 33.33%;
	max-width: 33.33%;
	-webkit-flex: 1 1 33.33%;
	-ms-flex: 1 1 33.33%;
	flex: 1 1 33.33%;
	padding: 10px 15px;
	position: relative;
}

.columns-1 .reviews-2 > .reviewposttab {
	-webkit-box-flex: 1 1 50%;
	-moz-box-flex: 1 1 50%;
	width: 50%;
	max-width: 50%;
	-webkit-flex: 1 1 50%;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	padding: 10px 15px;
	position: relative;
}

.columns-1 .reviewlistposts:not(.reviews-1):not(.reviews-5):not(.reviews-6) > .reviewposttab:not(:last-child)::after,
.columns-1 .reviewlistposts.reviews-6 > .reviewposttab:not(:nth-child(3n))::after {
	background-color: #333;
	bottom: 15px;
	content: " ";
	display: block;
	height: auto;
	left: 100%;
	position: absolute;
	top: 15px;
	width: 1px;
}
}
.page-bongo-review #footer .reviewlistchunk {
	display:none;
}

.page-bongo-review #footer {
	display: none;
}

@media only screen and (min-width: 751px) and (max-width: 1025px) {


	.columns-1 .reviews-4 > .reviewposttab, .columns-1 .reviews-6 > .reviewposttab {
		-webkit-box-flex: 1 1 50%;
		-moz-box-flex: 1 1 50%;
		width: 50%;
		max-width: 50%;
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
		padding: 10px 15px;
		position: relative;
	}

	.columns-1 .reviews-3 > .reviewposttab {
		-webkit-box-flex: 1 1 100%;
		-moz-box-flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		padding: 10px 15px;
		position: relative;
	}

	.columns-1 .reviewlistposts.reviews-6 > .reviewposttab:nth-child(3n)::after {
		background-color: #333;
		bottom: 15px;
		content: " ";
		display: block;
		height: auto;
		left: 100%;
		position: absolute;
		top: 15px;
		width: 1px;
	}

	.columns-1 .reviews-4 > .reviewposttab:nth-child(2)::after,
	.columns-1 .reviews-6 > .reviewposttab:nth-child(2n)::after {
		display:none;
	}
}

@media only screen and (min-width: 320px) and (max-width: 750px) {

	.postreviewtablewrapper {
		width: 95%;
	}

	.postreviewtableheader td {
		font-size: 10pt;
	}

	.columns-1 .reviewlistposts:not(.reviews-1):not(.reviews-5) > .reviewposttab {
		-webkit-box-flex: 1 1 100%;
		-moz-box-flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	.columns-1 .reviews-3 > .reviewposttab:not(:last-child)::after, .columns-1 .reviews-2 > .reviewposttab:not(:last-child)::after {
		width:auto;
		height:1px;
		top:100%;
		bottom:auto;
		left:15px;
		right:15px;
	}
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */


div.rating-cancel, div.star-rating {
	float: left;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden;
}

	div.rating-cancel a, div.star-rating a {
		display: block;
		border: 0;
	}


div.rating-cancel {
	height:20px;
	width:20px !important;
	margin-right:10px;
}

div.rating-cancel > a {
	height:20px;
	background-image:url(/Bongo/assets/svg/cross.svg);
	background-size:contain;
	background-position:center;
}

div.star-rating {
	width:10px !important;
	height:20px;
}

div.star-rating a {
	background-image:url(/Bongo/assets/svg/star.svg);
	background-size:200% auto;
	background-position:left top;
	width:100%;
	height:100%;
	margin:0px !important;
}

div.star-rating-on a {
	background-position: left center;
}

div.star-rating-hover a {
	background-position: left bottom;
}

div.star-rating:first-child ~ div.star-rating:nth-child(2n) {
	width:15px !important;
	padding-right:5px;
}

div.star-rating:first-child ~ div.star-rating:nth-child(2n) a {
	background-position: right top;
}

div.star-rating:first-child ~ div.star-rating.star-rating-on:nth-child(2n) a {
	background-position: right center;
}

div.star-rating:first-child ~ div.star-rating.star-rating-hover:nth-child(2n) a {
	background-position: right center;
}


div.rating-cancel:first-child ~ div.star-rating:nth-child(2n - 1) {
	width:15px !important;
	padding-right:5px;
}

div.rating-cancel:first-child ~ div.star-rating:nth-child(2n - 1) a {
	background-position: right top;
}

div.rating-cancel:first-child ~ div.star-rating.star-rating-on:nth-child(2n - 1) a {
	background-position: right center;
}

div.rating-cancel:first-child ~ div.star-rating.star-rating-hover:nth-child(2n - 1) a {
	background-position: right bottom;
}


/* Read Only CSS */
div.star-rating-readonly a {
	cursor: default !important;
}
/* Partial Star CSS */
div.star-rating {
	background: transparent !important;
	overflow: hidden !important;
	float: left !Important;
}
/* END jQuery.Rating Plugin CSS */



/* Captcha Facility */
.captcha-wrapper {
	width: 100%;
	height: 40px;
	background-color: silver;
}

.captcha-input {
	width: 100%;
}

#inner .chunk .captcha-refreshimage {
	padding: 0px !Important;
}

/* Logo Overlay */

.logooverlay > * {
	z-index: 2;
}

#logo-overlay-1 {
	display: block;
	height: 80px;
	position: absolute;
	left: 50px;
	top: 0px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	width: auto;
	line-height: 80px;
	font-size: 270%;
	text-decoration: none !important;
	color: #222 !important;
}

	#logo-overlay-1 img {
		max-width: 100%;
		max-height: 100%;
		width: auto !important;
		height: auto !important;
		padding: 10px 0px;
	}

#header.show #logo-overlay-1 {
	opacity: 0;
}

#logo-overlay-2,
#logo-overlay-3,
#logo-overlay-4 {
	display: none;
}


/* Footer Overlay */

.footeroverlay {
	align-items: stretch;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	height: auto;
	margin: 0px auto !important;
	padding: 30px 25px;
	max-width: 1200px;
}

	.footeroverlay > div {
		border-right: 1px solid;
		box-sizing: border-box;
		-webkit-box-flex: 1 1 33.333%;
		-moz-box-flex: 1 1 33.333%;
		width: 33.333%;
		max-width: 33.333%;
		-webkit-flex: 1 1 33.333%;
		-ms-flex: 1 1 33.333%;
		flex: 1 1 33.333%;
		height: auto;
		padding: 0 25px;
	}

.footeraddressdiv {
	float: none;
	position: static;
	color: inherit;
}
	.footeraddressdiv span {
		display: block;
		font-weight: normal;
	}

	.footeraddressdiv a {
		color: inherit !important;
		font-weight: 400;
		text-decoration: none !important;
	}
	.footeraddressdiv > p {
		margin-bottom: 0.5em;
	}
	.footeraddressdiv .fa {
		margin-right: 8px;
		width:1em;
		text-align:center;
	}

.footerlogodiv {
	max-width:230px;
}

.footeraddresslogo {
	width:auto;
	height:auto;
	max-width:100%;
	padding-bottom:10px;
}


.footeroverlay div > h5 {
	font-size: 110%;
	padding-bottom: 10px;
}

.footercontactdiv {
	float: none;
	position: static;
	color: inherit !important;
}

	.footercontactdiv a {
		color: inherit !important;
		text-decoration: none;
	}

.footerreviewlist {
	float: none;
	position: static;
	color: inherit !important;
}

.footerreviewlist a {
    color: inherit !important;
    text-decoration: none;
}

.footerreviewlist ul > li{
    margin-left:1em;
}

#footermenu {
	background-color: #ebebeb;
	padding-bottom: 0;
	color: #333;
	z-index: 2;
	position: relative;
	transform: translateZ(0px);
}

#followusinner ul li, #followusinner-official ul li {
	display: inline-block !important;
	width: auto !important;
	text-align: center;
	margin: 0 10px 10px 0;
}

#followusinner li > a > i, #followusinner-official li > a > i {
	background-color: #333;
	border-radius: 3px;
	color: #ebebeb;
	float: left;
	height: 35px;
	position: relative;
	width: 35px;
}

	#followusinner li > a > i::before, #followusinner-official li > a > i::before {
		display: block;
		font-size: 140% !important;
		height: 35px;
		line-height: 35px;
		text-align: center;
		width: 35px;
	}

#followusinner li > a, #followusinner-official li > a {
	color: inherit;
	text-decoration: none;
}

.fsh {
	height: 80px;
	margin-bottom: 1em;
	margin-top: 1em;
}

.footercontactdiv i {
	background: #333 none repeat scroll 0 0;
	border-radius: 3px;
	color: #ebebeb;
	height: 30px;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	padding: 5px;
	text-align: center;
	width: 30px;
}


@media only screen and (min-width:641px) and (max-width:1024px) {

	.footeroverlay > div {
	/*	-webkit-box-flex: 1 1 100%;
		-moz-box-flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;*/
		padding: 10px 20px;
	}

	.fsh {
		height: auto !important;
	}

	.footercontactdiv {
		border-right: 0 none !important;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) {

	.footeroverlay {
		margin: 0 !important;
		padding:15px;
	}

		.footeroverlay > div {
			-webkit-box-flex: 1 1 100%;
			-moz-box-flex: 1 1 100%;
			width: 100%;
			max-width: 100%;
			-webkit-flex: 1 1 100%;
			-ms-flex: 1 1 100%;
			flex: 1 1 100%;
			padding: 20px;
			border-right: 0px;
			border-bottom: 1px solid;
		}

	.fsh {
		height: auto !important;
	}

	.footeraddressdiv {
		padding: 0 20px 20px !important;
	}
}


.footeroverlay p {
	font-size: 90%;
}

.footerenquiry {
	border: 0 none !important;
}

	.footerenquiry > form {
		margin: 0 auto !important;
		max-width: 300px;
	}

.enq-column {
	margin-bottom: 1em;
	position: relative;
}

.enq-column:not(.enq-50) {
	clear:both;
}

.enq-column.enq-submit {
	margin-bottom: 0em;
}

.enq-50 {
	float: left;
	width: 50%;
}

.responsive-tablet .enq-50 {
	float: none;
	width: 100%;
}

.enq-50-L {
	padding-right: 0.5em;
}

.responsive-tablet .enq-50-L {
	padding-right: 0px;
}

.enq-column input {
	border-style: none;
	color: #333;
	height: 2.5em;
	padding:0px 15px;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	display: block;
}

.enq-column textarea {
	width: 100%;
	border-style: none;
	padding: 0.5em 15px;
	line-height: 1.5em;
	color: #333;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	display: block;
}

	.enq-column input:focus, .enq-column textarea:focus {
		color: #666;
		box-shadow: 0 0 0 1px #66ccff;
	}

.captcha-image {
	height: auto !important;
	max-height: 100%;
	max-width: 100%;
	padding: 0 !important;
	width: auto !important;
}

.enq-column input:invalid[data-isrequired="false"] {
	box-shadow: none;
}

.captchapictd {
	float: left;
	width: 50%;
	background-color: #c6c6c6;
	/*height: 2em;*/
}

/*.responsive-tablet .captchapictd, .responsive-tablet .captchainputtd {
	float: none;
	width:100%;
}*/

.captchainputtd {
/*	float: left;
	height: 40px;*/
	width: 50%;
	position: relative;
}

.captcharefreshtd {
	color: #bed62f;
	height: 2em;
	line-height: 2em;
	position: absolute;
	right: 5px;
	top: 0;
	cursor: pointer;
}

.enq-submit > input {
	background: #666 none repeat scroll 0 0;
	border: 1px solid #666;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	text-indent: 0px !important;
}

	.enq-submit > input:hover {
		background: #bed62f;
		border: solid 1px #666;
	}

 .contact label {
    display: block;
	font-size: 90%;
	font-weight:normal;
}

 .contact input {
 	border: solid 1px #ccc;
    display: block;
    /*margin-bottom: 1em;
	height: 40px;*/
}

.enq-column input + label,
.enq-column textarea + label {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 10px;
	background-color:#fff;
	padding: 0 5px;
	transition:all 0.3s ease;
	pointer-events: none;
}

.enq-column textarea + label {
	top:1.5em;
}

.enq-column input:focus + label, .enq-column input[data-isrequired="true"]:valid + label, .enq-column input.hasText + label,
.enq-column textarea:focus + label, .enq-column textarea:valid + label {
	top:0;
	font-size:80%;
}

.formbody > .form-col {
	flex: 1 1 33%;
	padding: 0px 15px;
}

.formbody {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	margin: 0px -15px;
}

#fm-slim #fm-slim-msg {
	height: 6em;
}

.formfooter {
	width: 33% !important;
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	margin-left: auto;
	padding-left: 15px;
}

.formfooter > .enq-column.enq-captcha {
	flex: 2 2 66%;
}

.formfooter > .enq-column.enq-submit {
	flex: 1 1 33%;
}

@media (max-width:1025px) {
	.formbody {
		flex-direction: column;
	}
	.formbody > .form-col {
		flex: 1 1 100%;
		display: flex;
		align-items: stretch;
		justify-content: stretch;
	}
}

.contact textarea {
	border: solid 1px #ccc;
}

.contact .enq-submit input {
	margin-bottom:0;
}

.footerenquiry form {
	font-size: 90%;
}

.footerenquiry input {
	height: 2em;
}
.footerenquiry textarea {
	padding:0.25em 15px;
}

@media only screen and (min-width:751px) and (max-width:1400px) {
	.formfooter {
		width: 50% !important;
	}

	@media (max-width:1025px) {

		.form-col {
			display: flex;
			flex: 1 1 100% !important;
			padding: 0 !important;
		}

		.formbody {
			flex-wrap: wrap;
		}

		.form-col > .enq-column {
			flex: 1 1 50%;
			margin-left: 15px;
			margin-right: 15px;
		}
	}
}
@media only screen and (max-width:751px) {
	.formfooter {
		width: 100% !important;
		padding-left:0;
	}

		.form-col {
			display: flex;
			flex: 1 1 100% !important;
			padding: 0 !important;
		}

		.formbody {
			flex-wrap: wrap;
		}

		.form-col > .enq-column {
			flex: 1 1 100%;
			margin-left: 15px;
			margin-right: 15px;
		}

		@media (max-width:541px) {
			.form-col {
				flex-wrap: wrap;
			}
		}
	}
}

/*#captchacontactdiv .captcha-image, #captchacontactdiv input {
	height: 100%;
	max-height: 100%;
}

#captchafootdiv > .captchapictd, #captchafootdiv > .captchainputtd {
	height: 30px;
}

#captchafootdiv .captcharefreshtd {
	height: 30px;
	line-height: 30px;
}*/

::-webkit-input-placeholder {
	color: #666;
}

:-moz-placeholder {
	color: #666;
}

::-moz-placeholder {
	color: #666;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #666;
}

/* Bongo Strapline */

#designtecstraplinediv a:hover {
	color: #FF0000 !important;
}

#designtecstraplinediv {
	background-image: none;
	width: 100%;
	margin: 0px auto 0;
	text-align: center;
	background: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 12px;
}

	#designtecstraplinediv a {
		color: inherit !important;
		font-size: inherit;
		text-decoration: none;
	}
/* Accessibility settings */
.accesspanel {
	display: none; /* Change to none to lose accessibility settings panel */
}

/* Custom Contact Form Settings - Turned off by default - admin.css */
.custom1 td {
	padding: 5px;
	text-align: left;
}

.customradio1 {
	margin: 5px 5px 5px 0px;
}

.customcheckbox {
	margin-right: 5px;
}

.customcheckboxtext {
	margin-left: 20px;
	width: 210px !important;
}

.customcheckbox + span {
	overflow: hidden;
	text-align: left;
}

.customtd1, .customtd3 {
	width: 155px;
	font-weight: bold;
}

.customtd2, .customtd4 {
	width: 250px;
}

.custom1 td input[type=text] {
	width: 230px;
}

.custom1 td textarea {
	width: 230px;
}

#fm-comments {
	width: 655px;
}

/* Directory specific CSS */
.directory_nav_position_left #inner #membercontentswrapper .chunk .tabs {
	margin-left: 230px;
}

#inner #membercontentswrapper .chunk .delete-chunk-tab, #inner #membercontentswrapper .chunk .up-chunk-tab, #inner #membercontentswrapper .chunk .down-chunk-tab, #inner #membercontentswrapper .chunk .first-chunk-tab, #inner #membercontentswrapper .chunk .last-chunk-tab {
	border-right: 1px solid #BBBBBB;
}

/* Miscellaneous CSS for HTML Editor content */
.tablayout {
	border-collapse: collapse;
	width: 100%;
}

.tabrow {
}

.tabcontentrow {
}

.tableftjoin {
	width: 20px;
}

.tabrightjoin {
	width: 20px;
}

.tableft {
	background-color: gold;
	color: blue;
}

.tabmiddle {
	background-color: blue;
	color: gold;
}

.tabright {
	background-color: yellow;
	color: blue;
}

	.tableft:hover, .tableftjoin:hover, .tabmiddle:hover, .tabrightjoin:hover, .tabright:hover {
		cursor: pointer;
	}

.tableftcontent {
	background-color: gold;
	color: blue;
	height: 150px;
}

.tabmiddlecontent {
	background-color: blue;
	color: gold;
	height: 150px;
	display: none;
}

.tabrightcontent {
	background-color: yellow;
	color: blue;
	height: 150px;
	display: none;
}

/* Responsive Specific CSS */
/* body.responsivemenu --> responsive dropdown top menu active
   body.responsivelinkmenu --> responsive link bottom menu active
   body.responsivewidth-<x> --> indicates the active css media width cutoff point where <x> is the width in pixels
						<x> --> 1000 | 800 | 780 | 768 | 720 | 540 | 480 | 320
   body.responsivewidth-max --> site is at full width as determined by max-width setting on #wrap1
   body.responsivewidth-belowmax --> site is smaller than full width as determined by max-width setting on #wrap1 */

#media-menu-shadow {
	max-width: 1024px;
}

#menutopstdbtn, #menubottomstdbtn {
	display: none !important;
}

.responsivelinkmenu .bottomlinkmenuul {
	padding-bottom: 8px;
}

.responsivelinkmenu .menubottomlinkdiv, .responsivewidth-belowmax .menubottomlinkdiv {
	padding-top: 10px; /* Only necessary if shareus/followus at bottom of inner content */
}


@media only screen and (min-width: 1025px) {

	.responsivemenu .topstdmenuul {
		background-color: none;
		display: block;
		height: auto;
		max-height: 400px;
		overflow: auto;
	}

		.responsivemenu .topstdmenuul > li {
			display: list-item;
			z-index: 999;
			background-color: inherit;
		}

	.responsivemenu .topstdsubmenuul {
		z-index: 999;
		top: auto;
	}

	.responsivemenu .topstdsubmenuul {
		border-bottom: 1px solid;
		display: none;
		padding: 5px 0;
		position: relative;
		visibility: visible;
	}

		.responsivemenu .topstdsubmenuul:hover {
			visibility: visible;
			display: none;
			position: relative;
		}

		.responsivemenu .topstdmenuul > li > a, .responsivemenu .topstdsubmenuul li > a {
			display: block;
			line-height: 40px;
			border-bottom: solid 1px;
		}

		.responsivemenu .topstdmenuul > li.topstdbranch > a, .responsivemenu .topstdsubmenuul li.topstdbranch > a {
			display: block;
		}
}

@media only screen and (min-width:320px) and (max-width: 1024px) {

	#wrap1 .topstdmenuul {
		background-color: none;
		display: block;
		height: auto;
		max-height: 400px;
		overflow: auto;
	}

		#wrap1 .topstdmenuul > li {
			display: list-item;
			z-index: 999;
			background-color: inherit;
		}

	#wrap1 .topstdsubmenuul {
		z-index: 999;
		top: auto;
	}

	#wrap1 .topstdsubmenuul {
		border-bottom: 1px solid;
		display: none;
		padding: 5px 0;
		position: relative;
		visibility: visible;
	}

		#wrap1 .topstdsubmenuul:hover {
			visibility: visible;
			display: none;
			position: relative;
		}

		#wrap1 .topstdmenuul > li > a, #wrap1 .topstdsubmenuul li > a {
			display: block;
			line-height: 40px;
			border-bottom: solid 1px;
		}

		#wrap1 .topstdmenuul > li.topstdbranch > a, #wrap1 .topstdsubmenuul li.topstdbranch > a {
			display: block;
		}
}

@media only screen and (min-width:320px) and (max-width: 640px) {

	#shareuswrapper {
		display: none;
	}

	.mailmeheadertitle, .mailmebodycontact {
		width: 22%;
	}

	.mailmeheadermessage, .mailmebodycontactphone {
		width: 24%;
	}

	.mailmeheadercaptchasubmit, .mailmebodyemailcontact {
		width: 54%;
	}
	.menubottomlinkdiv {
		border-bottom: 1px solid;
		margin: 0 20px;
	}
}

/* Directory related entries */
#adminmemberpanelwrapper {
	background: transparent url("/Bongo/assets/jpg/sidebar.jpg") no-repeat scroll center;
	height: 899px;
	margin-top: 2px;
}

.delete-page-tab {
	margin-left: 542px;
	top: 40px;
	z-index: 100001;
}

.edit-page-details-tab {
	margin-left: 542px;
	top: 65px;
}

.move-page-tab {
	margin-left: -356px;
}

.memberpanellbl {
	float: left;
	width: 58px;
	font-weight: bold;
	margin-left: 2px;
	margin-bottom: 5px;
}

.memberpaneltxt {
	float: left;
	width: 135px;
	margin-left: 3px;
	margin-bottom: 5px;
}


.memberpanelbtn_single {
	clear: left;
	margin: 5px auto 5px auto;
	width: 70px;
}

.memberpaneldiverr {
	width: 100%;
	color: Red;
	text-align: center;
	background-color: #FAF8CC;
}

.memberpanellblerr {
}

.tabform {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

tabform tr {
	height: 1em;
	vertical-align: top;
}

.tdlabelcol {
	width: 85px;
	color: Black;
	vertical-align: top;
}

.tdemptylabelcol {
	height: 21px;
}

.tdhalflabelcol {
	height: 21px;
	width: 410px;
}

.tdfieldcol {
	width: 165px;
	color: Black;
	padding: 1px 0px;
}

.tdfillercol {
	width: 30px;
}

.tdfiller3col {
	width: 40px;
}

.tdbuttoncol {
	width: 75px;
	margin-right: 10px;
}

.tabbuttons {
	margin: 0 auto;
}

#ptandc + table {
	margin: 0 auto;
}

#ptandc {
	margin: 12px 0px;
}

.el_resourcepostdate {
	font-family: Tahoma;
	font-size: 9pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	color: Gray;
	white-space: nowrap;
	margin-bottom: 9px; /*display: block;*/
}

.el_resourceexpired {
	font-family: Tahoma;
	font-size: 9pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	color: Red;
	white-space: nowrap;
	margin-bottom: 9px;
}

.el_resourcetitle {
	color: #464646;
	font-family: Tahoma;
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 17px;
	margin-bottom: 3px;
	display: block;
}

.el_resourcedescription {
	color: black;
	font-family: Verdana;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 14px;
	vertical-align: top;
}

.el_resourceimage {
	float: right;
	clear: right;
	cursor: pointer;
	padding-right: 10px;
}

.el_resourcelabel {
	float: right;
	clear: right;
	font-size: smaller;
}

.el_floatright {
	float: right;
}

.el_floatleft {
	float: left;
}

.el_clearleft {
	clear: left;
}

.el_clearright {
	clear: right;
}

.el_divscroll_default {
	width: 100%;
	height: 440px;
	overflow: auto;
	overflow-x: hidden;
}

/* Join form */
.joinlmargincol {
	width: 9%;
}

.joinquestioncol {
	width: 45%;
	text-align: center;
	font-weight: bold;
}

.joinresponsecol {
	width: 10%;
}

.joinrmargincol {
}

.joinquestion label {
	font-weight: bold;
}

.joinconnector {
	height: 48px;
	background-image: url('/Bongo/assets/gif/arrow_down_48.gif');
	background-repeat: no-repeat;
	background-position: 50%;
}

.joinmembertype {
	font-size: 17px;
}

.joinmemberfees {
	font-size: 15px;
	text-align: left;
}

.joinmemberdetails {
	margin: 0px auto 0px auto;
}

.joinmemberbutton {
}

#wrap1 #inner .globaladvertleftarrow {
	background-image: url("/Bongo/assets/gif/leftarrowgrey24x24.gif");
	background-position: left center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 24px;
	height: 100%;
	position: absolute;
	z-index: -1;
}

#wrap1 #inner .globaladvertrightarrow {
	background-image: url("/Bongo/assets/gif/rightarrowgrey24x24.gif");
	background-position: left center;
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	width: 24px;
	height: 100%;
	position: absolute;
	z-index: -1;
}

#searchindexwrapper {
	font: 12px Tahoma,Geneva,sans-serif;
	background-color: white;
	min-width: 180px;
	border: 1px solid #a8a8a8;
	padding-bottom: 8px;
}

.searchindexcolumn {
	float: left;
}

.searchindexcolumninner {
	margin-left: 20px;
}

.searchindexcolumn_1_of_5, .searchindexcolumn_2_of_5, .searchindexcolumn_3_of_5, .searchindexcolumn_4_of_5, .searchindexcolumn_5_of_5 {
	width: 20%;
}

.searchindexcolumn_1_of_4, .searchindexcolumn_2_of_4, .searchindexcolumn_3_of_4, .searchindexcolumn_4_of_4 {
	width: 25%;
}

.searchindexcolumn_1_of_3, .searchindexcolumn_2_of_3, .searchindexcolumn_3_of_3 {
	width: 33.3%;
}

.searchindexcolumn_1_of_2, .searchindexcolumn_2_of_2 {
	width: 50%;
}

.searchindexcolumn_1_of_1 {
	width: 100%;
}

.searchindexentryheading {
	padding: 2px 7px;
	margin: 8px 0;
	background-color: #b4b4b4;
	color: #ffffff;
	font: 18px Verdana,Geneva,sans-serif;
	text-decoration: none;
	display: inline-block;
	cursor: default;
}

.searchindexentry {
	display: block;
	color: #1e3695;
}

.directoryentrydetails, .arpmemberlisting {
	float: left;
	width: 40%;
}

.directoryentrydescription, .arpmemberdescription {
	float: left;
	width: 60%;
	vertical-align: top;
}

.responsivewidth-320 .directoryentrydetails, .responsivewidth-320 .directoryentrydescription, .responsivewidth-320 .arpmemberlisting, .responsivewidth-320 .arpmemberdescription {
	width: 100%;
}

.responsivewidth-320 .arpmemberlisting {
	margin-bottom: 20px;
}

/* Supplier Login Specific */
#loginwrapper {
	height: 22px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 11000;
	width: 100%;
	background-color: transparent;
}

body.admin #loginwrapper {
	display: none;
}

#logininnerwrapper {
	border-top-color: black;
	border-top-width: 3px;
	border-top-style: solid;
	height: inherit;
}

	#logininnerwrapper.loginwrapperexpanded {
		border: none;
	}

#loginleft, #loginmiddle, #loginright {
	float: right;
	cursor: pointer;
}

#loginleft {
	background-color: black;
	border-radius: 0 0 0 10px;
	border-color: black;
	height: inherit;
	width: 25px;
}

#loginmiddle {
	background-color: black;
	height: inherit;
	color: white;
	vertical-align: bottom;
}

#loginright {
	background-color: black;
	border-radius: 0 0 10px 0;
	border-color: black;
	height: inherit;
	width: 25px;
}

#loginend {
	clear: both;
}

#logincontent {
	background-color: black;
	border-radius: 0 0 0 10px;
	border-color: black;
	color: white;
	display: none;
}

	#logincontent h1 {
		font-size: medium;
		padding: 5px 0 10px;
	}

	#logincontent a {
		color: white;
	}

	#logincontent label, #logincontent input {
		display: block;
	}

	#logincontent input, #logincontent textarea, #logincontent select {
		background-color: #414141;
		border: 1px solid #1a1a1a;
		color: white;
		margin-top: 4px;
		width: 100%;
	}

		#logincontent input[type='checkbox'], #logincontent input[type='submit'], #logincontent label[for="fm-rememberme"] {
			display: inline;
			width: auto;
		}

		#logincontent input[type='submit'] {
			cursor: pointer;
			border-radius: 10px;
		}

#loginerrormsg, #emailerrormsg, #passwordremindermsg {
	display: none;
	color: red;
	text-align: center;
}

	#loginerrormsg.showloginerror, #emailerrormsg.showemailerror, #passwordremindermsg.showpasswordreminder {
		display: block;
	}

label[for='fm-regemail'], label[for='fm-regpasswordcheck'] {
	background-repeat: no-repeat;
	background-position: right;
}

.inputfieldvalid {
	background-image: url(/bongo/assets/png/tick.png);
}

.inputfieldinvalid {
	background-image: url(/bongo/assets/png/delete.png);
}

#logincontent-inner {
	overflow: hidden;
	margin-left: calc(50% - 250px);
}

.responsivewidth-320 #logincontent-inner {
	margin-left: 0px;
}

#logincontent-login, #logincontent-passwordreminder {
	width: 160px;
	float: left;
}

.responsivewidth-320 #logincontent-login, .responsivewidth-320 #logincontent-passwordreminder, .responsivewidth-320 #logincontent-register {
	float: none;
}

.responsivewidth-320 #logincontent-register {
	padding-top: 20px;
	margin-top: 30px;
	border-top: solid;
}

#logincontent-passwordreminder {
	display: none;
}

#logincontent-spacer {
	float: left;
	width: 10px;
	margin-left: 10px;
	border-left: 1px solid;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.responsivewidth-320 #logincontent-spacer {
	display: none;
}

#logincontent-register {
	float: left;
	width: 320px;
}

#registration-col1, #registration-col3 {
	float: left;
	width: 160px;
}

#registration-col2, #registration-col4 {
	float: left;
	width: 155px;
	margin-left: 5px;
}

body.supplierloggedout #shopitemaddtobasketqtyspn, body.supplierloggedout #shopitemaddtobasketqtytxt, body.supplierloggedout #shopitemaddtobasketbtn, body.supplierloggedout #shopitemviewbasketbtn {
	display: none;
}

.supplier-info-icon::after {
	content: '\f05a';
	cursor: default;
}

/* #RECENTBLOGPOSTS# CSS */
div.recentblogposts {
	width: 100%;
}

.recentblogpostswrapper {
	width: 100%;
}

.recentblogpostsheader {
	font-weight: bold;
}

/* NEW SHOP ITEM DETAIL STUFF */


.shopkeydescription > img {
	padding: 10px;
}

.shopitemdetaildiv {
	width: 70%;
	margin-bottom: 50px;
}

.responsive-mobile .shopitemdetaildiv, .responsive-tablet .shopitemdetaildiv {
	width: 100%;
}

.shopitemtitlediv {
	background: #ebebeb none repeat scroll 0 0;
	box-sizing: border-box;
	float: left;
	padding: 5px 10px;
	width: 40%;
}

.brandline, .productcodeline, .availabilityline {
	margin-bottom: 10px;
	width: 100%;
}

.shopproductinfodiv {
	box-sizing: border-box;
	float: left;
	width: 60%;
	padding-left: 16px;
}

.responsive-mobile .shopitemtitlediv,
.responsive-mobile .shopproductinfodiv {
	width: 100%;
	float: none;
}

#shopitemaddtobasketdiv > input {
	background: #ebebeb none repeat scroll 0 0;
	border: 1px solid #ccc;
	cursor: pointer;
	padding: 8px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	display: inline-block;
	margin-right: 1em;
}

.responsive-mobile #shopitemaddtobasketdiv > input {
	margin-right: 0;
}

.responsive-mobile #shopitemaddtobasketqtytxt {
	margin-right: 4px !important;
}

#shopitemaddtobasketdiv > input:hover {
	background: #ccc;
}

#shopitemaddtobasketqtytxt {
	background: #fff none repeat scroll 0 0 !important;
	cursor: text !important;
}

.responsive-tablet #shopitemcontinueshoppingbtn {
	margin-top: 1em;
	float: none;
}

#shopitemproductoptionsdiv br {
	display: none;
}

.ui-widget-content img {
	padding: 0 8px;
}

.responsive-mobile .ui-widget-content img {
	display: block;
	float: none !important;
	margin: 0 auto !important;
}

.seealsocarouselclass > p {
	background: #ebebeb none repeat scroll 0 0;
	padding: 5px 10px;
}

#prices {
	border: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 5px;
	text-align: center;
	width: 50%;
	background: #fff;
	box-sizing: border-box;
}

.responsive-mobile #prices {
	width: 100%;
}

.shopkeydescription img {
	padding: 8px 10px;
}

.responsive-mobile .shopitemdescriptiondiv img {
	display: block;
	float: none !important;
	margin: 0 auto !important;
}

#ecommercetemplate {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}

.responsive-mobile .shopkeydescription img {
	display: block;
	float: none !important;
	height: auto !important;
	margin: 0 auto !important;
	max-width: 60% !important;
	width: auto !important;
}


.shopspacetopdiv {
	padding-top: 10px;
}

.keydescriptiondiv {
	padding-top: 10px;
}

/*___________REVIEWS STYLING____________*/


.reviewlist {
	padding: 0px;
}

.reviewlistsummarywrapper > .reviewlistsummary {
	background: #333 none repeat scroll 0 0;
	color: #fff;
}

.reviewlistpostwrapper {
	padding: 15px;
	background-color:#fbfbfb;
	border:1px solid #333;
}

.reviewposttopdiv {
	padding: 5px 0;
}

.reviewpostopiniondiv {
	padding: 5px 0;
}

.reviewlistpostinnerdiv {
	line-height: 1.4em;
	padding: 5px 0;
}


/*________RESPONSIVE FLEX SHOP TEMPLATE____________*/


.keydescriptiondiv {
	flex: 1 1 0;
	-webkit-flex: 1;
	-ms-flex: 1;
	margin-bottom: 20px;
	order: 4;
}

/*_________DEFAULT MEDIA QUERIES__________*/

#coverslide, .coverslide {
	display: none !important;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
}

/* Gallery Grid Layout */
.gallerygrid-image-wrapper {
	float: left;
	display: block;
	height: auto;
	margin: 0px;
	overflow: hidden;
	padding:10px;
	position: relative;
	width: 25%;
}

	#inner .gallerygrid-image-wrapper > a > img {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
		padding: 0 !important;
		object-fit: cover;
		object-position: center center;
	}

	/*.gallerygrid-image-wrapper > a::before {
		background-color: rgba(54, 54, 54, 0.5);
		content: " ";
		left: 10px;
		position: absolute;
		top: 10px;
		right: 10px;
		bottom: 10px;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		z-index: 2;
	}

	.gallerygrid-image-wrapper > a:hover::before {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}*/

	.gallerygrid-image-wrapper > a::after {
		color: #f0f0f0 !important;
		content: "\f00e";
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-family: "fontawesome";
		font-size: 300%;
		height: auto;
		left: 10px;
		right:10px;
		opacity: 0;
		position: absolute;
		text-align: center;
		top: 10px;
		bottom:10px;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
		width: auto;
		z-index: 7;
		background-color:rgba(54,54,54,0.6);
	}

	.gallerygrid-image-wrapper > a:hover::after {
		opacity: 1 !important;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.gallerygrid-image-wrapper > a {
		display: block;
		padding-top: 100%;
		height:auto;
		left: 0;
		position: relative;
		top: 0;
		width: 100%;
	}

	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(5n + 1),
	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(5n + 1) ~ .gallerygrid-image-wrapper {
		width:20%;
	}
	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(3n + 1),
	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(3n + 1) ~ .gallerygrid-image-wrapper {
		width:33.33%;
	}
	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(4n + 1),
	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(4n + 1) ~ .gallerygrid-image-wrapper {
		width:25%;
	}

@media only screen and (min-width:751px) and (max-width:1025px){

	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(3n + 1),
	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(3n + 1) ~ .gallerygrid-image-wrapper {
		width:33.33%;
	}

	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(2n + 1),
	.gallerygrid-inner > .gallerygrid-image-wrapper:first-child:nth-last-child(2n + 1) ~ .gallerygrid-image-wrapper {
		width:50%;
	}
}

@media only screen and (max-width:751px) {

	.gallerygrid-image-wrapper {
		width:50% !important;
	}

	.gallerygrid-image-wrapper > a::after {
		font-size: 150%;
	}
}

.gallerygrid-empty-wrapper {
	clear: both;
}

.gallerygrid-overlay{
	width:100%!important;
	height:100%;
	top:0px;
	color:white;
	font-weight:bolder;
	text-align:center;
	position:absolute;
}

.lb-container div.gallerygrid-overlay{
	padding-top:19px;
}


div.gallerygrid-image-wrapper div.gallerygrid-lightbox-overlay{
	display:none;
}

.gallerystandard-overlay{
	width:100%!important;
	height:100%;
	top:0px;
	color:white;
	font-weight:bolder;
	text-align:center;
	position:absolute;
	z-index:10000;
}

.thumbs li{
	position:relative;
}

ul.thumbs div.gallerystandard-slide-overlay{
	display:none;
}

.menutopstddiv li {
	text-align: left;
}

.topstdmenuul > li > a {
	font-weight: 300;
	font-size: 110%;
}




.bongo-icons {
  font-size: 100%;
}

/*----------------------------------------------*/
/*                                              */
/*                ERROR 404 PAGE                */
/*                                              */
/*----------------------------------------------*/

:root {
    --error-404-color: #eb2222;
}

.error404 {
	font-size: 700%;
	font-weight: 700;
	color: var(--error-404-color);
	text-shadow: 2px 2px 3px rgba(54,54,54,0.3);
	line-height: 1;
}

.button404 {
	display: inline-block;
	padding: 0.25em 0.75em;
	color: #333;
	text-decoration: none;
	background-color: transparent;
	font-size: 110%;
	font-weight: normal;
	border: 2px solid  var(--error-404-color);
	transition: all 0.3s ease;
}

.button404 + .button404 {
	margin-left: 1em;
}

.button404:hover {
	background-color:  var(--error-404-color);
	color: #fff;
}

.error404page {
	max-width: 640px;
	margin: 0px auto 50px;
	text-align: center;
	font-size: 1.3rem;
}

/*----------------------------------------------*/
/*                                              */
/*          INSERT TEMPLATES DEFAULTS           */
/*                                              */
/*----------------------------------------------*/

.parallaximg img {
	position: relative;
}

.uTubecontainer {
	height: auto;
	margin: 0 auto !important;
	max-width: 640px;
	width: auto;
}
	.uTubecontainer .uTubeinner {
		height: 0;
		padding-top: 56%;
		position: relative;
		width: 100% !important;
	}
		.uTubecontainer .uTubeinner iframe {
			bottom: 0;
			height: 100% !important;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 100% !important;
			border:0px none;
		}

.googlemap {
	max-height: 450px;
	width: 100%;
	height:60vw;
}

	.googlemap > iframe {
		height: 100% !important;
		width: 100% !important;
	}

.mapcontainer {
	position: relative;
}

.mapcover {
	bottom: 0;
	display: none;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

@media only screen and (min-width:320px) and (max-width: 1024px) {
	.mapcover {
		display: block;
	}
}

/* Custom Forms Stuff */
.custom3 td input[type="text"] {
	width: 100%;
	height: 24px;
}

.custom3 td input.fm-datepicker {
	width: 80%;
}

#inner .chunk .ui-datepicker-trigger {
	display: inline;
	padding: 0px;
}

#customtab td {
	padding-bottom: 5px;
}


.custom3-heading {
	color: red;
	font-weight: bold;
	font-size: larger;
}

#ui-datepicker-div {
	z-index: 999 !Important;
}

.slidergallerytitlelist {
	position: relative;
	display: block;
}

	.slidergallerytitlelist > li {
		float: left;
		visibility: hidden;
	}

		.slidergallerytitlelist > li.selected {
			visibility: visible;
		}

.slidernotitle{
	display:none;
}

/*______________BEFORE/AFTER IMAGE____________*/

.imageslidewrap {
	height: auto;
	overflow: hidden;
	position: relative;
	width: auto;
	display:inline-block;
	max-width:100%;
}
.imageslidewrap > img.imageafter {
	height: auto !important;
	max-width: 100%;
	padding: 0 !important;
	width: auto !important;
}
.imageslidewrap > img.imagebefore {
	bottom: 0;
	left: 0;
	padding: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
	width:100%;
}
.imageslidecontrol {
	border: 3px solid white;
	border-radius: 50%;
	height: 40px;
	left: calc(50% - 20px);
	position: absolute;
	top: calc(50% - 20px);
	width: 40px;
}
.imageslidecontrol::before {
	background: none repeat scroll 0 0 white;
	bottom: 100%;
	content:"";
	display: block;
	height: 9999px;
	left: calc(50% - 1px);
	position: absolute;
	width: 2px;
}
.imageslidecontrol::after {
	background: none repeat scroll 0 0 white;
	content:"";
	display: block;
	height: 9999px;
	left: calc(50% - 1px);
	position: absolute;
	top: 100%;
	width: 2px;
}
.imageslidearrows {
	color: white;
	display: inline-block;
	font-size: 24px;
	line-height: 36px;
	position: relative;
	text-align: center;
	width: 100%;
	cursor:pointer;
}

.imageslidearrows::before {
	background-color: rgba(54, 54, 54, 0.6);
	bottom: 130%;
	content: "Drag Me!";
	display: block;
	left: 50%;
	padding: 0 5px;
	position: absolute;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	white-space: nowrap;
	width: auto;
}
.imageslidewrap:hover .imageslidearrows::before {
	opacity: 0;
}
.imageslidearrows > .fa {
	pointer-events: none;
}

body.dxheDesignViewArea .imagebefore {
	position:static;
}
body.dxheDesignViewArea .imageslidecontrol {
	display:none;
}


/*_____________ OBJECT_FIT_FIX _____________*/

.object-fit-fix {
	background-size:cover;
	background-position:center top;
}

	.object-fit-fix img {
		opacity:0;
	}

.optcustomdropdown {
	background-color: #FFFFFF;
	padding-bottom: 4px;
	width: 100%;
	margin-top: 3px;
	background-color: Transparent;
}

.optnumeric {
	width: 20%;
	height: 1.75em;
	background-color: Transparent;
}

@media only screen and (min-width: 1025px) {
    .floatnavigation {
        background-color: #2f4361;
        height: 40px;
    }
}

.floatnavigation {
    margin: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.altnavigation{

}

body.responsivemenu div.floatnavigation, body.responsivemenu div.altnavigation {
    display: none;
}

.menuleftstddiv, .menurightstddiv {
    width: auto;
}

.menu-float-openbtn-right{
    text-align:right;
}

ul.flatten > li{
    display:inline-block;
}