@charset "utf-8";

/* ------------------------------------------------------------------------------------------------- */
/* ---------------------------------- Bridal Network LAYOUT ---------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- TYPOGRAPHY ------------------------------------------------------------------------ */

@import url("https://www.bridalnetwork.ca/AssetLibraries/Fonts/OpenSans/OpenSans.css");
@import url("https://www.bridalnetwork.ca/AssetLibraries/Fonts/Prata/Prata.css");
@import url("https://www.bridalnetwork.ca/AssetLibraries/Fonts/Raleway/Raleway.css");

/* ------------- TYPOGRAPHY ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */


/* LAYERING 
	#Thinker: 99999
	#Header: 90000
	ActionBar: 80000
	#Alerts: 85000
	#Tutorial : 60000
	.miniHelp : 59000
	#Popup.popup2: 42000
	#Popup.popup1: 36000
	#Popup.popup0: 30000
	#QuickCart: 12000
	#Menu: 10000
*/


/* ------------------------------------------------------------------------------------------------- */
/* ------------- HTML ------------------------------------------------------------------------------ */

h1, h2, h3 { display:block; }

a { }
	a:hover {  }
	a.syslink {  }
		a.syslink:hover {  }
		
input, select { width: 250px; }
input.long, select.long { width: 100%; max-width: 432px; }
input[type=image] { width:unset; }
	input.good { background-color: #00BB11 !important; color: white !important; }
	input.bad { background-color: #FF6600 !important; color: white !important; }
	input.unmatched { color: orange !important; }
	input.matched { color: green !important; }

/* ------------- HTML ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- SITE LAYOUT & UI ------------------------------------------------------------------ */

html { 
	position: relative;
	height: 100%; 
}

body { 
	position: relative;
	display: block;
	margin: 0px;
	padding-top: 96px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 240px;
}
	
#Content {  
	margin:auto;
	width: 100%; 
}	
	#Content::after { content: ""; display: table; clear: both; border-spacing: 0; }
	#Content.verynarrow { max-width: 320px; text-align: center; }	
	#Content.narrow { max-width: 700px; text-align: center; }	
	#Content.single { max-width: 996px; text-align: center; }

body.bands .band {
	display: block;
	margin: 0px;
	padding: 2%;
	margin-top: 1px;
}
	body.bands .band:after { content: ""; display: table; clear: both; border-spacing: 0; }
		body.bands .band .left, body.bands .band .right {
			display:block;
			width: 48%;
			float: left;
			position: relative;
		}
		body.bands .band .left { padding-right:2%;}
		body.bands .band .right { padding-left:2%;}
	body.bands .band.logos { padding:0%; }
	body.bands .band .content {
		display:block;
		width: 100%;
		max-width: 864px;
		margin: auto;
		position: relative;
	}
		body.bands .band .content img.header { width:100%; }
		body.bands .band .content img.logo { 
			position: absolute;
			width: 20%;
			margin-top: -10%;
		}
			body.bands .band .content img.logo.product { 
				width: 30%;
				margin-top: -5%;
			}
			body.bands .band .content img.logo.left { left: 20%; }
			body.bands .band .content img.logo.center { left: 35%; }
			body.bands .band .content img.logo.right { right: 20%; }
			.band .content .left img, .band .content .right img { max-width: 100%; }
		body.bands .band .content h1 { margin-top:8.5%; }
		body.bands .band .content h3 { margin: 24px 0; position:relative; }		
		body.bands .band .content .gauge .analydata .datum h3 { margin:0px; }
		body.bands .band .content ul {padding-left:15px; }
		body.bands .band .content ul ul { font-size: 0.92em; }
		body.bands .band .content ul li { margin-bottom: 2px; }


/* ---- PAGE /index -------------------------------------------------------------------------------- */
.promoposter .poster { }

/* ---- PAGE /Info/BoutiquesLive/index ------------------------------------------------------------- */
.band table.ratecard { margin:auto; }

/* ---- PAGE /Fashion/Collection ------------------------------------------------------------------- */
body#pageFashionCollection h2 img.boost { 
	float: right;
    height: 36px;
    margin-top: -4px;
}

/* ---- PAGE /Fashion/Collection/boost ------------------------------------------------------------- */
.BoostHelp,
.BoostGridControllers,
.BoostGridContainer {
	float: left;
	position: relative;
}
.BoostHelp { 
	display:block;
	width:360px;
	margin-right: 20px; 
}
.BoostGridContainer { padding: 64px 10px 10px 10px; }
.BoostGridContainer .legent { 
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	height: 44px;
	vertical-align:middle;
}
	.BoostGridContainer .legent .icon { 
		height: 9px;
		width: 7px;
		border-style: solid;
		border-width: 1px;
		margin-right: 4px;
	}
.BoostGrid { 
	display: block;
	position: absolute;
	top: 60px;
	left: 10px;
	bottom: 10px;
	right: 10px;
	display: none;
 } 
 	.BoostGrid.grid, .BoostGrid.active { display:block; }
 	.BoostGrid .dots { 
		display:block;
		position:relative;
		width: 100%;
		height: 100%;
	 }
		.BoostGrid .dots .dot { 
			position: absolute; 
			display: block;
			width:5px; 
			height:7px;
			margin: 0px 1px 1px 0px;
		}
.BoostGridContainer .threashold {
	position:absolute;
	display: block;
	left:10px;
	right:10px;
}
#previewDotDress {
	position: absolute;
	display: block;
	width: 200px;
	height: 200px;
	background-image: url('/Assets/Images/Icons/gridot.png');
	background-repeat: no-repeat;
	background-size: 100%;
	display: none;
}
	#previewDotDress .content { position:relative; width:100%; height:100%; }
	#previewDotDress .data { position: absolute; left:0px; right:0px; bottom: 0px; }
.GridController { display: block; }

/* --------- Page : /Inventory/collection ----------------------------------------------------------- */
.Inventories tr.gown td.SampleData form.data { position: relative; }
.Inventories tr.gown td.SampleData .thinker {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.Inventories select {
	display: inline-block;
	width: unset;
}
.Inventories input[type=text] {
	display: inline-block;
	width: unset;
}

.GownInventoryItemRecord {
	position: relative;
	display: block;
	margin: auto;
	width: 94%;
	max-width: 864px;
	max-height: 70%;
}
	.GownInventoryItemRecord .header .remove { }

.GownInventoryItemRecord { }
	.GownInventoryItemRecord .header { }
	.GownInventoryItemRecord .remove { }
	.GownInventoryItemRecord .officialPhoto {
		display: block;
		float: left;
		width: 19.5%;
		margin: 0 0.5% 0.5% 0;
	}
		/* .GownInventoryItemRecord .officialPhoto.top { margin-bottom: 20%; } */
		.GownInventoryItemRecord .officialPhoto img.thinker {
			margin-top: 50%;
			transform: translateY(-50%);
			width: 60%;
			margin-left: 20%;
		}
		.GownInventoryItemRecord .officialPhoto .message {
			display: block;
			position: absolute;
			bottom: 40%;
			left: 0;
			right: 0;
		}
		.GownInventoryItemRecord .officialPhoto .label {
			display: block;
			position: absolute;
			bottom: 10%;
			left: 0;
			right: 0;
		}
		.GownInventoryItemRecord .officialPhoto .edit {
			display: block;
			position: absolute;
			top: 10%;
			right: 10%;
			width: 12%;
			display: none;
		}
	.GownInventoryItemRecord h2 .icon { float:left; display:block; height: 18px; margin: 0; }
	.GownInventoryItemRecord .datum .label .icon { float:left; display:block; height: 18px; margin-right: 10px; }
	.GownInventoryItemRecord .datum {
		display: block;
		float: left;
		position: relative;
		width: 39%;
		margin: 0 0 0.25% 0.25%;
	}
		.GownInventoryItemRecord .datum.wide { width: 78.5%; margin-top: 0.75%; }
		.GownInventoryItemRecord .datum.full { width: 99.5%; margin-top: 0.75%; }
			.GownInventoryItemRecord .datum.full .value { width: unset; }
		.GownInventoryItemRecord .datum .label {
			display: inline-block;
			width: 29%;
			margin-top: 0px;
			padding: 1% 2%;
		}
			.GownInventoryItemRecord .datum.wide .label { width:96%; margin-top: 0px; }
			.GownInventoryItemRecord .datum.full .label { display: block; width: unset; }
		.GownInventoryItemRecord .datum .value {
			display:inline-block;
			width: 61%;
			padding: 1% 2%;
		}
			.GownInventoryItemRecord .datum.wide .value { width:96%; }
		.GownInventoryItemRecord .datum .thinker {
			display: block;
			position: absolute;
			left: 0; top: 0; right: 0; bottom: 0;
		}
			.GownInventoryItemRecord .datum .thinker img.gif {
				display: block;
				width: 25%;
				max-width: 126px;
				position: relative;
				top: 50%;
				margin-left: 50%;
				transform: translate(-50%,-50%);
			}
		.GownInventoryItemRecord .datum .samplecolour { 
			display: inline-block;
			margin-left: 10px;
		}	
			.GownInventoryItemRecord .datum .samplecolour .close {
				display: inline-block;
				padding: 3px 5px;
				margin-left: 10px;
			}
		.GownInventoryItemRecord .datum input.searchForSampleColour { float: right; width:175px; }	
		.GownInventoryItemRecord .swatch {
			max-height: 100px;
			overflow-y: scroll;
		}		
			.GownInventoryItemRecord .swatch .swatchcolour {width: 13.5%; }		
			.GownInventoryItemRecord .full .swatch .swatchcolour { width: 10.25%; }
			.GownInventoryItemRecord .swatch .swatchcolour.boxer .aspecter { margin-top: 50%; }
				.GownInventoryItemRecord .swatch .swatchcolour .label {
					display: block;
					position: absolute;
					bottom: 0px;
				}
	.GownInventoryItemRecord .formUpdateGownSampleData .submitGownSampleData {
		width: 78.8%;
		float: right;
		margin: 0 1% 0.25% 0.25%;
	}

	.GownInventoryItemRecord .editSamplePhotos:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto { 
		display: block;
		margin: 1px 0;
		clear: both;
	}
	.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto:after { content: ""; display: table; clear: both; border-spacing: 0; }
		.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto h3 .close { float:right; }
		.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto .SamplePhoto { width:56%; float:left; }
		.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto .updateSamplePhotoInfo {
			width: 41%;
			float: right;
			margin: 0 0.5% 0 0;
			padding: 1%;
		}
		.editGownSamplePhoto form.updateSamplePhotoInfo input { margin-bottom: 3%; }
		.editGownSamplePhoto form.updateSamplePhotoInfo .label { margin-top: 0px; }
		.editGownSamplePhoto .deleteSamplePhoto {
			margin: 3% 0;
			display: block;
		}
			.editGownSamplePhoto .deleteSamplePhoto img.icon { float:right; width: 16px; }


/* --------- collection .dress : floating square dressers for gallery ------------------------------ */
	.collection { position: relative; }
		.collection:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.collection .dress {
		float: left;
		display: block;
		width: 23.75%;
		margin: 0.50%;
	}
		.collection .dress H1 { display: block; white-space: normal; overflow: hidden; text-align: left; }
		.collection .dress H1 INPUT.grouper { float: left; width: unset; margin: 3px 8px; }
		.collection .dress .content {
			top: 0px;
			margin: 0px;
			width: 100%;
			height: 50%;
			background-size: 100%;
		}
			.collection .dress .content.boxer .aspecter { margin-top: 100%; }
			.collection .dress .content.boxer .discontinued {
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image:url('/Assets/Images/Icons/overlayDiscontinued.png');
				background-size: 100%; 
			}  
				.collection .dress.active .content.boxer .discontinued { display: none; }
			.collection .dress .content.boxer .processing {
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: rgba(236,236,236,0.60);
				background-image: url('/Assets/Images/Icons/thinker.gif');
				background-size: unset;
				background-repeat: no-repeat;
				background-position: center;
			}  
				.collection .dress .content.boxer .processing { display: none; }
		.collection .dress .boxer .container img.icon.edit { 
			float: right;
			display: none;
		}  
			.collection .dress:hover .boxer .container img.icon.edit { display: block; }
		.collection .dress .popularitybar { display:block; height:5px; margin:0px; line-height:5px; }
			.collection .dress .popularitybar .bar { display:block; height:5px; margin:0px; line-height:5px; }
		.collection .dress .statsbar { border-width: 1px 0px; border-style: solid; background-color:#ddd; }
			.collection .dress .statsbar .bar { display:inline-block; height:8px; margin:0px; line-height:5px; }
		.collection .dress .footer { display:block; }
		.collection .dress .footer .icon { position: relative; margin-left: 5px; }
		.collection .dress .footer .icon .choices {
			position: absolute;
			bottom: 18px;
			display: block;
			left: -10px;
		}	
			.collection .dress .footer .icon .choices .choice { white-space: nowrap; }	
		.collection .dress .footer IMG.activetoggle { float: right; height:12px; margin: 3px 8px; }

/* ------ PAGE /Fashion/Collection/gown ------------------------------------------------------------- */
.GownView {
	display:block;
	position: relative;
	width: 100%;
}
	.GownView:after { content: ""; display: table; clear: both; border-spacing: 0; }
.GownView .Viewer {
	display: block;
	position: relative;
	float: left;
	width: 50%;
}
	.GownView .Viewer img { height: 100%; }
	.GownView .Viewer .thinker {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 40%;
		text-align: center;
	}
		.GownView .Viewer .thinker img {
			width: unset;
			height: unset;
		}
	.GownView .Viewer .zoom {
		display: block;
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
	}
	.GownView .Viewer .zoom img {
		position: absolute;
		top : 0px;
		left: 0px;
		height: unset;
	}
.GownView .Data {
	display:block;
	position: relative;
	float: left;
	width: 40%;
	max-width: 750px;
	min-width: 300px;
}
	.GownView .Data .RWFFW { 
		display: block; 
		position: relative; 
		text-align: center;
		line-height : 24px;
	}
		.GownView .Data .RWFFW:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.GownView .Data .RWFFW .next {
		display: block;
		width: 24px;
		height: 30px;
	}
		.GownView .Data .RWFFW .next img { width: 100%; }
		.GownView .Data .RWFFW .left { float:left; }
		.GownView .Data .RWFFW .right { float:right; }

	.gowndata { 
		width: 46%; 
		float: left;
		margin-right: 3%;
	}
		.gowndata.wider, .gowndata.widest { 
			width: 95%; 
			margin-top: 2%;
			margin-right: 4.5%; 
		}
	.GownView .Data .datum {
		display: block;
		width: 95.75%;
		padding: 2%;
		margin: 1% 0;
	}
	.GownView .Data .label {
		display: block;
		margin-bottom: 7px;
		margin-left: 4px;
	}

	.GownView .Data form.fieldedit { position: relative; }
		.GownView .Data form.fieldedit .thinker {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			display: block;
		}
			.GownView .Data form.fieldedit .thinker img.icon {
				width: 20%;
				margin-left: 20%;
				margin-top: 5px;
			}

	.GownView .Data .gownfabrics .gownfabricsmenu,
	.GownView .Data .gownsizechart .gownSizeChartsMenu,
	.GownView .Data .gownsizechart .gownSizeChartsTable
	 {
		position: relative;
		display: block;
		padding: 1%;
		overflow-y: scroll;
		display:none;
	}
		.GownView .Data .gownfabrics .gownfabricsmenu { height: 120px; }
		.GownView .Data .gownsizechart .gownSizeChartsMenu { max-height: 72px; }
		.GownView .Data .gownsizechart .gownSizeChartsTable { max-height: 144px; margin-bottom: 2%; overflow-x: scroll;}
		.GownView .Data .gownfabrics .gownfabricsmenu .thinker,
		.GownView .Data .gownsizechart .gownSizeChartsMenu .thinker {
			position: absolute;
			display: block;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			padding: 24px 0;
		}
		.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem,
		.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem {
			position: relative;
			display: block;
			padding: 4px;
		}
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem .fabricname,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem .sizechartname {
				display: inline-block;
				margin-left: 24px;
				margin-right: 24px;
			}
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem .added,
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem .remove,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem .added,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem .remove {
				position: absolute;
				top: 4px;
				display: block;
				width: 18px;
				display:none;
			}
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem .added,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem .added { left: 3px; }
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem .remove,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem .remove { right: 3px; }
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem.selected .added,
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem.selected .remove,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem.selected .added,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem.selected .remove { display:block; }

	/* GownSwatch -------------------------------------------- */
	.GownView .Data .gowncolourdata { 
		display: block; 
		position: relative; 
	}
		.GownView .gowncolourdata .addGownColourPanel {
			display: block; 
			position: relative; 
			display: none; 
		}
			.addGownColourPanel .gownColourSourceChoice {
				display: block;
				padding: 0.5%;
				margin-bottom: 0.25%;
			}
				.gownColourSourceChoice img.icon {
					height: 18px;
				}
				.gownColourChoicesMenu .choice {
					display: block;
					padding-left: 30px;
				}
			.addGownColourPanel .gownColourChoicesMenu {
				display: block;
				display: none;
			}
			.gownPaletteColours {
				display:block;
				position: relative;
				display:none;
			}
				.gownPaletteColours:after { content: ""; display: table; clear: both; border-spacing: 0; }
				.gownpalettecolour {
					float: left;
					display: block;
					width: 23%;
					margin: 0.5%;
				}
					.gownpalettecolour.boxer .aspecter { margin-top: 50%; }
					.gownpalettecolour.boxer .container { top: 60%; }
		.gowncolourdata .gownswatch {
			position: relative;
			display: block;
			padding: 1%;
			margin: 1% 3% 3% 0%;
			width: 97%;
			min-height: 8%;
			max-height: 32%;
			overflow-y: scroll;
		}
			.gownswatch:after { content: ""; display: table; clear: both; border-spacing: 0; }
			.gownswatchcolour {
				float: left;
				display: block;
				width: 6.61%;
				margin: 0.25%;
			}
				.gownswatchcolour.boxer .container {
					font-size: 30px;
					text-align: center;
					font-weight: bold;
					line-height: 25px;
					vertical-align: middle;
				}
				.gownswatchcolour .Delete {
					display: block;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					display: none;
				}
				.gownswatchcolour .Delete img.icon {
					display: block;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					width: 80%;
					height: 80%;
					padding: 10%;
				}

	.GownView .gowndescription textarea.datum {
		width: 94%;
		padding: 10px 2%;
		background-color: white;
		font-family: 'Bridal Open Sans', sans-serif;
		font-size: 13px;
	}
	.GownView .gowndescription .thinker {
		display: block;
		padding-left: 12px;
		width: 48px;
		display: none;
	}
		.GownView .gowndescription .thinker img { display: block; width: 100%; }


.GownView .Views {
	display:block;
	position: relative;
	clear : both;
}
	.GownView .Views .thumb {
		width:30%; 
		height:30%; 
		float:left; 
		margin:1%;
	}
	.GownView .Views .thumb .container .thinker {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 40%;
		text-align: center;
	}
		.GownView .Views .thumb .container .thinker img { width: 50%; }

/* --------- Page : /Fashion/Collection/Stockists --------------------------------------------------- */
	.stockists h4  { 
		display: block;
		clear: both;
	 }
	.stockists { position: relative; margin-bottom: 10px; }
		.stockists:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.stockists .shop {
		float: left;
		display: block;
		width: 23.75%;
		margin: 0.50%;
	}
		.stockists .shop .header { display: block; padding-right: 4%; white-space: normal; overflow: hidden; text-align: left; }
		.stockists .shop H1 { display: block; white-space: normal; overflow: hidden; text-align: left; }
		.stockists .shop H1 INPUT.grouper { float: left; width: unset; margin: 3px 8px; }
		.stockists .shop .content {
			top: 0px;
			margin: 0px;
			width: 100%;
			height: 50%;
			background-size: 100%;
		}
			.stockists .shop .content.boxer .aspecter { margin-top: 50%; }
			.stockists .shop .content.boxer .container {  }
				.stockists .shop .content.boxer .container .details { padding: 1% 2%; white-space: nowrap; overflow: hidden; }
			.stockists .shop .content.boxer .processing {
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: rgba(236,236,236,0.60);
				background-image: url('/Assets/Images/Icons/thinker.gif');
				background-size: unset;
				background-repeat: no-repeat;
				background-position: center;
			}  
				.stockists .shop .content.boxer .processing { display: none; }
		.stockists .shop .footer { display:block; }
		.stockists .shop .footer .icon,
		.stockists .shop .footer .togglestockists { position: relative; }
		.stockists .shop .footer .choices {
			position: absolute;
			bottom: 18px;
			display: block;
			left: -10px;
		}	
			.stockists .shop .footer .choices .choice { white-space: nowrap; }	
			.stockists .shop .footer .choices .scope { }	
				.stockists .shop .footer .choices .scope img.toggle { 
					float:none; 
					display:inline-block;
					margin: 0px 2px 0px 2px;
					vertical-align: middle; 
				}	
		.stockists .shop .footer IMG.toggle { float: left; height:12px; margin: 3px 1px 3px 8px; }


		.stockists .shop .footer .storecollections { padding-right: 30px; }		
			.stockists .shop .footer .storecollections .storecollection {
				display: block;
				padding: 2px 50px 2px 5px;
			}
			.stockists .shop .footer .storecollections .storecollection:after { content: ""; display: table; clear: both; border-spacing: 0; }		
			.stockists .shop .footer .storecollection img.toggle {
				display: inline;
				float: none;
				height: 12px;
				margin: 0px 8px 0px 1px;
			}

#Stockisearch {
	display: block;
	position: relative;
}
	#Stockisearch:after { content: ""; display: table; clear: both; border-spacing: 0; }
	#Stockisearch .thinker { 
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}

/* --------- Page : /Fashion/Collection/MSRPs --------------------------------------------------- */
#pageFashionMSRPs .sisters { /*display:none;*/ }
.MSRPs { 
	display: block;
	position: relative;
	width: 100%;
}
	.MSRPs:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.MSRPs .region {
		float: left;
		display: block;
		max-width: 45%;
		margin-right: 3%;
	}
		.MSRPs .region .distributor { 
			height: 72px;
			white-space: nowrap; 
			overflow: hidden; 
		}
		.MSRPs .MSRPCurrency,
		.MSRPs .MSRPSort {
			display:block;
			margin:20px;
		}
			.MSRPs .MSRPCurrency select, .MSRPs .MSRPSort select { width:unset; }
			.MSRPCurrency .thinker { display:inline-block; width:48px; }
				.MSRPCurrency .thinker img { width:100%; display:block; display:none; }
	.MSRPs .pricelist { width:100%; /* table-layout: fixed; */ }
	.MSRPs .pricelist td { padding: 0px; white-space: nowrap; overflow: hidden;  }
		.MSRPs .pricelist td div { width:87%; white-space: nowrap; overflow: hidden;  }
	.MSRPs .pricelist .label { margin: 0px; }
	.MSRPs .pricelist .thinker { width: 48px; }
	.MSRPs .pricelist .wholesale { /* width: 80px; */ }
	.MSRPs .pricelist .msrp { /* width: 60px; */ }
	.MSRPs .pricelist .wholesale input { width: 60px; }
	.MSRPs .pricelist .msrp input { width: 48px; }
	.MSRPs .pricelist .thinker img { width: 100%; display:none;  }

/* --------- Page : /Fashion/Collection/Fullfillment --------------------------------------------------- */
#GownLabelFullfillmentOptions { 
	position: relative;
	display: inline-block;
	margin: 2% 1%;
}
#GownLabelFullfillmentOptions h2 { display:block; }

.GownLabelFullfillmentOption { display: table; width: 100%; }
.GownLabelFullfillmentOption:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.GownLabelFullfillmentOption .option_datum { display: table-cell; }
		.GownLabelFullfillmentOption .option_datum.option_name input { width: 200px; margin: 1px; }
		.GownLabelFullfillmentOption .option_datum.option_description input {width: 400px; margin: 1px; }
		.GownLabelFullfillmentOption .option_datum.option_submit input { display: inline-block; width: unset; margin: 1px; }
		.GownLabelFullfillmentOption .option_datum .thinker { display:block; width: 60%; display:none; }
		.GownLabelFullfillmentOption .option_datum .label { margin: 0px; }

	.GownLabelFullfillmentOptions .GownLabelFullfillmentOption .option_datum .label { display:none; }

.GownFullfillmentTimes { 
	display: block;
	position: relative;
	width: 100%;
}
	.GownFullfillmentTimes:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.GownFullfillmentTimes .region {
		float: left;
		display: block;
		max-width: 45%;
		margin-right: 3%;
	}
		.GownFullfillmentTimes .region .distributor { 
			height: 72px;
			white-space: nowrap; 
			overflow: hidden; 
		}

	.GownFullfillmentTimes .timelist { width:100%; table-layout: fixed; }
	.GownFullfillmentTimes .timelist td { padding: 0px; white-space: nowrap; overflow: hidden;  }
		.GownFullfillmentTimes .timelist td div { width:87%; white-space: nowrap; overflow: hidden;  }
	.GownFullfillmentTimes .timelist .label { margin: 0px; }
	.GownFullfillmentTimes .timelist input { width: 40px; }
	.GownFullfillmentTimes .timelist img.thinker { width: 40%; display:block; display:none;  }		



#BNAddress {
	display: block;
	width: 28%;
	float: left;
	text-align: left;
}
#BNSocial {
	position: relative;
	top: 130px;
	padding: 0px 20px;
}
	#BNSocial img.soicon {
		margin: 10px 30px;
	}
#BNEMailForm {
	display: block;
	width: 54%;
	margin-left:2%;
	float: left;
	text-align: left;
}
	#BNEMailForm form input, #BNEMailForm form select, #BNEMailForm form textarea {
		display: block;
		width: 70%;
	}
	#BNEMailForm form textarea { height: 200px; }

	
/* ---- ----------------- -------------------------------------------------------------------------------- */
/* ---- PAGE /Connections -------------------------------------------------------------------------------- */

.Connections {
	margin: auto;
	display: table;
	border-collapse: collapse;
}
	.Connections .connection,
	.Connections .header, .Connections .search { display: table-row; }
	.Connections .search input {
		font-size: 12px;
		width: 96px;
		padding: 1px 3px;
	}
		.Connections .datum { display: table-cell; }
	.Connections .connection.footer {
		text-align: center;
		white-space: nowrap;
	}
		.Connections .connection.footer input,
		.Connections .connection.footer select {
			font-size: 12px;
			width: 96px;
			padding: 1px 3px;
		}
		.Connections .connection.footer .inputBatchSize { width:27px; }
		.Connections .connection.footer .inputBatch { width:84px; }

#Popup .ConnectionRecord.puWindow {
	display: inline-block;
	position: relative;
	width: 33%;
	min-width: 640px;
	left: 50%;
	transform: translateX(-50%);
}

	.ConnectionRecord .info .Index { display: table; width:100% }	
	.ConnectionRecord .info .Index .nav { display: table-cell; }	
			.ConnectionRecord .info .Index .nav.prev { width:25%; text-align: left; }	
			.ConnectionRecord .info .Index .nav.current { width:50%; text-align: center; }
			.ConnectionRecord .info .Index .nav.next { width:25%; text-align: right; }					
			.ConnectionRecord .info .Index .control {
				display: table;
				margin: auto;
				padding: 4px 7px;
			}		
				.ConnectionRecord .info .Index .nav.prev .control { margin-left: 0px; }	
				.ConnectionRecord .info .Index .nav.current .control { margin:auto; }
				.ConnectionRecord .info .Index .nav.next .control { margin-right: 0px; }
				.ConnectionRecord .info .Index .nav .control .arrow { display:table-cell; }	
				.ConnectionRecord .info .Index .nav .control .label { display:table-cell; padding: 0 8px; }
				.ConnectionRecord .info .Index .nav.prev .control .label { text-align:right; }	
				.ConnectionRecord .info .Index .nav.next .control .label { text-align:left; }	
				
	.ConnectionRecord .info .Tabbed .Tabs .tab { float: none; padding: 0 10px; line-height: 26px; vertical-align: middle; }
	.ConnectionRecord .info .Tabbed .Tab { position: relative; border-top-width: 0; min-height: 10vh; overflow-x:unset; }
	.ConnectionRecord .info .Tabbed .Tab:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.ConnectionRecord .info .Tabbed .Tab .sheet { display:none; padding: 2%; }
	.ConnectionRecord .info .Tabbed .Tab .sheet:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.ConnectionRecord .info .Tabbed .Tab .sheet.top { display:block; }
	.ConnectionRecord .info .Tabs .tab .icon { display:none; }
	.ConnectionRecord .info .Tabs .tab h3 { display:inline-block; }

	.ConnectionRecord .UserData {
		display: table;
		margin: 2%;
	}
		.ConnectionRecord .datum { display:table-row; }
		.ConnectionRecord .datum .label, .ConnectionRecord .datum .value { display: table-cell; } 	
		.ConnectionRecord .UserData:after, .ConnectionRecord .Trace:after { content: ""; display: table; clear: both; border-spacing: 0; }

	.ConnectionRecord .AppointmentRequests {
		display: block;
		float: left;
		margin: 0 0 2% 3%;
	}
		.ConnectionRecord .AppointmentRequests:after { content: ""; display: table; clear: both; border-spacing: 0; }
		.ConnectionRecord .AppointmentRequests h3 {
			display: block;
			font-size: 13px;
			white-space: nowrap;
			margin: 0;
		}
		.ConnectionRecord .AppointmentRequests .Appointments { 
			display: table;
			margin: 1%;
			border-collapse: collapse;
		}
			.ConnectionRecord .AppointmentRequests .Appointments .request { display: table-row; }
				.ConnectionRecord .AppointmentRequests .Appointments .request .rDate,
				.ConnectionRecord .AppointmentRequests .Appointments .request .datetime { 
					display: table-cell;
					white-space: nowrap; 
				}
			.ConnectionRecord .Message { 
				display: block;
				float: left; clear: both;
				max-width: 80%;
				margin: 1% 2%;
			}
			.ConnectionRecord .Message.in { float: left; }
			.ConnectionRecord .Message.out { float: right; }
			.ConnectionRecord .Message .header {
				display: block;
				font-size: 9px;
				white-space: nowrap;
				margin: 0;
			}

		.ConnectionRecord .Favourites.sheet h3 {
			display: block;
			font-size: 13px;
			white-space: nowrap;
			margin: 0;
		}
		.ConnectionRecord .Favourites .favourites:after { content: ""; display: table; clear: both; border-spacing: 0; }
			.ConnectionRecord .Favourites .favourite {
				float: left;
				width: 32%;
				margin: 0.5%;
			}

	.ConnectionRecord .Trace {
		display: table;
		margin: 1%;
		border-collapse: collapse;
	}	

/* ---- PAGE /Connections -------------------------------------------------------------------------------- */
/* ---- ----------------- -------------------------------------------------------------------------------- */


/* --------- Page : /Analytics/index -------------------------------------------------------------- */
#pageAnalytics .fashiollage .content .container .hovericon {
	display: block;
	width: 5%;
	position: absolute;
	bottom: 5%;
	right: 5%;
	margin: 1%;
}
#pageAnalytics .fashiollage .content .container .hovericon img  { width:100%; }

/* --------- Page : /Account/membership ------------------------------------------------------------ */
#MembershipSwitch {  /* JSON ID */  }

/* --------- Page : /Account/pushleters ------------------------------------------------------------ */
.Pushletters { display: table; }
	.Pushletters .pushletter { display:table-row; }
		.Pushletters .pushletter .subscriber { display:table-cell; }
		.Pushletters .pushletter .informer { display:table-cell; }
		.Pushletters .pushletter .namer {}
		.Pushletters .pushletter .describer {}
	.Pushletters .spacer { display: table-row; }

/* ------ PAGE /Resources/SizeCharts --------------------------------------------------------------- */
#SizeCharts {
	position: relative;
	display: block;
}
	#SizeCharts .sizecharts { display: block; }
	#SizeCharts .loading { 
		display: block;
		text-align: center;
		margin: 15% 0;
		display: none;
	}
		#SizeCharts .loading .thinker { margin: auto; }
.sizechart {
	position: relative;
	display: block;
	width: 97.75%;
	margin: 2% 1%;
}
	.sizechart H1 { display: block; }
	.sizechart .content {
		top: 0px;
		margin: 0px;
		width: 100%;
		height: 50%;
	}
		#SizeCharts .sizechart .content.boxer .aspecter {
			margin-top: 50%;
		}
		#SizeCharts .sizechart .content .loading {
			position: absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			display: block;
			text-align: center;
			margin: 20% 0;
			display: none;
		}
		.sizechart .info { display: block; }
		.sizechart .info:after { content: ""; display: table; clear: both; border-spacing: 0; }
			.sizechart .info input,
			.sizechart .info textarea {
				width: 90%;
			}
			.sizechart .info .submitThink {
				display:block;
				width: 90%;
				margin-top: 6px;
				text-align: center;
			}
			.sizechart .chartsizes { width: 100%; margin: auto; }
			.sizechart .chartsizes input { display:inline-block; width:unset; }

/* ------ ------------ ---------------------------------------------------------------------------------------------------------------------------- */
/* ------ PAGES: /Media --------------------------------------------------------------------------------------------------------------------------- */

	.MediaLibrary { position: relative; }
		.MediaLibrary:after { content: ""; display: table; clear: both; border-spacing: 0; }

	.MediaLibrary.Photos .groupGenre { margin-bottom: 10px; }
	.MediaLibrary.Photos .groupGenre:after { content: ""; display: table; clear: both; border-spacing: 0; }

	.mediatag { 
		display: block;
		float: left;
		position: relative;
		margin-right: 10px;
		margin-bottom: 6px;
	}
		.mediatag .icon { 
			display: inline-block;
			position: relative;
		}
		.mediatag .hashtag { 
			display: inline-block;
			position: relative;
		}
			.mediatag .hashtag .fader { 
				position: absolute;
				display: block;
				top:0; right:0;bottom:0;left:0;
			}

	.MediaLibrary .photo {
		float: left;
		display: block;
		width: 23.75%;
		margin: 0.50%;
	}
		.MediaLibrary .photo h1 { display: block; white-space: normal; overflow: hidden; text-align: left; }
		.MediaLibrary .photo .content {
			top: 0px;
			margin: 0px;
			width: 100%;
			height: 50%;
			background-size: 100%;
		}
			.MediaLibrary .photo .content.boxer .aspecter { margin-top: 100%; }
		.MediaLibrary .photo .boxer .container img.icon.edit { 
			float: right;
			display: none;
		}  
			.MediaLibrary .photo:hover .boxer .container img.icon.edit { display: block; }
		.MediaLibrary .photo .boxer .container .imgcount {
			position: absolute;
			top: 5%;
			right: 5%;
			padding: 2%;
			background-color: rgba(16,16,16,36%);
			color: white;
		} 

		.MediaLibrary .photo .footer { display:block; }
			.MediaLibrary .photo .icon { position: relative; margin-left: 5px; }
				/*
				.MediaLibrary .photo .footer .icon .choices {
					position: absolute;
					bottom: 18px;
					display: block;
					left: -10px;
				}	
				.MediaLibrary .photo .footer .icon .choices .choice { white-space: nowrap; }	
			.MediaLibrary .photo .footer img.activetoggle { float: right; height:12px; margin: 3px 8px; }
			*/


	/* --- DEPRECATED?? ---- */			
	.MediaLibrary.Photo .PreviewPhoto {
		position:relative;
		float: left;
		display: block;
		width: 33%; 
		min-height: 360px;
	}
		.MediaLibrary.Photo .formTempPhoto { display:none; }
		.MediaLibrary.Photo .PreviewPhoto img.tempPhoto, 
		.MediaLibrary.Photo .PreviewPhoto img.uploadPhoto { width: 100%; }
		.MediaLibrary.Photo .PreviewPhoto img.uploadPhoto { position:absolute; top:0px; left:0px; display:block; }
		.MediaLibrary.Photo .PreviewPhoto img.thinker { position:absolute; top:50%; left:50%; display:block; transform: translate(-50%,-50%); display:none; }

	.MediaLibrary.Photo .formPhotoData {
		position:relative;
		float: left;
		display: block;
		width: 65%; max-width: 640px;
		margin: 0 1%;
	}
	
		.MediaLibrary.Photo .formPhotoData .formSection { display: block; float:left; width:100%; margin: 0 0 1% 0; }	
		.MediaLibrary.Photo .formPhotoData input { width: unset; }
	
	.MediaLibrary.Photo .wait { position:absolute; left:0; right:0; top:0; bottom: 0; }

	.manageMediaItem .PhotoGenres { position: relative; }
		.manageMediaItem .PhotoGenres .Genre { }
			.manageMediaItem .PhotoGenres .Genre .genre { }
			.manageMediaItem .PhotoGenres .Genre .genre:after { content: ""; display: table; clear: both; border-spacing: 0; }
			.manageMediaItem .PhotoGenres .Genre .librarylevels { margin: 0 6%;}
			.manageMediaItem .PhotoGenres .Genre .librarylevels:after { content: ""; display: table; clear: both; border-spacing: 0; }
			.manageMediaItem .PhotoGenres .Genre .librarylevels .level {  }
			.manageMediaItem .PhotoGenres .Genre .librarylevels .level:after { content: ""; display: table; clear: both; border-spacing: 0; }
				.manageMediaItem .PhotoGenres .Genre .genre .selector { float:left; width: 5%;}
				.manageMediaItem .PhotoGenres .Genre .genre .explanation { float:left; width: 94%;}
				.manageMediaItem .PhotoGenres .Genre .librarylevels .selector { float:left; padding: 0 2%; }

	.manageMediaItem .PhotoTags { display:none; }
		.manageMediaItem .PhotoTags .content { position: relative; }
		.manageMediaItem .PhotoTags .content:after { content: ""; display: table; clear: both; border-spacing: 0; }
	/* ----------------------------------------------------------------------- */


	/* ------ manageMediaItem.cfm -------------------------------------------------------------------------------------- */
	#pageMediaItem .manageMediaItem  { }
		
		.manageMediaItem .formUploadMediaItem { display:none; }

		#pageMediaItem .manageMediaItem .MediaItemPreview  {
			display: block;
			position:relative;
			float: left;
			width: 49%; 
		}
			.MediaItemPreview .blankMediaBG { position:absolute; width:98%; margin: 1%; background-color: #eee; }

			.MediaItemPreview .item { 
				display:block;
				position: relative;
				overflow: hidden;
			}
				.MediaItemPreview .item .aspecter { margin-top: 100%; }
				.MediaItemPreview .item .container {
					position: absolute; 
					top: 0; 
					bottom: 0; 
					left: 0; 
					right: 0;
				}
				.MediaItemPreview .item .container .actions { 
					position: absolute; 
					top: 0; 
					bottom: 0; 
					left: 0; 
					right: 0;
					background-color: rgba(255,255,255,40%);
					display: none;
				}
					.MediaItemPreview .item:hover .container .actions { display: block; }					
					.MediaItemPreview .item:hover .container .actions .action {
						display: block;
						position: absolute;
						width: 15%; height: 15%;
						padding: 1%;
						background-color: rgba(255,255,255,80%);
						border-radius: 7px;						
					}				
						.MediaItemPreview .item:hover .container .actions .action img {
							position: absolute;
							width: 70%;
							display: block;
							top: 50%;
							left: 50%;
							transform: translateX(-50%) translateY(-50%);
						}				
						.MediaItemPreview .item:hover .container .actions .action.delete { right: 5%; top: 5%; }				
						.MediaItemPreview .item:hover .container .actions .action.reorder { top: 50%; transform: translateY(-50%); }				
							.MediaItemPreview .item:hover .container .actions .action.reorder.up { left: 5%; }				
							.MediaItemPreview .item:hover .container .actions .action.reorder.down { right: 5%; }				

				.MediaItemPreview .item.icon { width:24%; margin: 0.5% }
					.MediaItemPreview .item.icon img { width:70%; margin:15% }
						.MediaItemPreview .item.icon img.idle { display:block; }
							.MediaItemPreview .item.icon:hover img.idle { display:none; }
						.MediaItemPreview .item.icon img.hover { display:block; display:none; }
							.MediaItemPreview .item.icon:hover img.hover { display:block; }

			.MediaItemPreview.empty  { min-height: 360px; padding:0; }
				.MediaItemPreview.empty .item.icon { position: relative; float: left; width: 24%; margin:0.5%; }
					.MediaItemPreview.empty .item.icon { width: 18%; margin: 1%; position: relative; float: left; }

			.MediaItemPreview.single  { min-height: unset; padding:0; }
				.MediaItemPreview.single .item.icon { position: absolute; z-index: 1000; }
					.MediaItemPreview.single .item.icon.add { width: 18%; margin: 1%; top: 0.5%; left: 0.5%; }
					.MediaItemPreview.single .item.icon.upload { width: 18%; margin: 1%; top: 0.5%; left: 20%; }
				.MediaItemPreview.single .item.media { position: relative; width: 100%; }
					.MediaItemPreview.single .item.media .aspecter { display:none; }
					.MediaItemPreview.single .item.media .container { position: relative; }	
					.MediaItemPreview.single .item.media .container img.portrait,
					.MediaItemPreview.single .item.media .container img.landscape { width: 100%; }					
					.MediaItemPreview.single .item .container .actions .action { width: 36px; height: 36px;}						
						.MediaItemPreview.single .item .container .actions .action.delete { top: 12px; right: 12px;}			
						.MediaItemPreview.single .item .container .actions .action.reorder { display: none; }

			.MediaItemPreview.multiple  { min-height: 360px; }
				.MediaItemPreview.multiple .item { position: relative; float: left; width: 24%; margin:0.5%; }
				.MediaItemPreview.miltiple .item.icon { width: 18%; margin: 1%; position: relative; float: left; }
				.MediaItemPreview.multiple .item.media img { 
					position: relative;
					top: 50%; left: 50%;
					transform: translateX(-50%) translateY(-50%);						
				}
					.MediaItemPreview.multiple .item.media img.portrait { height:auto; width:100%; }
					.MediaItemPreview.multiple .item.media img.landscape { width:auto; height:100%; }


 			.MediaItemPreview input.submitMedia { display:none; }

			.manageMediaItem .MediaItemPreview .thinker { 
				position:absolute; 
				z-index: 2000;
				display:block; 
				top:0; left:0; 
				width: 100%; height: 100%; 
				display:none; 
			}
				#pageMediaItem .manageMediaItem .MediaItemPreview .thinker img {
					position: relative;
    				top: 50%; left: 50%;
					transform: translateX(-50%) translateY(-50%);
					margin-top: unset;
  					margin-left: unset;
				}


	#pageMediaItem .manageMediaItem .MediaItemInfo {
		position:relative;
		float: left;
		display: block;
		width: 49%; max-width: 640px;
		margin: 0 1%;
	}
		.manageMediaItem .MediaItemInfo .thinker { 
			position:absolute; 
			display:block; 
			top:0; left:0; 
			width: 100%; height: 100%; 
			display:none; 
		}
			#pageMediaItem .manageMediaItem .MediaItemInfo .thinker img {
				margin-top: 50%;
				margin-left: 50%;
				transform: translateX(-50%) translateY(-50%);
			}

		.manageMediaItem .MediaItemInfo .formMediaData { }

	.MediaLookupUI .photo {
		width:19%;
		margin: 0.33%;
		border: 0.1px solid #ddd;
		float: left;
	}
		.MediaLookupUI .photo { font-size: 12px; letter-spacing: 0.33px; }
		.MediaLookupUI .photo .footer { padding: 2%; }
		.MediaLookupUI .photo h4 { margin: 1% 0%; color: #705827; }

	/* ------ /manageMediaItem.cfm ------------------------------------------------------------------------------------- */



	
	#Popup .MediaTagPopup.puWindow {
		width: 40%;
		max-width: 480px; /* max-width: 80vw; */
		min-width: 360px;
	}
	.MediaTagPopup .button { 
		display:block;
		width:82%;
		padding: 1%;
		margin: 1% auto 3% auto;
	}
	.MediaTagPopup .button.delete {
		margin-top:  3%;
		width:  100%;
	}
	.MediaTagPopup .ObjectFullTag {
		display: block;
		width: 82%;
		margin: 2% auto 1% auto;
		padding: 1%;
	}
	.MediaTagPopup form { 
		display:block;
		width: 86%;
		margin: auto;
		margin: 7%;
	}
		.MediaTagPopup form.lookupObjectForTag .ObjectNames { 
			display: block;
			position: relative;
			width: 90%;
			display: none;
		}
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption { 
				display:block;
				position:relative;
				width: 100%;
			}
				.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption:after,
				.MediaTagPopup .ObjectFullTag:after { content: ""; display: table; clear: both; border-spacing: 0; }
				.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .thumb,
				.MediaTagPopup .ObjectFullTag .thumb {
					display: block;
					float: left;
					width: 25%;
					/* height: 25%; */
				}
					.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .thumb._4x3 .aspecter { margin-top: 75%; }
					.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .thumb.empty .aspecter { margin-top: 55%; }
					.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .thumb img { width: 100%; }
					.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .thumb img.collage,
					.MediaTagPopup .ObjectFullTag .thumb img.collage { height: 100%; width: 200%; margin-left: -50%; }
				.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .info,
				.MediaTagPopup .ObjectFullTag .info {
					display: block;
					float: left;
					width: 70%;					
				}
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .mediatag { 
			    margin-left: 50%;
			    transform: translateX(-50%);
			}
	.MediaTagPopup .CustomTagObjectForm { 
		display: block;
		padding: 1%;
	}
		.MediaTagPopup .CustomTagObjectForm:after { content: ""; display: table; clear: both; border-spacing: 0; }
		.MediaTagPopup .CustomTagObjectForm h3 { 
			display: block;
			margin: 0;
			padding: 1%;
		}
		.MediaTagPopup .datum { display: block;float:left; }
			.MediaTagPopup .datum.short { width: 48%; margin-right: 2%; }
			.MediaTagPopup .datum.long { width: 98%; }
		.MediaTagPopup .datum img.thinker { display:block; width:30%; margin:auto; }

/* ------ PAGES: /Media --------------------------------------------------------------------------------------------------------------------------- */
/* ------ ------------ ---------------------------------------------------------------------------------------------------------------------------- */


/* ------------- SITE LAYOUT & UI ----------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------- REUSEABLE ELEMENTS --------------------------------------------------------------------------------------------------------------- */

/* ---- .floater: quick, responsive divs; ---------------------------------------------------------- */
.floater { float: left; margin: 0.5%; padding: 0 0.5%; } 
.floater.third { width: 31%; } 
.floater.half { width: 48.00%; }
.floater.twothirds { width: 65%; }
.unfloater { clear: both; }
.nowrap_text { display:inline-block; }

/* ---- Result Actions: the DIV with the sort buttons under the header ----------------------------- */
.Resuctions {
	display:block;
	position:relative;
	margin-bottom: 5px;
	line-height: 30px;
}
	.Resuctions:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.Resuctions .Batchers, .Resuctions .Nav, .Resuctions .Filters, .Resuctions .Segmenters { float: left; display: block; margin: 0px 0px 4px 0px; margin-right: 20px; }
	.Resuctions .Sorters, .Resuctions .Boost, .Resuctions .Daterange, .Resuctions .Search { float: right; display: block; margin-left: 20px; }
	.Resuctions .Search { margin-top: 4px; }

/* ---- Tabbed : Tabbed content -------------------------------------------------------------------- */
/* .Tabbed {} */
.Tabs { 
	display:table;
	border-collapse: collapse;
  	border-spacing: 0px; 
  	margin-bottom: -1px;
  }
	.Tabs .tab {
		display: table-cell;
		float: left;
		border-style: solid;
		border-width: 1px;
		white-space: nowrap;
	}
		.Tabs .tab h3 {
			display: block;
			margin: 6px 15px;
		}
		.Tabbed .Tabs .tab .counter {
			display: inline-block;
			padding: 0px 2px;
			background-color: gray;
			border-radius: 6px;
			color: white;
			font-family: monospace;
			text-align: right;
			letter-spacing: 0;
			font-size: 10px;
			line-height: 13px;
		}
.Tab {
	display:block;
	overflow-x: scroll;
}

/* ---- .boxer: cropping squares on screen; -------------------------------------------------------- */
.boxer {
	display:block;
	position: relative;
	overflow: hidden;
}
	.boxer .aspecter { margin-top: 100%; }
	.boxer .container {
		position: absolute; 
		top: 0; 
		bottom: 0; 
		left: 0; 
		right: 0;
	}
		.boxer .container img, .boxer .container img.portrait { width:100%; }
		.boxer .container img.landscape {
			width: auto;
			height: 100%;
			transform: translateX(-50%);
			margin-left: 50%;
		}
		.boxer .container .middler {
			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;
			width: 100%;
			height: 100%;
			vertical-align: middle;
		}

	.boxer.report { padding: 0; }
		.boxer.report.preview2x1 .preview { width: 100%; height: 50%; padding: 0; }
		.boxer.report.previewgallery .preview { width: 100%; height: 33%; }
		.boxer.report .preview IMG { width: 100%; }


/* ---- .controller: a box with actions towards deeper content ------------------------------------- */	
.controller {
	float: left;
	width: 30.75%;
	height: 30.75%;
	margin: 0% 2% 2% 0%;
}
	.controller .container { }
	.controller:hover .container { }
		.controller .container H1 {
			display: block;
			padding: 2% 1%;
			margin: 0%;
		}
		.controller:hover .container H1 { }
		.controller.selected .container { }
		.controller.selected .container H1 { }
			.controller .container H1 .icon { width: 5%; height: unset; margin: 1px 1% 0 1%; float: left; }
			.controller .container H1 .icon.edit { float: right; }
			.controller .container H1 .title {
				display: inline-block;
				width: 83%;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.controller .container .footer img.icon.toggle { 
				float:right;
				height: 13px;
				width: unset;
				margin: 1px 10px 0 6px;
			}

			.controller .container .middler .content {
				position: absolute;
				left: 50%;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}
		.controller .container .content { display: block; }
			.controller .container .content H3 {
				display: block;
				padding: 3px 6px 2px 6px;
				margin: 0px;
			}		
		.controller .container .content.rollodex {
			width: 80%;
			margin: 10%;
			left: 40%;
			top: 40%;
			padding: 1% 5%;
		}	
		.controller.preview2x1 .container .preview.boxer .aspecter { margin-top: 50%; }
		.controller.preview2x1 .container .content { height: 33%; }
		.controller .container .content.text {
			padding: 3%;
		}
			.controller .container .content.text h4 {
				margin: 2% 0 0.5% 0;
			}
			.controller .container .content.text .button {
				display: block;
				margin: auto;
			}
				.controller .container .content.text .button .icon {
					display: block;
					float: left;
					width: unset;
					height: 18px;
					margin-right: 10px;
				}


		.controller .container .content form { display: inline-block; }
			.controller form .label {
				display: block;
				margin-top: 5%;
				margin-left: 4px;
			}
			.controller form .label.under { margin-top: 1%; margin-bottom: 5%; }
			.controller form .label.smaller, .controller form.busy .label.smaller { margin-top: 1%; margin-bottom: 0px; }
				.controller form .label .icon  {
					display: inline-block;
					height: 12px;
					margin-left: 10px;
					vertical-align: baseline;
				}
			.controller form.busy .label {
				font-size: 10px;
				color: #333;
				font-weight: normal;
				letter-spacing: 1px;
				margin-top: 3%;
				margin-bottom: 4px;
			}
			.controller form input,
			.controller form select  {
				display:block;
				margin: 2px 0px 3px 0px;
			}
			.controller form input,
			.controller form select { width: 200px; }
			/*.controller form input.active  { }
			.controller form input.processing { }
			.controller form input[type=submit] { }
				.controller form input[type=submit]:hover { }		*/	
			.controller form.busy input[type="submit"] { margin-top: 3%; }
		.controller .container .graphholder { height: 80%; }
		.controller .container .footer {
			position: absolute;
			bottom: 0px;
			padding: 1%;
			width: 98%;
		}
			.controller.selected .container .footer { }

					
	.controller .explanation {
		position: relative;
		margin-bottom: 3%;
		padding: 5px 8px;
	}
		.controller .explanation .infoicon {
			display: block;
			float: left;
			padding: 2px 4px;
			margin: 0px 10px 10px 0px;
		}



/* ---- .homefeature: colour-coded square report summaries------------------------------------------ */		
	.homefeature, .homefeature.report {
		width: 32%; 
		height: 32%;
		margin: 0 1% 1% 0;
		float: left;
	}
	.homefeature .container { }
		.homefeature H2 .icon { 
			display:block; 
			float:left; 
			height: 84%;
			margin-left: 1%; 
		}
		.homefeature H2 .notsee img { 
			display:block; 
			float:right; 
			height: 84%; 
			margin-right: 1%;
			margin-top: 0.5%; 
		}	
		.homefeature .bxslider .legent { 
			position: absolute;
			bottom: 7%;
			left: 50%;
			margin-left: -25%;
			padding: 6px 10px;
		}
		.homefeature .logo, 
		.homefeature .propertyprodyct, 
		.homefeature .reveal { 
			display: block;
			position: absolute;
		}
			.homefeature .reveal { 
				top: 70%;
				left: 35%; 
				width: 30%;
				display: none;
			}
			.homefeature .reveal.hover { display: none; }
			.homefeature .reveal img { width:100%; }
		.homefeature.property .logo { 
			width: 40%;
			height: 40%;
			top: 30%;
			left: 29.5%;
		}
		.homefeature.property .logo.hover { 
			width: 25%;
			height: 25%;
			top: 45%;
			left: 10%;
		}
		.homefeature.product .logo,
		.homefeature.product .container .logo { 
			height: 30%;
			width: unset;
			top: 33%;
			right: 18.5%;
		}
		.homefeature.product .logo.hover { 
			height: 20%;
			top: 47.5%;
			right: 7.5%;
		}
		.homefeature .hider { 
		    position: absolute;
		    top: 7.5%;
		    bottom: 0;
		    left: 0;
		    right: 0;
		}
		.homefeature .footer { 
			display:block;
			height: 7%;
			padding-top: 1%;
		}	
	.homefeature.report.previewno .graphholder {
	    height: 77%;
	    padding: 4% 5% 4% 5%;
	}
	.homefeature.report.preview2x1 .graphholder {
	    height: 31%;
	    padding: 2% 2% 2% 2%;
	    overflow:hidden;
	}
	
	.homefeature .analydata {
	    width: 40%;
	    margin-top: 15%;
		margin-left: -2%;
	}
	
	.homefeature.report.property .summary {
	    display: block;
	    width: 44%;
	    height: 82%;
	    padding: 4% 0% 0% 2%;
	    overflow: hidden;
	}
	.homefeature.report.product .summary {
	    display: block;
	    width: 43%;
	    height: 82%;
	    float: left;
	    padding: 4% 2% 0% 1%;
	    overflow: hidden;
	}
	.homefeature.product .bullets {
	    display: block;
		width: 48%;
		height: 68%;
		float: left;
		padding: 7% 0% 0% 4%;
		overflow: hidden;
		margin-left: 1%;
	}

	.homefeature form {}
		.homefeature form .label {
			margin-bottom: 5px;
			margin-left: 1%;
		}	
		.homefeature form input,
		.homefeature form textarea {
			width: 98%;
			padding: 1%;
		}

/* --------- .summaryboard : wide floating container for summarising info; ------------------------- */
.summaryboard {
	float: left;
	display: block;
	width: 47.75%;
	margin: 1%;
}
	.summaryboard h1 { display: block; }
	.summaryboard h1 .icon { float: left; margin: 0 1%; height: unset; }
	.summaryboard h1 .icon.action { float:right; }
	.summaryboard h1 img.icon { width:18px; }
	.summaryboard .content {
			top: 0px;
			margin: 0px;
			width: 100%;
			height: 50%;
			background-size: contain;
		}
	.summaryboard .content.boxer .aspecter { margin-top: 50%; } 
	.summaryboard .content.boxer .container img.ribbon {
		display: block;
		position: absolute;
		top: 0; left: 0;
		width: 33%;		
	}
	.summaryboard .content.boxer .container .loading {
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		right: 0px;
		background-color: white;
		display:block;
	}
	.summaryboard .content.boxer .container .loading img.thinker {
			position: absolute;
			width: unset;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
		}
	.summaryboard .content.boxer .container .muffler {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
		.summaryboard .content.boxer .container .muffler .warning { 
			margin-top : 20%; 
			text-align: center; 
		}
			.summaryboard .content.boxer .container .muffler .warning .prompt { text-align: center; }
	.summaryboard .footer img.icon { 
		width: 14px;
		height: unset;
		display: inline-block;
		vertical-align: middle; 
	}

	.fashiollage .footer { display:block; }

/* --------- .photogallery : .summaryboard style specific to scrolling images --------------------- */
.summaryboard.photogallery .content.boxer .container .boxer .aspecter { margin-top: 100%; } 
.summaryboard.photogallery .bxslider .legent { 
	position: absolute;
	bottom: 7%;
	left: 50%;
	margin-left: -25%;
	padding: 4px 8px;
}


/* ---- .content.narrow - for slim reports, on page ------------------------------------------------ */	
	.content.narrow { display: inline-block; }
		.content.narrow.longfields { display:block; max-width:360px; margin:auto; }
		.content.narrow .label {
			display: block;
			margin-top: 20px;
			margin-left: 4px;
		}
			.content.narrow .label .icon {
				display: inline-block;
				height: 12px;
				margin-left: 10px;
				vertical-align: baseline;
			}
		.content.narrow input,
		.content.narrow select {
			display:block;
			margin: 2px 0px 3px 0px;
		}
		.content.narrow input[type=image] { margin:0; }



		
	.boxer.dashboard {
		width:47.75%; 
		height:47.75%;
		margin: 1%;
		float: left;
	}	
	.boxer.dashboard .container { background-color: #FFFFFF; }
		.boxer.dashboard H2 .icon { 
			display:block; 
			float:left; 
			height: 84%;
			margin-left: 1%; 
		}
		.boxer.dashboard .footer { 
			display:block;
			height: 4%;
			margin-top: 1%;
			padding: 1%; 
			border-top: solid 1px #f2f4f5;
			text-align: center;
			overflow: hidden;
			white-space: nowrap;
			margin-top: 1%;
		}	

/* --------- .gauge : old style widows frame-------------------------------------------------------- */
.gauge, .gauge .frame { display: block; }
	.gauge .frame { position:relative; }
	.gauge .frame:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.gauge h2 { position:absolute; top:-8px; }
	.gauge .analydata  { float:none; margin:auto; }
	.gauge .analydata .datum { padding: 0px 24px; }	

/* --------- .collapse : stacked collapseable sections ---------------------------------------------- */
	.collapse { 
		display: block;
		clear: both;
	}
		.collapse:after { content: ""; display: table; clear: both; border-spacing: 0; }
		.collapse .controlHeader { margin-top: 2px; margin-bottom: 0px; }
			.collapse .controlHeader .icon { float:left; display:block; height: 18px; margin: 0; }
			.collapse .controlHeader .icon.control { float:right; }
			.collapse.open .controlHeader .icon.control.open { display:none; }
			.collapse.open .controlHeader .icon.control.close { display:block; }
			.collapse.closed .controlHeader .icon.control.open { display:block; }
			.collapse.closed .controlHeader .icon.control.close { display:none; }
		a.collapser { display:block; }
			a.collapser:hover { text-decoration: none;; }
		.collapse .collapseContent { display:block; padding: 4px 8px; }
			.collapse.open .collapseContent { display:block; }
			.collapse.closed .collapseContent { display:none; }
			.collapse .collapseContent:after { content: ""; display: table; clear: both; border-spacing: 0; }

/* --------- .term : content taqg cloud ------------------------------------------------------------- */
.term {
	display: table;
	float: left;
	max-width: 98%;
	margin:2px 4px 4px 2px;
	color: #E3426A;
}
	.term .close {
		display: table-cell;
		width: 23px;
		text-align: center;
		border-style: solid;
		border-width: 1px 0px 1px 1px;
		border-top-left-radius: 8px; 
		border-bottom-left-radius: 8px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-top-color: white;
		border-left-color: white;
		border-bottom-color: #DDD;
		background-color: hsl(185,40%,55%);
		color:white;
	}
		.term:hover { text-decoration:none; }
		.term .close img.icon { display:inline-block; height: 14px; margin-top: 4px;}
		.term.info .close { background-color: #ADB74B; }
		.term.info.nada .close { background-color: #D36E00; }
	.term .tag {
		display: table-cell;
		padding: 0px 10px 0px 7px;
		line-height: 23px;
		border-style: solid;
		border-width: 1px 1px 1px 0px;
		border-top-right-radius: 8px; 
		border-bottom-right-radius: 8px;
		border-top-color: white;
		border-right-color: #DDD;
		border-bottom-color: #DDD;
		background-color: hsl(185,20%,95%);
		font-size: 13px;
		color: hsl(185,60%,25%);
		text-decoration: none;
		white-space: nowrap;
		text-overflow: hidden;
	}
		.term.noclick .tag { border-radius: 8px; padding-left: 10px;  }
		.term .tag * { border-width: 0px; }
		.term.info .tag { background-color: #FFFDFE; } 
		.term.info.nada .tag { background-color: #FFFDFE; color: #603200; }
	.term.shop {  }
	.term.shop .close { background-color: #65a7d6; }
	.term.shop .tag { background-color: #f5fbff; color: #266999; }
	.term.style {  }
	.term.style .close { background-color: #ccaa66; }
	.term.style .tag { background-color: #fffcf5; color: #8a6721; }
	A.term { text-decoration: none; }
	.term .counter { 
		font-size: inherit;
		color: inherit;
		font-weight: bold;
	}


/* --------- .analydata : looks like google analytics ---------------------------------------------- */
.analydata {
	    display: table;
	    float: left;
	}
		.analydata .datum { display:table-cell; }
		.analydata .verdivider { display:table-cell; }

/* --------- Custom <HR> --------------------------------------------------------------------------- */
divider { 
	display:block; 
	margin:15px 10px; 
	height: 1px;
}
.hr { 
	display:block; 
	clear: both;
	margin: 5px 0px;
}
	h2.breadcrumbs + .hr { margin-top: -10px; }
	.band .hr { margin-top: 10px; margin-bottom: 10px; }

verdivider {
	display: inline-block;
	width: 0px;
	height: 10px;
	border-width: 0 1px 0 1px;
	border-style: solid;
	margin: 0 3px;
}

/* --------- switchCrumb : select alternatives for currrent breadcrumb location -------------------- */
.switchCrumb { display:block; }
.switchCrumb form { display:inline-block; }
.switchCrumb select { width: unset; }
.switchCrumb select option { }

/* ------------- Forms ----------------------------------------------------------------------------- */
form .label {
	display:block;
	margin-top:10px;
}

/* ------------- .buttonpanel : clustered control buttons, like old stereo system ------------------ */
.buttonpanel .button {
	display: block;
	float: left;
	}
.buttonpanel .sub {
	display:block;
    position: absolute;
    z-index: 10000;
    top: 34px;
    display:none;
}
.buttonpanel .sub .option {
	display:block;
	padding:10px;
}
	.buttonpanel .sub .batchchoices  {
		display:block;
		display: none;
	}
	.buttonpanel .sub .batchchoices .batchchoice  {
		display:block;
		padding: 4px 10px;
	}

/* ------------- .rollodex (summary info record ) -------------------------------------------------- */
.rollodex { display:block; }
	.controller .rollodex {
		width: 80%;
		margin: 10%;
		left: 40%;
		top: 40%;
		padding: 5%; 
	}
	.rollodex .label {
		display:block;
		margin-bottom:7px;
		margin-left: 4px;
	}
	.rollodex .datum {
		display:block;
		padding: 3px;
		margin: 2px 0px 3px 0px;
	}
	.rollodex .datum.header {  }

/* ------------- REUSEABLE ELEMENTS ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- CUSTOM FORMATTING CLASSES --------------------------------------------------------- */

.outstanding_balance {  }

.legal { }
	.legal .sheet { 
		display: block;
		position: relative;
		clear: both;
	}

.denfainetai { display:none !important; }


/* ------------- CUSTOM FORMATTING CLASSES --------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


/* --------------- ------ -------------------------------------------------------------------------- */
/* --------------- LAYOUT -------------------------------------------------------------------------- */

body.fullwidth { padding-left: 20px; }
body.fullwidth.bands { padding-left: 0px; padding-right: 0px; }

#Header {
	z-index: 90000;
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 69px;
}
	#Header .logo { 
		display:block;
		float:left;
		width: 199px;
		height: 56px;
		margin: 3px 10px;
	}
		#logo_beta {
			position: absolute;
			left: 204px;
			top: 56px;
		} 
	#Header .slogan { 
		display:inline-block;
		height: 56px;
	}
	#Header .tagline {
		display: inline-block;
		margin-top: 4px;
	}
	#Header #statusbar, #Header #cart {
		display: block;
		height: 100%;
		float: right;
	}
		#Header .menuToggle .icon { display:none; }	
		#Header .userToggle .icon, #Header #cart .icon { 
			display: block;
			max-height: 40%;
			width: auto;
		}
		#Header .userMenu { 
			display: block; 
			position: absolute;
			right: 30px;
			top: 55px;
			padding: 10px 20px;
			min-width: 100px;
		}	

#Menu {
    position: fixed;
	z-index: 10000;
	top: 76px;
	left: 0px;
	display: block;
	min-width: 215px;
}
	#Menu .Item {
		display: block;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-top-color: rgba(255,255,255,0.55);
		border-bottom-color: rgba(204,204,204,0.45);
	}
		#Menu .Item .icon {
			display: inline-block;
			vertical-align: middle;
			width: 24px;
			height: 24px;
		}
		#Menu .Item .title {
			display: inline-block;
			padding: 14px 24px;
			vertical-align: middle;
			color: #705F3E;
			text-decoration: none;
			text-transform: uppercase;	
		}
			#Menu .Item .title .icon {
				display: inline-block;
				vertical-align: middle;
				width: 20px;
				height: 20px;
				margin-right: 10px;
				margin-bottom: 2px;
			}
			#Menu .Item .title * { vertical-align: middle; }
		#Menu .Item .submenu {
			border-top: solid 1px #EAEEEF;
		}
		#Menu .Item .subitem {
			display: block;
			padding: 6px 10px 4px 36px;
			color: #705F3E;
			font-size: 13px;
			text-decoration: none;
			text-transform: capitalize;
		}
	#Menu .Item.active {
		background-color: #F0F5F7;
		padding-bottom: 8px;		
	}
		#Menu .Item.active .title { color: #205666; }
		#Menu .Item.active .subitem { color: #526F7A; letter-spacing: 0px; }
	#Menu .Item:hover { background-color: #edf7fc; }
	#Menu .Item .title:hover, #Menu .Item .subitem:hover { color: #A56900; }
	
.bx-wrapper { margin-bottom: 0px; }
	
#Alerts { 
	position: fixed;
	z-index: 85000;
	display: block;
	width: 65%;
}	
	.alert {
		display:block;
		margin: 5px 10px;
	}
	.alert.success {  }		
	.alert.info {  }	
	.alert.warning {  }	
	.alert.error {  }
	.alert .icon {
		display: inline-block;
		height: 18px;
		border: none;
		margin: 1px 4px;
	}
		.alert .icon.delete { float: right; }

.pagescription, .clarification { 
	margin: 10px 20px 10px 0px;
	padding: 10px;
}
	.clarification.inline { margin: 0px 20px 0px 0px; padding: 4px; }
.pagescription .infoicon, .clarification .infoicon { 
	display:block;
	float:left;
	padding:1px 4px;
	margin:0px 10px 10px 0px;
}

.fieldscription { 
	margin: 5px 10px 10px 0px;
	padding: 5px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 2px;
	font-size: 11px;
	color: #455;
	text-align: left;
}
.fieldscription .infoicon { 
	display:block;
	float:left;
	padding:1px 4px;
	margin-right: 5px;
	color: white;
	font-weight: bold;
	background-color:#7bc;
	border-radius:5px;
	font-family:serif;
}
.fieldhint {
	padding-left: 5px;
	font-size: 10px;
} 	

#Footer { 
	position: relative;
	display: block;
	margin: 50px -20px -20px -20px;
	text-align: center;
}
	#Footer .Content { 
		display:inline-block; 
	}
		#Footer .Content .column { 
			display: block; 
			float: left;
			margin: 0px 10px;
		}


#QuickCart {
	z-index: 12000;
	display: block;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;
}
	#QuickCart .holder {
	  display: table;
	  position: absolute;
	  height: 100%;
	  width: 100%;
	}
	#QuickCart .middler {
	  display: table-cell;
	  vertical-align: middle;
	}
	#QuickCart .container {
		width: 336px;
		margin-left: auto;
	 	margin-right: auto;
	}
	#QuickCart .canvas {
		width: 100%;
		display: table;
	}
		#QuickCart .canvas .line {
			display: table-row;
		}
		#QuickCart .canvas .entry {
			display: table-cell;
		}


	.report.purchaseorder {}
	.report.purchaseorder .header:after { content: ""; display: table; clear: both; border-spacing: 0; }
		.report.purchaseorder .logo { float:left; width: 30%; }
		.report.purchaseorder .ordernums { float:right; width: 50%; }

	.report.purchaseorder .ledger { 
		display: table;
		clear:both;
		margin-top: 6%;
		width: 100%; 
	}
		.report.purchaseorder .ledger .row { display:table-row; }
		.report.purchaseorder .ledger .cell { display:table-cell; }
		.report.purchaseorder .ledger .heading { display:table-cell; }
	.report.purchaseorder .ledger select { display:inline-block; width:unset; }
	.report.purchaseorder .ledger input { display:inline-block; width:unset; }

#ActionBar {
	z-index: 80000;
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 98%;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	padding: 1%;
	background-color: rgba(143,191,175,0.95);
	border-top: solid 1px #c3e5da;
	box-shadow: 0px -2px rgba(143,191,175,0.30);
	text-align: center;
}
	#ActionBar .message {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		color: white;
		font-size: 16px;
		line-height: normal;
	}
	#ActionBar .left, #ActionBar .right  {
		display: block;
		height: 50px; 
		padding: 0 1%;
		line-height: 50px;
		vertical-align: middle;
	}
	#ActionBar .right { float: right; }
	#ActionBar .left { float: left; }
	#ActionBar .next {
		display:inline-block;
		vertical-align: middle;
		padding: 8px 15px;
		border-radius: 6px;
		line-height: normal;
		background-color: #3aa659;
		color: white;
		font-size: 15px;
		text-decoration: none;
	}

.anchor { display:block; width: 0; height: 0; }

/*--- Overlays --------------------------------------------------------------------------------------------------------------- */

#Thinker {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
}
	#Thinker IMG { display: block; margin: auto; }
	#Thinker .logo { width: 50%; max-width: 300px; }
	#Thinker .progress { width: 30%; max-width: 180px; }

	.toggleMiniHelp {  }
	.miniHelp {
		position: fixed;
		z-index: 59000;
		display: block;
		padding: 10px;
		display:none;
	}
		.miniHelp .content {
			padding: 7px;
			max-width: 144px;
			max-height: 144px;
		}

	#Tutorial {
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		padding: 100px 0px;
		z-index: 60000;
		display: none;
	}
	#Tutorial .container {
		display: block;
		max-width: 90%;
		width: 864px;
		max-height: 80vh;
		overflow-y: auto;
		margin: auto;
		padding: 2px;
	}
	.tutorial .Header { display: block; }
		.tutorial .Header .icon{ float: left; }
		.tutorial a.close { 
			float: right;
			display: block;
			margin-right: 2px;
		}
	.tutorial .content { padding: 7px 10px; }

#Popup {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	display: none;	
}
	#Popup.popup0 { z-index: 30000; }
	#Popup.popup1 { z-index: 36000; }
	#Popup.popup2 { z-index: 42000; }  
	#Popup .puWindow {
		display:block;
		position:relative;
		max-width: 85vw;
		margin: auto;
	} 
		#Popup .puWindow .puwTitlebar {
			display:block;
			position:relative;
		}
		#Popup .puWindow .puwStatusbar {
			display:block;
			position:relative;
			clear: both;
		}
			#Popup .puWindow .puwTitlebar .icon { float:left; height: 20px; margin: 0 5px; }
			#Popup .puWindow .puwTitlebar .close { float:right; }
		#Popup .puWindow .puwContent {
			display:block;
			position:relative;
			max-height: 75vh;
			overflow-y: scroll;
		}

/*--- / Overlays ------------------------------------------------------------------------------------------------------------- */

/* -- standard conent box -- */
.contentBox {
	position: relative;
	display: block;
	min-width: 300px;
	max-width: 96%;
	width: 480px;
	margin: 10px auto;
	padding:0;	
	background-color: white;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.contentBox H2 {
			display: block;
			padding: 2% 1%;
			margin: 0%;
			background-color: #E9F2F5;
			border-bottom: solid 1px rgb(243, 243, 243); 

			color: #705F3E;
			text-align: center;
			font-family: 'Bridal Open Sans', sans-serif;
			font-size: 14px;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-align: bottom;
			line-height: inherit;
	}
		.contentBox H2 IMG.icon {
				display: inline-block;
				margin: 0 10px;
				height: 20px;
		}
	.contentBox .content {	
		display:block;
		padding:10px;
		text-align: left;
		font-size:14px;
	}
	.contentBox .footer {
		position: absolute;
		bottom: 0px;
		padding: 1%;
		width: 98%;
		background-color: #fafafa;
		text-align: center;
		font-size: 10px;
		color: #888;
	}
	
/* ---- button ---- */
.button {
	display:inline-block;
	margin: 10px;
	padding: 10px;
}
		
.graphholder {
	position:relative; 
	top: 0px; 
	left: 0px; 
	width: 96%;
	height: 96%;
}

.datactions {
	float: left;
	margin: 1.75%;
	width: 44%;
}
	.datactions.full {
		clear:both;
		float: none;
		display: block;
		margin: 1.75%;
		width: 96%;
	}
	td .datactions { float: right; }
	.Resuctions .datactions {
		margin: 4px 4px 1px 4px;
		width: 150px;
	}
	.datactions .download { display: inline-block; }
	.datactions img.icon {
	    display: inline-block;
	    width: 30px;
	    margin: -5px 5px;
	 }
 .datactions .prompt { display:inline-block; }
 .datactions .thinker { display:block; width:48px; display:none; }

.report { 
	display:block;
	width: 94%;
	max-width: 960px; 
}		
	.report:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.report H2 {
		display:block;
		height: 5%; 
		max-height: 36px;
		padding: 1% 1% 1.5% 1%;
		margin: 0%;
		text-align:center;
		color: white;
		background-color: #fafcfc;
		border-bottom: solid 1px #F3F3F3;
		font-family: 'Bridal Open Sans', sans-serif;
		font-size: 18px;
		letter-spacing: 1px;
	}
		.report H2 .icon { 
			display:block; 
			float:left; 
			height:75%; 
			max-height: 30px; 
			margin: 0.5%;
			width: unset;
		}
	.report .preview {
		display: block;
		width: 100%;
		padding: 1% 0%;
	}
	.dashboard.report .preview { padding: 0%; }
		.report .preview .bxslider .slideholder {
			position:relative;
			width:100%;
			height:50%;
		}
		.report .preview .bxslider .slideholder .legend {
			position:absolute;
			bottom: 24px;
			left: 20px;
			padding: 16px;
			border: solid 1px rgba(200,200,200,0.90);
			background-color: rgba(255,255,255,0.80);
			border-radius: 5px;
			box-shadow: 2px 2px rgba(180,180,180,0.30);
			font-size: 16px;
		}
			.report.previewgallery .preview .bxslider .slideholder .legend {
				padding: 4px 8px;
				font-size: 11px;
				right: 20px;
			}
	.report.previewno .graphholder { 
		width: auto;
		height: 75%;
		padding: 5%;
	}
	.report.previewgallery .graphholder { 
		width: auto;
		height: 49%;
		padding: 2% 2% 1% 2%;
	}
	.report.preview2x1 .graphholder { 
		width: auto;
		height: 32%;
		padding: 2% 2% 1% 2%;
	}
	.report.preview2x1 .description {
		position: relative;
		top: 0px;
		left: 0px;
		right: 0px;
		width: auto;
		height: 27%;
		padding: 4%;
		overflow-y: hidden;
	}
	.report .preview IMG.collage {
		width: 100%;
		border-radius: 5px;
		margin: 1% 0%;
	}

/* ------ .Data_____ : excel-style, ledger format for report data; ------------------------------------------------ */
.DataTable {
	display: table;
	table-layout: fixed;
	margin: auto;
}
	.report .DataTable { float:left; margin:2%; width:44%;}
		.report .DataTable.withGraph { width:96%;}
	.report .pagescription { float:left; margin:1.75%; width:44%;}
	.report .pagescription.full {
		display: block;
		float: none;
		margin: 1.75%;
		width: 94%;
		clear: both;
	}
	.report .clarification { margin:1.75%; width:96%; clear: both;}
.DataRow { display: table-row; }
.DataHeader, .DataCell { display: table-cell; }
	.DataHeader .full { display: inline; }
	.DataHeader .short { display: inline; display:none; }
	.report .DataTable.withGraph .DataHeader.bar,
	.report .DataTable.withGraph .DataCell.bar { min-width:25%;}	
	.DataHeader.number { width:48px; }
	.DataCell { 
		position:relative;
		white-space: wrap;
		overflow-x: hidden;
		text-overflow: ellipsis; 
	}
	.DataCell .breakdown { position:absolute; padding:10px; bottom :40px; }
	
.sisters { 
	display: block;
	width: 100%;
	margin: 20px 0px;
	text-align: center;
	font-size: 1.1em;
}
	
.chartControls {
	display: block;
	position: relative; 
	text-align: center;
	padding: 7px 4px;
	border-radius: 5px;
	line-height: 28px;
}
.chartControls .Blocker {
	display: block;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: rgba(200,200,200,0.35);
}
.chartControls INPUT, .chartControls SELECT { 
	width: unset;
} 
.chartControls .fetching {
	display: inline-block;
	width: 84px;
	text-align: center;
	vertical-align: middle;
} 
	.chartControls .fetching IMG { width:100%; }



/* ------------- CUSTOM ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- PAGES ----------------------------------------------------------------------------- */

/* ------------- /Account/ ------------------------------------------------------------------------- */

#AccountStatus .control {
	display: inline-block;
	padding: 1px;
	border: solid 3px transparent; 
	border-radius: 5px;
}

.controller#AccountCredits .content,
.controller#AccountMembership .content { text-align:left; }
.controller#AccountCredits FORM { width:120%; }
.controller#AccountCredits FORM select option { width:100%; }

/* ------------- /Account/PaymentInfoCC.cfm -------------------------------------------------------- */

#AccountCreditCardChoices { max-width: 250px; }
#AccountCreditCardChoices .CreditCard {
	display: inline-block;
	border: solid 2px transparent;
	margin-top:3px;
	padding: 0px;
	padding-bottom: -1px;
	border-radius: 6px;
	width: 30%;
}
	#AccountCreditCardChoices .CreditCard.selected { border-color: green; }
	#AccountCreditCardChoices .CreditCard.hover { border-color: gold; }
#AccountCreditCardChoices IMG.icon { width: 100%; }
.formPaymentInfoCC #thinkPaymentInfoCC {  margin-top: 14px; text-align: center; }

/* ------------ Account ----------------*/


.controller.services .content { min-width:80%;  }
.controller.services .middler .content .pagescription { margin-right: 0px; margin-top: 3%;  }
.controller.services A.button { 
	width: 50%; 
	/* height: 20px; */
}
.controller.services.subscribed A.button {  }
.controller.services .thinker { 
	display: inline-block;
	width: 50%; 
	height: 20px;
	padding: 11px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
}
/* .controller.services .container H1 { background-color: hsl(175,75%,95%); }
.controller.services.subscribed .container H1 { background-color: hsl(245,70%,97%); } */
.controller.services.system .container H1 { background-color: hsl(200,85%,96%); }
.controller.services .content IMG.identity { 
	width: 100%;
	display: block;
	margin-top: 3%;
	border-radius: 7px;
	border: solid 1px #CCC;
	background-color: hsl(175,100%,85%);
}
.controller.services.subscribed .content IMG.identity { background-color: hsl(245,100%,85%); }

.controller form input.submit[type="image"] {
	display: inline-block;
	width: 24px;
	background-color: unset;
	border: unset;
}
#AccountPayments .content { width:98%; }
#AccountPayments .content form { width:90%; }
#AccountPayments .content form select { display: inline-block; }

table.dataledger { display:table; }	
table.dataledger td, table.dataledger th { margin: 0px; padding: 4px; }
	TABLE.dataledger TR.odd.selected TD { background-color:#DDFFEE; }
	TABLE.dataledger TR.even.selected TD { background-color:#DAFAEA; }
	TABLE.dataledger .fieldscription { background-color: transparent; margin: 0px 3px; }


/* --------- Page : /Fashion/------------------------------------------------ --------------------------------------------------- */
.summaryboard.fashion .footer .controls {
	float: right;
	position: relative;
	margin-right: 1%;
	height: 14px;
	padding: 2px;
	line-height: 14px;
	border-width: 1px;
	border-style: solid;
}
	.summaryboard.fashion .footer .controls .control {
		display:inline-block;
		margin: 0px 2px;
	}
	.summaryboard.fashion .footer .controls .bylocation {
		display: table;
		position: absolute;
		bottom: 10px;
		right: 10px;
		display: none;
	}
		.summaryboard.fashion .footer .controls .bylocation .location {
			display: table-row;
		}
			.summaryboard.fashion .footer .controls .bylocation .location .bizname {
				display: table-cell;
			}
			.summaryboard.fashion .footer .controls .bylocation .location .locontrol {
				display: table-cell;
			}



/* ------------- Page: Announcement --------------------------------------------------------------------------------------- */
.formAnnouncement {
	display: block;
	width: 1200px;
	margin: auto;
}
	.formAnnouncement .element {  }
		.formAnnouncement .element.date { float: left; margin-right: 10px; }
		.inputAnnouncementTitle { width: unset; }


body.Announcements .Announcement .element .prompt { 
	display: block; 
	position: absolute; 
	top:0; right:0; bottom:0; left:0;
}

	body.Announcements .Announcement .element.active .prompt { display: none; }
		body.Announcements .Announcement .element .prompt .text { 
			display: block;
			width: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%);
			-webkit-transform: translate(-50%,-50%);
			text-align: center;
		}
body.Announcements .Announcement .AnnouncementPoster {
	display: block;
	margin: 0px;
	width: 840px;
}
	body.Announcements .Announcement .AnnouncementPoster .element { 
		position: relative;
		display: block; 
	}
	body.Announcements .Announcement .AnnouncementPoster img.poster { display: block; width: 100%; }
	body.Announcements .Announcement .AnnouncementPoster img.poster.thinker {
		position: absolute;
		width: unset;	
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
	.Announcement .AnnouncementPoster .fainter {
		display:block;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		display: none;
	}
		.Announcement .AnnouncementPoster:hover .fainter { display:block; }
		.Announcement .AnnouncementPoster .fainter .action {
			display: block;
			float: left;
			width: 25%;
			padding: 2%;
			margin: 10% 1% 2% 12%;
		}
		.Announcement .AnnouncementPoster .fainter .action .icon {
			display: inline-block;
			width: 60%;
		}

body.Announcements .Announcement .inputAnnouncementTitle,
body.Announcements .Announcement .inputAnnouncementURL { width: 816px; }
body.Announcements .Announcement .inputAnnouncementText {
	display: block;
	margin: 0px;
	width: 816px;
}
/* ------------- / Announcement -------------------------------------------------------------------------------------------- */


/* ------------- Page: Testimonial --------------------------------------------------------------------------------------- */
.formTestimonial {
	display: block;
	max-width: 720px;
	/* margin: auto; */
}
	body#pageTestimonial .formTestimonial .element.name {
		float: left;
		margin-right: 10px;
	}
	body#pageTestimonial .formTestimonial .TestimonialPhoto {
		display: block;
		position: relative;
		width: 600px;
		max-width: 100%;
	}

	body#pageTestimonial .formTestimonial .TestimonialPhoto img.photo { display: block; width: 100%; }
	body#pageTestimonial .formTestimonial .TestimonialPhoto .photo.thinker {
		position: absolute;
		width: unset;	
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		max-width: 100%;
	}
	body#pageTestimonial .formTestimonial .TestimonialPhoto .fainter {
		display:block;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		display: none;
	}
		body#pageTestimonial .formTestimonial .TestimonialPhoto:hover .fainter { display:block; }
		body#pageTestimonial .formTestimonial .TestimonialPhoto .fainter .action {
			display: block;
			float: left;
			width: 25%;
			padding: 2%;
			margin: 10% 1% 2% 12%;
		}
		body#pageTestimonial .formTestimonial .TestimonialPhoto .fainter .action .icon {
			display: inline-block;
			width: 60%;
		}

	body#pageTestimonial .formTestimonial .TestimonialPhoto .element .prompt { 
		display: block; 
		position: absolute; 
		top:0; right:0; bottom:0; left:0;
	}

		body#pageTestimonial .formTestimonial .TestimonialPhoto .element.active .prompt { display: none; }
			body#pageTestimonial .formTestimonial .TestimonialPhoto .element .prompt .text { 
				display: block;
				width: 100%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%);
				-webkit-transform: translate(-50%,-50%);
				text-align: center;
			}

/* ------------- / Testimonial -------------------------------------------------------------------------------------------- */


/* --------- Page : /Events/------------------------------------------------ --------------------------------------------------- */
body.Events {}

body.Events .controller.event h1 .eventname {
	display: inline-block;
	width: 83%;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.Events .controller.event .footer img.icon.toggle { 
	float:right;
	height: 13px;
	width: unset;
	margin: 1px 10px 0 6px;
}

body.Events .Event { 
	display: block;
	width: 99%; 
	padding: 30px;
	margin: auto;
	max-width: 830px;
}

body.Events .Event .element { position: relative; }
	body.Events .Event .element .formater { 
		display: inline-block; 
		display:none;
	}
	body.Events .Event .element .prompt { 
		display: block; 
		position: absolute; 
		top:0; right:0; bottom:0; left:0;
	}
	body.Events .Event .element.active .prompt { display: none; }
		body.Events .Event .element .prompt .text { 
			display: block;
			width: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%);
			-webkit-transform: translate(-50%,-50%);
			text-align: center;
		}

body.Events .Event .breadcrumbs { display: block; margin-bottom: 10px; }
body.Events .Event .Info { display: block; }
body.Events .Event .Info:after { content: ""; display: table; clear: both; border-spacing: 0; }

body.Events .Event .EventType,
body.Events .Event .EventStartDate, body.Events .Event .EventEndDate { display: inline-block; }
body.Events .Event .inputEventStartDate, body.Events .Event .inputEventEndDate { min-width: 150px;  }
body.Events .Event .inputEventStartDate::-webkit-input-placeholder,
body.Events .Event .inputEventEndDate::-webkit-input-placeholder { font-size:14px; color: gray; }

body.Events .Event .title { display: block; }
	body.Events .Event.previewProfile .title { margin: 0px; height: 31px; }
	body.Events .Event.previewTimeline .title {
		display: block;
		margin: 0px;
		padding: 1% 2%;
		line-height: 30px;
		font-family: Raleway;
		font-size: 22px;
		font-weight: 300;
		color: black;
		letter-spacing: 1px;
		white-space: nowrap;
		overflow: hidden;
	} 

body.Events .Event .EventPoster { display: block; }
	body.Events .Event .EventPoster .element { display: block; }
	body.Events .Event .EventPoster img.poster { display: block; width: 100%; }
	body.Events .Event .EventPoster img.poster.thinker {
		position: absolute;
		width: unset;	
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
	.Event .EventPoster img.cutout {
		position: absolute;
		top: 50%;
		transform: translateY(-30px);
	}
		.Event .EventPoster img.cutout.left { left: -1px; }
		.Event .EventPoster img.cutout.right { right: -1px; }
	.Event .EventPoster .fainter {
		display:block;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		display: none;
	}
		.Event .EventPoster:hover .fainter { display:block; }
		.Event .EventPoster .fainter .action {
			display: block;
			float: left;
			width: 15%;
			padding: 2%;
			margin: 4% 1% 2% 4%;
		}
		.Event .EventPoster .fainter .action .icon {
			display: inline-block;
			width: 60%;
		}
body.Events .PostersStock,
body.Events .PostersLibrary {
	position: relative;
	display: block;
	margin: auto;
	width: 94%;
	height: 1256px;
	max-width: 864px;
	max-height: 70%;
}
	body.Events .PostersStock .header .remove,
	body.Events .PostersLibrary .header .remove { float:right; }
	body.Events .PostersStock .stockposters,
	body.Events .PostersLibrary .libraryposters {
		overflow-y: scroll;
		height: 1220px;
		max-height: 92%;
	}
	body.Events .PostersStock .stockposter,
	body.Events .PostersLibrary .libraryposter {
		display: inline-block;
		width: 46%;
		padding: 1.50%;
		margin: 0.25%;
	}
	body.Events .PostersStock .stockposter .img,
	body.Events .PostersLibrary .libraryposter .img {
		width: 100%;
	}


body.Events .Event .data, 
body.Events .Event .description { 
	display: block;
	float: left;
	width: 46%;
	padding: 1% 2%;
	min-height: 360px;
}
	body.Events .Event .data h2, 
	body.Events .Event .description h2 {
		clear: both;
		margin: 3% -0 1% 0;
		padding: 3px 2%;
	}
	body.Events .Event .data .element.Location .Bloc {
		display: block;
		position: relative;
	}
	body.Events .Event .GownLabels {
		display: block;
		min-height: 40px;
		position: relative;
	}
		body.Events .Event .GownLabels:after { content: ""; display: table; clear: both; border-spacing: 0; }
		body.Events .Event .data .element.Designers .inputGownLabelName { display: block; }
		body.Events .Event .data .element.Location .blocs,
		body.Events .Event .data .element.Designers .glnames {
			z-index: 1000;
			display: block;
			max-height: 144px;
			position: absolute;
			top: 30px;
			left: 4px;
			right: 4px;
			display: none;
			padding: 2px;
			margin: 0.25% 0;
		}
		body.Events .Event .data .element.Location .blocs { max-height: 256px; }
			body.Events .Event .data .element.Location .bloc,
			body.Events .Event .data .element.Designers .glname {
				display: block;
				margin: 1px;
			}
	body.Events .Event .description .inputBranchDescription {
		display: block;
		min-height: 115px;
	}
	body.Events .Event .description .formater .edit img.icon { height: 18px; float: right; }

.Event .GownLabels .glTag, .addAnotherGownLabel { float:left; margin: 6px 6px 0 0; }
	.Event .GownLabels .glTag input.inputGownLabel { display:none; }
	.Event .GownLabels .glTag .remove {
		display: inline-block;
		height: 18px;
		margin-left: 10px;
	}
			body.Events .Event .BLocation .Branch a { display: block; padding: 6px; }
			body.Events .Event .BLocation .Branch .Listing .remove {  display: block; float: right; }

body.Events .Event .element .input.inputBranchDescription { 
	display:block;
	width: 95%;
	padding: 0.5% 2%;
}


/* ------------- Swatches ---------------------------------------------------------------------------------------------- */
.swatch {
	position: relative;
	display: block;
	margin: 1% 0;
}
	.swatch h2, .swatch h3,
	.swatch .footer {
		display: block;
		position: relative;
		clear: both;
		margin: 0%;
	}
		.swatch h2 img.icon {
			float: left;
			display: block;
			margin: 0 1%;
			height: 18px;
			width: unset;
		}
		.swatch h3 { margin-top: 1%; }
	.swatch .footer { }
	.swatch .content {
		position: relative;
		display: block;
	}
	.swatch input,
	.swatch textarea {
		width: 97%;
		padding: 0.5% 1%;
		margin-bottom: 1%;
	}
	.swatch input[type=submit] { margin: 10px 0; }
	.swatch textarea { height: 50px; }
	.swatch input.sub { display: inline-block; width:unset; }
	.swatch form div.label { display: block; margin-top: 1%; margin-left: 0.5%; }
	.swatch form span.label { display: inline-block; margin-top: 1%; margin-left: 0.5%; }
	.swatch .section {
		position: relative;
		display: block;
		margin-top: 1%;
	}
		.swatch .section .borderer { padding: 1%; }

	.swatch .CollectionColoursPanel {
		display: block;
		padding: 1%;
		margin: 1% 3% 3% 0%;
		width: 97%;
		min-height: 100px;
		max-height: 200px;
		overflow-y: scroll;
	}
		.swatch .CollectionColoursPanel:after { content: ""; display: table; clear: both; border-spacing: 0; }
		.swatch .CollectionColoursPanel .CollectionColour, .swatch .swatchcolour {
			float: left;
			display: block;
			width: 7.82%;
			margin: 0.25%;
		}
	.swatch .triggerDeleteColour,
	.swatch .triggerAddColour,
	.swatch .formEditCollectionColourName,
	.swatch .triggerRenameColour  {
		display: block;
	}
	.swatch .formEditCollectionColourName { 
		position: relative;
		width: 100%;
		margin-bottom: 2%; 
	}
		.swatch .formEditCollectionColourName::after { content: ""; display: table; clear: both; border-spacing: 0; }
		.swatch .triggerDeleteColour .colour,
		.swatch .triggerAddColour .colour,
		.swatch .triggerRenameColour .colour {
			display: block;
			margin: 1px;
			float: left;
			width: 16px;
			height: 16px;
		}
		.swatch .formEditCollectionColourName input { padding: 4px 9px; margin-bottom: 0px; }

	.picker_arrow { display:none; }
	.previewColourCard { 
		display:block;
		position: absolute;
		bottom: 30px;
		left: -50px;
		height: 168px;
		width: 100px; 
		display: none;
	}
		.previewColourCard .previewColour { 
			position: relative;
			top: 0px;
			width: 100px;
			height: 100px;
		}
		.previewColourCard .previewColourCollectionName { margin: 2%; }
		.previewColourCard .previewColourName { margin: 2%; }
		.previewColourCard .previewColourPantoneName { margin: 2%; }
		.previewColourCard .previewColourRGB { margin: 2% }

	.inputPreviewer {
		display:block;
		position: absolute;
		z-index: 2000;
		width: 100%;
		max-height: 288px;
		display:none;
		overflow-y: scroll;
	}
		.inputPreviewer div.rgb {
			display:block;
			float:left;
			height: 18px;
			width: 18px;
			margin-right:3px;
		}
		.inputPreviewer .possiC {
			display:block;
			margin: 1%;
			white-space: nowrap;
			overflow-x: hidden;
		}


/* ------------- / LAYOUT ---------------------------------------------------------------------------------------------- */
/* --------------- ------ ---------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------------------------------- */
/* ------------- RESPONSIVE -------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------- */
/* ----- DESKTOP : Wide Monitors --------------------------------------------------------------------------------------- */
@media screen and (min-width: 1536px) {
		
	.homefeature, .homefeature.report {
		width: 23.70%;
		height: 23.70%;
		margin: 0 1% 1% 0;
	}	

	.summaryboard { width: 31.85%; margin: 0.5%; }

	.boxer.dashboard {
		width: 30.75%;
		height: 30.75%;
		margin: 1% 2% 1% 0%;
	}
	.boxer.dashboard .container H2 { font-size: 20px; line-height: 24px; }
	.controller {
		width: 23.75%;
		height: 23.75%;
		margin: 0.5%;
	}
	.collection .dress {
	    width: 15.75%;
	    margin: 0.375%;
	}
	.stockists .shop {
	    width: 15.75%;
	    margin: 0.375%;
	}

	.gowndata.wider { 
		width: 45%; 
		margin-top: 2%;
		margin-right: 4.5%; 
	}
	.gownswatchcolour { width: 4%; }
	.gownswatchcolour.boxer .container { font-size: 30px; line-height: 28px; }

	/* .GownInventoryItemRecord .officialPhoto.top { margin-bottom: 25%; } */

	.MediaLibrary .photo {
	    width: 15.35%;
	    margin: 0.375%;
	}

	#Popup .puWindow { max-width: 55vw; } 

}
/* ----- DESKTOP : Wide Monitors --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------------------------------- */
/* ----- DESKTOP : Smaller Monitors ------------------------------------------------------------------------------------ */
@media screen and (max-width: 1280px) {
	
	.report H2 { height: 5%; line-height: 24px; }
	.boxer.dashboard, .homefeature, .homefeature.report { width: 47.50%; height: 47.50%; margin: 1%; }

	/* .GownInventoryItemRecord .officialPhoto.top { margin-bottom: 25%; } */

	#Popup .puWindow { max-width: 90vw; } 

}
/* ----- DESKTOP : Smaller Monitors ------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------------------------------- */
/* ----- iPad Mini : Horizontal ---------------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (orientation: landscape) {

	BODY { padding: 84px 20px 20px 230px; }
	H1 { font-size: 32px; }
	H1 .icon { height: 32px; }
	.boxer.dashboard, .homefeature, .homefeature.report { width: 47.50%; height: 47.50%; margin: 1%; }
	.report H2 { height: 5.5%; line-height: 24px; }
	.report.previewno .graphholder { height: 79%; padding: 2.5%; }
	.report.preview2x1 .graphholder { height: 30%; }
	.report.previewgallery .graphholder { height: 47.5%; }
	.boxer.dashboard .footer { height: 5.5%; }
	.controller { width: 47.25%;  height: 47.25%; }

	.fashiollage { width: 97.75%; margin: 1%; }
	.campaignsummary { width: 97.75%; margin: 1%; }
	.collection .dress { width: 32.00%; }

	.stockists .shop { width: 32%; }
	.stockists .shop .content.boxer .aspecter { margin-top: 50%; }

	#BNSocial { padding: 0px; }
		#BNSocial img.soicon { margin: 10px 20px; }

	#Popup .puWindow { max-width: 75vw; } 

	/* --------- Page : /Inventory/Collection/popupItemRecord ----------------------------------------------------- */
	/* .GownInventoryItemRecord .officialPhoto.top { margin-bottom: 35%; } */
	.GownInventoryItemRecord .datum .label { width: 33%; }
	.GownInventoryItemRecord .datum .value, 
		.GownInventoryItemRecord .datum select.value, .GownInventoryItemRecord .datum input.value { display: block; float: right; width: 56%; }
	.GownInventoryItemRecord .datum .value.swatch { max-height: 150px; overflow-y: scroll; }
	.GownInventoryItemRecord .swatch .swatchcolour { width: 19%; }

}
/* ----- iPad Mini : Horizontal ---------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------------------------------- */
/* ----- iPad Mini : Verical ------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1025px) and (orientation: portrait) {

	body, body.fullwidth { padding: 64px 10px 10px 10px; }

	#Header { height: 50px; }
	#Header .logo {
		display: inline-block;
		float: none;
		max-height: 88%;
		width: auto;
		margin: 0px 20px;
	}
		#logo_beta {
			position: absolute;
			right: 30px;
			top: 40px;
			color: red;
			font-size: 8px;	
		} 
	#Header .tagline { display: none; }
	#Header .menuToggle .icon { 
		display: block;
		float: left;
		max-height: 50%;
		width: auto;
		margin: 10px 0px 0px 10px; 
	}
	#Header .userToggle .icon { 
		display: block;
		float: right;
		max-height: 50%;
		width: auto;
		margin: 10px 15px 0px 0px;
	}
	#Header .userMenu {
		right: 20px;
		top: 45px;
		line-height: 26px;
	}
	#Menu { top: 54px; }	
	#Alerts { 
		width: 99%;
		left: 0px;
		padding: 0;
		font-size: 13px; 
	}

	h1 { font-size: 32px; }
	h1 .icon { height: 32px; }
	h2 { font-size: 24px; line-height: 32px; }

	.boxer.dashboard,.homefeature { width: 47.50%; height: 47.50%; margin: 1%; } 
	.report H2 { height: 4%; line-height: 22px; }
	.report.previewno .graphholder { height: 82.25%; padding: 2.5%; }
	.report.preview2x1 .graphholder {height: 34.25%; }
	.report.previewgallery .graphholder { height: 51.5%; }
	.boxer.dashboard .footer { height: 4%; margin-top: 0px; }
	.report .preview .bxslider .slideholder .legend { padding: 6px 10px; font-size: 13px; }
	.controller { width: 47.25%;  height: 47.25%; }
	.summaryboard { margin: 0.5%; }

	.gauge .analydata .datum {
	    padding: 0px 16px;
	}

	.GownView .Viewer {
		display: block;
		position: relative;
		float: none; 
		width: 97%;
	}
		.GownView .Viewer img { width: 100%; }
	.GownView .Data {
		display:block;
		position: relative;
		float: none;
		width: 97%;
	}

	.fashiollage { width: 97.75%; margin: 1%; }
	.campaignsummary { width: 97.75%; margin: 1%; }
	.collection .dress { width: 32.00%; }

	.stockists .shop { width: 46%; }
	.stockists .shop .content.boxer .aspecter { margin-top: 40%; }

	#Popup .puWindow { max-width: 95vw; } 

	.MSRPs .region { width: 42%; }

	#BNSocial { padding: 0px; }
		#BNSocial img.soicon { margin: 5px 10px; }

	/* --------- Page : /Inventory/Collection/popupItemRecord ----------------------------------------------------- */
	/* .GownInventoryItemRecord .officialPhoto.top { margin-bottom: 38%; } */
	.GownInventoryItemRecord .datum .label { width: 33%; }
	.GownInventoryItemRecord .datum .value, 
		.GownInventoryItemRecord .datum select.value, .GownInventoryItemRecord .datum input.value { display: block; float: right; width: 56%; }
	.GownInventoryItemRecord .swatch { max-height: 150px; overflow-y: scroll; }
	.GownInventoryItemRecord .swatch .swatchcolour { width: 19%; }
	.GownInventoryItemRecord .swatch .swatchcolour .label { top: 73%; }
	.GownInventoryItemRecord .swatch .swatchcolour .label { top: 70%; }

}
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------------- */
/* -- MOBILE : single column : portrait -------------------------------------------------------------- */
@media screen and (max-width: 736px) {

	body {  }
	
	h1 { font-size: 24px; line-height: 30px; }
	h2 { font-size:18px; line-height: 24px; margin: 10px 0px; }
	h1 .icon { margin: 0px 6px; }
	h2 .icon { height: 24px; margin: 0px 6px 0px 0px; vertical-align: top; }
	
	.optionaltext { display: none; }
	
	#Header { height: 50px; }
	#Header .logo {
		display: inline-block;
		float: none;
		max-height: 88%;
		width: auto;
		margin: 0px 20px;
	}
		#logo_beta {
			position: absolute;
			right: 30px;
			top: 40px;
			color: red;
			font-size: 8px;	
		} 
	#Header .tagline { display: none; }
	#Header .menuToggle .icon { 
		display: block;
		float: left;
		max-height: 50%;
		width: auto;
		margin: 10px 0px 0px 10px; 
	}
	#Header .userToggle .icon { 
		display: block;
		float: right;
		max-height: 50%;
		width: auto;
		margin: 10px 15px 0px 0px;
	}
	#Header .userMenu {
		right: 20px;
		top: 45px;
	}
	#Menu { top: 54px; }	
	#Alerts { 
		width: 99%;
		padding: 0;
		font-size: 13px; 
	}	

	#Popup { padding-top: 80px; }
	#Popup .puWindow { max-width: 85vw; }

	#ActionBar .message { font-size: 13px; }
	#ActionBar .next {
		padding: 5px 10px;
		border-radius: 5px;
		font-size: 13px;
	}
	
	.pagescription { margin: 10px 10px 10px 0px; padding: 5px; font-size: 12px;  }
	.pagescription .explanation { display: none; }
	.pagescription .infoicon { padding: 0px 7px; margin: 6px; }	
	
	.fieldscription { margin: 5px 5px 5px 0px; padding: 3px; font-size: 10px;  }
	.fieldscription .explanation { display: none; }
	.fieldscription .infoicon { padding: 0px 3px; margin: 3px; }

	.clarification.inline { margin: 0; }

	.homefeature.report.property .summary { width: 48%; height: 83%; }
	.homefeature.product .bullets { font-size: 12px; }	

	.report .preview .bxslider .slideholder .legend {
		bottom: 10px;
		right: 10px; left: unset;
		padding: 6px;
		border-radius: 4px;
		box-shadow: 1px 1px rgba(180,180,180,0.50);
		font-size: 11px;
	}
		.report.previewgallery .preview .bxslider .slideholder .legend {
			padding: 3px 6px;
			font-size: 10px;
			left: 3px; right: unset;
		}
			.report.previewgallery .preview .bxslider .slideholder .legend .label { display: none; }

	.report .pagescription { margin: 2%; width: 95%; }
	.datactions { margin: 2%; width: 95%; }

	h2.breadcrumbs + .hr { margin-top: 0px; }	

	.boxer.dashboard,
	.homefeature, .homefeature.report {
		width:97.75%; 
		height:97.75%;
		margin-bottom: 4%;
	}	
		.homefeature.property .logo, .homefeature.property .logo.hover { 
			width: 25%;
			height: 25%;
			top: 45%;
			left: 10%;
		}
		.homefeature.product .logo, .homefeature.product .logo.hover { 
			height: 20%;
			top: 47.5%;
			right: 7.5%;
		}
		.homefeature .hider { display:none; }

	.boxer.dashboard .container H2 { height: 3.5%; padding: 1% 1% 3% 1%; }
	.boxer.dashboard .container H2 .icon { height: 100%; margin: 1% 2%; }
	.boxer.dashboard.report .aspecter { margin-top: 133%; }	
	.boxer.dashboard .container .graphholder { height: 83.75%; padding: 2% 2% 1% 2%; }
	.boxer.dashboard.report.preview2x1 .container .graphholder { height: 45%; }
	.boxer.dashboard.report.preview2x1 .preview { width: 100%; height: auto; }
	.boxer.dashboard.report.previewgallery .container .graphholder { height: 51%; }
	.boxer.dashboard .container .footer { 
		height: 5%;
		line-height: 20px;
		overflow-x: scroll;
		white-space: nowrap; 
	}

	.controller {
		width:97.75%;
		margin-bottom: 4%;
	}	

	.stockists .shop { width: 96%; }
	.stockists .shop .content.boxer .aspecter { margin-top: 40%; }

	.summaryboard { width: 98.75%; } 

	.gauge .analydata { 
		float: none;
    	margin: auto;
    	display:block;
	}
		.gauge .analydata .datum {
			padding: 2px 10px 5px 10px;
		}
		.gauge .analydata .datum, .analydata .verdivider {
		    display: inline-block;
		}
	
	.DataHeader .full { display: none; }
	.DataHeader .short { display: inline; }

	body.bands .band .left, body.bands .band .right {
	    display: block;
	    width: 98%;
	    float: none;
	    position: relative;
	}

	.collection .dress { width: 48.50%; }

	.GownInventoryItemRecord .officialPhoto { width: 99.5%; }
	#Popup .puWindow .puwContent { max-height: 70vh; }
	.GownInventoryItemRecord .datum, .GownInventoryItemRecord .datum.wide { width: 99%; }
	.GownInventoryItemRecord h2 { margin-top: 2.75%; }


	/* --------- Page : /Fashion/Collection/MSRPs ----------------------------------------------------- */
	#pageFashionMSRPs .sisters { display:block; }
	.MSRPs .region {
		float: none;
		display: block;
		width: 98%;
		max-width: unset;
		margin: auto;
	}

	/* --------- Page : /Fashion/Collection/Fullfillment ----------------------------------------------------- */
	#pageFashionFullfillments .sisters { display:block; }
	.GownFullfillmentTimes .region {
		float: none;
		display: block;
		width: 98%;
		max-width: unset;
		margin: auto;
	}

	/* --------- Page :  /Fashion/Collection/Fullfillment --------------------------------------------- */
	#GownLabelFullfillmentOptions { display: block; width: 97.75%; }
	.GownLabelFullfillmentOption { display: block; margin-bottom: 3%; }
	.GownLabelFullfillmentOption:after { content: ""; display: table; clear: both; border-spacing: 0; }
	.GownLabelFullfillmentOption .option_datum { display:block; width: unset; }
		.GownLabelFullfillmentOption .option_datum .label { width: 97%; margin: 1% auto 0px auto; }
		.GownLabelFullfillmentOption .option_datum.option_name input,
		.GownLabelFullfillmentOption .option_datum.option_description input { display:block; width: 97%; margin: 1px auto 0px auto; }
		.GownLabelFullfillmentOption .option_datum.option_submit .label { display:none; }
		.GownLabelFullfillmentOption .option_datum.option_submit input { display: block; width: 98%; margin: 1px auto; }
	.GownLabelFullfillmentOptions .GownLabelFullfillmentOption .option_datum .label { display:block; }

	/* --------- Page : /Inventory/Collection/popupItemRecord ----------------------------------------------------- */
	/* .GownInventoryItemRecord .officialPhoto.top { margin-bottom: 2%; } */
	.GownInventoryItemRecord .datum .label { width: 30%; }
	.GownInventoryItemRecord .datum .value { display: block; float: right; width: 59%; }
	.GownInventoryItemRecord .datum input.searchForSampleColour {
		float: unset;
		width: 80%;
		margin-left: 28px;
		margin-top: 1%;
	}
	.GownInventoryItemRecord .swatch .swatchcolour { width: 23.25%; }
	.GownInventoryItemRecord .swatch .swatchcolour.boxer .aspecter { margin-top: 100%; }
	.GownInventoryItemRecord .swatch .swatchcolour .label { top: 55%; }
	.GownInventoryItemRecord .swatch { max-height: 200px; }
	.GownInventoryItemRecord .datum textarea[name=SampleDescription] { height: 150px; }
	.GownInventoryItemRecord .officialPhoto.catalogue, 
	.GownInventoryItemRecord .editSamplePhotos .officialPhoto {
		width: 49%;
		margin-right: 0.85%;
		margin-bottom: 0.75%;
	}
	.GownInventoryItemRecord .editSamplePhotos { margin-bottom: 1.75%; }
	.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto .SamplePhoto { width: 100%; float: none; }
	.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto .updateSamplePhotoInfo { width: 96.5%; float: none; }

	/* --------- Page : /Connections  ---------------------------------------------------------------- */
	.Connections { max-width: 100%; }
	.Connections .datum.cDate { display: none; }
	.Connections .datum.location { display: none; }
	.Connections .datum.f { display: none; }
	.Connections .search input {
		font-size: 9px;
		width: 72px;
		padding: 1px;
	}
	.Connections .connection.footer .counter, 
	.Connections .connection.footer .eDate { display: none; }
	.Connections .connection.footer .inputBatch { width: 48px; }
	#Popup .ConnectionRecord.puWindow {
		display: inline-block;
		position: relative;
		width: 96%;
		min-width: 240px;
		left: 50%;
		transform: translateX(-50%);
	}
	.ConnectionRecord .info .Index .nav .control .arroe { vertical-align: middle; }
	.ConnectionRecord .info .Index .nav.prev .control .label,
	.ConnectionRecord .info .Index .nav.next .control .label  { display: none; }
	.ConnectionRecord .info .Tabs .tab .icon {
		display: inline-block;
		width: 18px;
		padding: 4px 0px;
		vertical-align: bottom;
	}
	.ConnectionRecord .info .Tabs .tab h3 {
		display: none;
	}

	/* --------- Page : /Info/BridalNetwork/Contact -------------------------------------------------- */
	#BNAddress {
		display: block;
		width: 94%;
		float: left;
		text-align: left;
	}
	#BNSocial { top: 0px; }
		#BNSocial img.soicon { margin: 7px 10px; }
	#BNEMailForm { width: 94%; }
		#BNEMailForm form input, #BNEMailForm form select, #BNEMailForm form textarea { width: 90%; }
		#BNEMailForm form textarea { height: 200px; }

	/* --------- Page : /Events ---------------------------------------------------------------------- */
	body.Events .Event { width: 98%; padding: 1%; }
	.Event .EventPoster .fainter { display:block; padding: 4%; }
	.Event .EventPoster .fainter .action { padding: 0px; margin: 6% 0% 2% 10%; }
	body.Events .PostersStock .stockposter { width: 45%; }	

	/* --------- Page : /Business/Announcements ------------------------------------------------------ */
	.formAnnouncement { width: 100%; }
	.formAnnouncement .element.date { float: none; }
	
}
/* -- MOBILE : single column : portrait -------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */