.flexGroup													{	display:flex; flex-direction: row; flex-wrap: nowrap;justify-content: flex-start;align-items: center;align-content: stretch;	}
.flexReverse												{	flex-direction: row-reverse;	}
.flexRow2													{	flex-direction: row;	}
.flexPair													{	flex: 1 1 50%;	}
.flexTriplet												{	flex: 1 1 33.33%;	}
.flexQuad													{	flex: 1 1 25%;	}
.flexTextWrapper											{	display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: transparent;	height: 100%; padding:10%;}



.wShadow {    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);}

.bgCeleste					{	background-color: #71B09F;	}
.bgDark					{	background-color: #2b2b2b;	}
.bgLight					{	background-color: #F0F0F0;	}
.colCeleste					{	color: #71B09F;	}
.colDark						{	color: #2b2b2b;	}
h1 .colCeleste					{	color: #71B09F;	}
h1 .colDark						{	color: #2b2b2b;	}
h2 .colCeleste					{	color: #71B09F;	}
h2 .colDark						{	color: #2b2b2b;	}

.bgelmyCeleste						{background-color:#71B09F;}

.elmyCeleste						{color:#71B09F;}

a.hpFocus				{background-color:#71B09F; color:#fff;text-align:center;display:block;text-decoration:none;font-weight: 900;line-height:2em;}
a.hpFocus:hover		{background-color:#558477;}

a.buttonLink					{display: block;width: 50%;margin: 1em auto;background-color: rgba(122,192,65,1); color: #FFF; text-transform:uppercase;text-align:center; padding: 0.5em;font-weight:bold; transition: background-color 250ms ease;}
a.buttonLink:hover			{background-color: rgba(122,192,65,0.5);}


a.asButton											{	display: block; width: 100%; max-width:250px; padding: 10px 0; border: 1px solid #71B09F; background-color: #71B09F; color: #FFF; text-decoration:none;	 transition: background-color 250ms ease, color 250ms ease; margin: 20px auto; text-align:center;	}
a.asButton.wide									{	max-width:500px;	}
a.asButton:hover									{	background-color: #FFF; color: #71B09F;	}

a.asButton.sGhost									{	background-color: #FFF; color: #71B09F;	}
a.asButton.sGhost:hover							{	background-color: #71B09F; color: #FFF;	}
a.asButton.ctaSolid								{	border: 1px solid #FF9000; background-color: #FF9000; color: #FFF;	}
a.asButton.ctaSolid:hover						{	background-color: #FFF; color: #FF9000;	}
a.asButton.ctaGhost								{	border: 1px solid #FF9000; background-color: #FFF; color: #FF9000;	}
a.asButton.ctaGhost:hover						{	background-color: #FF9000; color: #FFF;	}
a.asButton.altSolid								{	border: 1px solid #D60000; background-color: #D60000; color: #FFF;	}
a.asButton.altSolid:hover						{	background-color: #FFF; color: #D60000;	}
a.asButton.altGhost								{	border: 1px solid #D60000; background-color: #FFF; color: #D60000;	}
a.asButton.altGhost:hover						{	background-color: #D60000; color: #FFF;	}


.highlight				{	color: #D60000;	}
.highlight10			{	color: #D60000;	}
.highlight8				{	color: #D60000; font-size: 80%;	}


.toPointer:hover			{	cursor: pointer;	}

div.openTextPanel1															{	margin: 0;	}
div.openTextPanel2															{	margin: 0;	}
#slidesContainer																{	margin: 0;	}

div.inStockAlert {
    background-color: transparent;
    color: #71B09F;
    text-align:center;
}
div.inWarehouseAlert {
    background-color: transparent;
    color: #5f5f5f;
    text-align:center;
}
div.unavailableAlert {
    background-color: transparent;
    color: #D60000;
    text-align:center;
}
div.unavailableAlertLiner {
    margin: 5px 10px;
}


#siteFooters #footerColumns #footerColumnsCol2 dl dt	{	display: block; margin: 0; padding: 0; width: 50%; float: left; clear: left;	}
#siteFooters #footerColumns #footerColumnsCol2 dl dd	{	display: block; margin: 0; padding: 0; width: 50%; float: left;	}



table#service_matrix							{	width: 100%;	border: 1px solid #999999;	border-collapse: collapse;	border-spacing: 0px; }
table#service_matrix tbody tr				{	background-color: #ffffff;  color: #000000; }
table#service_matrix tbody tr.tswOddRow	{	background-color: #e6e6e6; }
table#service_matrix td						{	border: 1px solid #cccccc;	padding: 5px; text-align: center; }
table#service_matrix thead					{	background-color: #808080;	color: #ffffff;	}
table#service_matrix th						{	text-align: center;	border: 0px solid #cccccc;	padding: 5px;	}
table#service_matrix th.tcw5				{	width: 5%;	}
table#service_matrix th.tcw15				{	width: 10%;	}
table#service_matrix th.tcw15				{	width: 15%;	}
table#service_matrix th.tcw20				{	width: 20%;	}
table#service_matrix th.tcw25				{	width: 25%;	}
table#service_matrix th.tcw30				{	width: 30%;	}
table#service_matrix th.tcw35				{	width: 35%;	}
table#service_matrix th.tcw40				{	width: 40%;	}
table#service_matrix th.tcw45				{	width: 45%;	}
table#service_matrix th.tcw50				{	width: 50%;	}
table#service_matrix th.tcw55				{	width: 55%;	}
table#service_matrix th.tcw60				{	width: 60%;	}
table#service_matrix th.tcw65				{	width: 65%;	}
table#service_matrix th.tcw70				{	width: 70%;	}
table#service_matrix th.tcw75				{	width: 75%;	}
table#service_matrix th.tcw80				{	width: 80%;	}
table#service_matrix th.tcw85				{	width: 85%;	}
table#service_matrix th.tcw90				{	width: 90%;	}
table#service_matrix th.tcw95				{	width: 95%;	}
table#service_matrix th[scope=row]		{	text-align: left;	font-weight: normal;	border: 1px solid #cccccc;	}




/*	Added by Si (16/1/2016 for custom form)	*/

form#customForm											{	margin: 20px 10px;	padding: 0; }
form#customForm fieldset								{	margin: 20px 0;	padding: 10px; border: 1px solid #707070; border-radius: 10px; background-color:#ebebeb; }
form#customForm legend									{	font-weight: bold; padding: 10px; border: 1px solid #707070; border-radius: 10px; background-color:#707070; color: #FFFFFF;	}
form#customForm fieldset div						  	{	margin: 0;	padding: 0;	}
form#customForm fieldset div.requiredField,
form#customForm fieldset div.optionalField	  	{	clear: both; margin: 0 0 20px 0	}
form#customForm fieldset div.obfuscField		  	{	position: absolute; left: -5000px; }
form#customForm fieldset div.fieldOptions		  	{	clear: none; width: 70%; float: left; }
form#customForm fieldset div label					{	display: block; float: left; width: 28%; padding: 0; margin: 0 2% 20px 0; text-align: right; font-size: 100%; }
form#customForm fieldset div label.req 			{	font-weight: bold; }
form#customForm fieldset div label.rg	 			{	font-weight: bold; }
form#customForm fieldset div label.cbg	 			{	font-weight: bold; }
form#customForm fieldset div label.lblta			{	display: block; float: none; width: auto; text-align: left; }
form#customForm fieldset div label.lblrb			{	display: inline-block; float: none; width: auto; text-align: center; }
form#customForm fieldset div label.lblcb			{	display: inline-block; float: none; width: auto; text-align: center; }
form#customForm select									{	width: 50%; background: #FFFFFF none repeat scroll 0 0; border: 1px solid #c2c2c2; padding: 2% 1%; border-radius: 5px;	}
form#customForm select.short							{	width: auto; margin-bottom: 20px;	}
form#customForm input[type="text"],
form#customForm input[type="search"],
form#customForm input[type="email"],
form#customForm input[type="url"]					{	padding: 10px;	margin: 0;	border: 1px solid #c2c2c2; border-radius: 10px; background-color:#FFFFFF; font-size: 120%;	}

form#customForm input[type="text"]					{	width: 50%;	}
form#customForm input[type="email"]					{	width: 50%;	}
form#customForm input[type="url"]					{	width: 50%;	}
form#customForm input[type="radio"] 				{	display:none;	}
form#customForm fieldset div label.lblrb			{	display: inline-block; float: none; background-color:#707070; color: #FFFFFF;	padding: 5px 10px;	font-size:120%; border: 2px outset #707070; border-radius: 5px; }
form#customForm input[type="radio"]:checked + label	{	background-color:#71B09F; border: 2px inset #71B09F;	}
form#customForm input[type="checkbox"] 				{	display:none;	}
form#customForm fieldset div label.lblcb			{	display: inline-block; float: none; background-color:#707070; color: #FFFFFF;	padding: 5px 10px;	font-size:120%; border: 2px outset #707070; border-radius: 5px; }
form#customForm input[type="checkbox"]:checked + label	{	background-color:#71B09F; border: 2px inset #71B09F;	}
form#customForm input#customFormButton				{	width: 50%; text-align: center; font-size: 120%; background-color: #71B09F; border: 2px outset #71B09F; border-radius: 10px; color: #FFFFFF; line-height: 180%; font-weight: bold;	}
form#customForm input.price							{	width: 15%;	}
form#customForm input.amount							{	width: 15%;	}
form#customForm input.pcode							{	width: 15%;	}
form#customForm input.tel								{	width: 25%;	}
form#customForm textarea								{	width: 98%; height: 3em; padding: 10px 1%;	margin: 0;	border: 1px solid #c2c2c2; border-radius: 10px; background-color:#FFFFFF; font-size: 120%;	}
form#customForm textarea.tarea5005					{	width: 50%; height: 5em;	}
form#customForm textarea.tarea1002					{	height: 2em;	}
form#customForm textarea.tarea1003					{	height: 3em;	}
form#customForm textarea.tarea1004					{	height: 4em;	}
form#customForm textarea.tarea1005					{	height: 5em;	}
form#customForm textarea.tarea1006					{	height: 6em;	}
form#customForm textarea.tarea1007					{	height: 7em;	}
form#customForm textarea.tarea1008					{	height: 8em;	}
form#customForm textarea.tarea1009					{	height: 9em;	}
form#customForm textarea.tarea10010					{	height: 10em;	}
form#customForm textarea#matchComments				{	width: 98%; height: 7em;	}
form#customForm textarea#matchAddress				{	width: 50%; height: 5em;	}











/*	Brompton Builder Form styles*/

div#bromptonBuilderPriceWeight											{	background: #2b2b2b; color: #FFFFFF;	border: 0px solid #2b2b2b;	border-radius: 20px;	}
div#bromptonBuilderYourPrice2												{	width: 50%; float: left; background: transparent;	}
div#bromptonBuilderYourBikeWeight2										{	width: 50%; float: left; background: transparent;	}
div#bromptonBuilderYourPrice2 input.assembleItButton				{	width: 100%;	background: #71B09F; 	text-align: center; 	font-size: 140%; border: 2px outset #71B09F; padding: 5px 0; color: #FFFFFF;	border-radius: 10px;	}
div#bromptonBuilderYourPrice2 input										{	background: transparent; border: 0; width: 80%;	font-size: 140%; text-align: right; font-weight: bold; color: #FFFFFF; padding: 0; margin: 0;	}
div#bromptonBuilderYourBikeWeight2 input								{	background: transparent; border: 0; width: 80%;	font-size: 140%; text-align: right; font-weight: bold; color: #FFFFFF; padding: 0;	margin-top: 0;	}
div#bromptonBuilderPriceWeight div.liner								{	padding: 10px;	}
div#bromptonBuilderYourBikeWeight2 .weightNotes						{	font-size: 60%;	}
div.halfSplit																	{	width: 50%;	margin: 0;	padding: 0;	} 
div.floatedLeft																{	float: left;	} 
div.floatedRight																{	float: right;	} 

div.bromptonBuilderConfirmation											{	background: #D60000;	font-weight: bold; color: #FFFFFF;	margin-bottom: 10px;	padding: 10px;	border: 4px outset #D60000;	text-align: center;	}
div#bromptonBuilderPriceAndWeight										{	width: 40%;	position: fixed;	bottom: 10px;	left: 10px;  max-width: 600px; background: #2b2b2b; color: #FFFFFF; margin: 0 0 0 0;	border: 2px solid #FFFFFF;	border-radius: 20px; z-index: 100000;	}
div#bromptonBuilderYourPrice												{	background: transparent; color: #FFFFFF;	margin: 0 10px 0 0;	padding: 10px 0 0 10px;	} 
div#bromptonBuilderGetQuote												{	background: transparent; color: #FFFFFF;	margin: 0 10px 0 0;	padding: 0 0 10px 10px;	} 
div#bromptonBuilderGetQuote input.assembleItButton					{	width: 100%;	font-size: 140%;	background: #71B09F;	text-align: center;	border: 2px outset #71B09F; padding: 5px 0; color: #FFFFFF;	border-radius: 10px;	}
div#bromptonBuilderYourBikeWeight										{	background: transparent; color: #FFFFFF;	margin: 0 0 10px 10px;	padding: 10px 10px 0 0;	}

div#bromptonBuilderYourPrice input										{	background: transparent; border: 0;	width: 80%; font-size: 140%;	text-align: right; font-weight: bold; color: #FFFFFF; padding: 0; margin: 0;	}
div#bromptonBuilderYourBikeWeight input								{	background: transparent; border: 0; width: 80%; font-size: 140%;	text-align: right; font-weight: bold; color: #FFFFFF; padding: 0; margin: 0;	}
div#bromptonBuilderYourBikeWeight .weightNotes						{	font-size: 70%; }


form.bromptonBuilder															{	border: 1px solid #71B09F;	border-radius: 20px;	padding: 10px;	margin: 10px 0;	background-color: #F1F7F5;	}
form.bromptonBuilder h3														{	border: 1px solid #71B09F;	padding: 10px;	margin: 10px;	background-color: #F1F7F5;	}
form.bromptonBuilder fieldset												{	padding: 0 10px;	margin-bottom: 10px;	background-color: #FFFFFF;	}
form.bromptonBuilder fieldset legend									{	font-weight: bold; width: 35%;	border: 0px outset #2b2b2b; border-radius: 10px;	background-color: #2b2b2b;	color: #FFFFFF;	padding: 5px;	margin: 0 0 10px 0;	}

form.bromptonBuilder div.buildOption									{	background-color: #F1F7F5;	margin: 0 0 10px 0; padding: 10px;	}
form.bromptonBuilder div.groupOption									{	margin: 0;	padding: 0;	}
form.bromptonBuilder div.groupOption label							{	font-size: 110%; font-weight: bold;	}

form.bromptonBuilder div.groupOption input[type=checkbox]		{	margin: 0;	padding: 0;	border: 0;	width: auto;	position: relative;	top: 0;	left: -2000px;	}

form.bromptonBuilder div.groupOption input[type=checkbox] + label{}
form.bromptonBuilder div.groupOption input[type=checkbox] + label:before{display: inline-block;float:left;font: normal normal normal 14px/1 FontAwesome;color:#D60000;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: '\f096'; font-size: 160%;margin-right:13px;	}
form.bromptonBuilder div.groupOption input[type=checkbox]:checked + label{} 
form.bromptonBuilder div.groupOption input[type=checkbox]:checked + label:before{display: inline-block;float:left;font: normal normal normal 14px/1 FontAwesome;color:#71B09F;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: '\f046'; font-size: 160%; margin-right:10px;	}

form.bromptonBuilder div.groupOption input[type="radio"]			{	margin: 0;	padding: 0;	border: 0;	width: auto;	position: relative;	top: 0;	left: -2000px;	}

form.bromptonBuilder div.groupOption input[type="radio"]+label{}
form.bromptonBuilder div.groupOption input[type="radio"]+label:before{display: inline-block;float:left;font: normal normal normal 14px/1 FontAwesome;color:#D60000;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: '\f096'; font-size: 160%;margin-right:13px;	}
form.bromptonBuilder div.groupOption input[type="radio"]:checked+label{} 
form.bromptonBuilder div.groupOption input[type="radio"]:checked+label:before{display: inline-block;float:left;font: normal normal normal 14px/1 FontAwesome;color:#71B09F;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: '\f046'; font-size: 160%; margin-right:10px;	}

form.bromptonBuilder div.groupOption img.radio	{ display:none; }
form.bromptonBuilder div.groupOption img.checkbox	{ display:none; }

form.bromptonBuilder select												{	font-family: "Lucida Console", Monaco, monospace; font-weight: normal; font-size: 100%; font-weight: normal; width: 80%; background: #FFF none repeat scroll 0 0; border: 1px solid #71B09F; padding: 5px;	}
form.bromptonBuilder select:disabled,
form.bromptonBuilder select.disabled									{	background: #FBE5E5 none repeat scroll 0 0; color: #FBE5E5; border: 1px solid #FBE5E5;	}
form.bromptonBuilder select option										{	font-family: "Lucida Console", Monaco, monospace; font-weight: normal;	}
form.bromptonBuilder select:disabled option,
form.bromptonBuilder select.disabled option							{	font-family: "Lucida Console", Monaco, monospace; font-weight: normal; 	background-color: #FBE5E5; color: #FBE5E5;	}
form.bromptonBuilder div.radioControl									{	width: 70%; float: left; 	}
form.bromptonBuilder div.checkboxControl								{	width: 70%; float: left; 	}
form.bromptonBuilder div.legendDescription							{	padding: 0;	margin: 0;	}
form.bromptonBuilder div.optionDescription							{	width: 70%; float: left; font-size: 100%;	}
form.bromptonBuilder div.optionImage									{	width: 15%; float: right; text-align: center;	background-color: #FFFFFF; border: 10px solid #FFFFFF;	}
form.bromptonBuilder div.optionImage img								{	width: 100%;	}


div.bromptonBuildSummary													{	background: #FFFFFF; font-weight: normal; color: #000000;	margin-bottom: 10px;	padding: 0;	border: 0;	}
div.bromptonBuildSummary input.orderItButton							{	width: 30%; font-size: 150%;	background: #71B09F; color: #FFFFFF;	text-align: center; border: 2px outset #71B09F;	font-weight: bold;	border-radius: 10px;	}
div.bromptonBuildSummary input.lockOutInput							{	width: 60%; float: left; background: #FFFFFF; color: #000000;	text-align: left; border: 0;	font-weight: bold;	}
div.bromptonBuildSummary a.restartItButton							{	width: auto;	background: #D60000; 	color: #FFFFFF;	text-align: center; border: 2px outset #D60000;	border-radius: 10px;	font-weight: bold;	padding: 2px 10px 1px 10px;	text-decoration: none;	}

div.bromptonBuildSummary table											{	border: 0; padding: 0; margin: 0; border-collapse: collapse;	}
div.bromptonBuildSummary table th.rowTH								{	font-weight: bold; text-align: left; width: 25%;	}
div.bromptonBuildSummary table th.totalTH								{	font-weight: bold; text-align: right;	}
div.bromptonBuildSummary table td.optionName							{	font-weight: normal; text-align: left; width: 50%;	}
div.bromptonBuildSummary table td.priceCell							{	font-weight: normal; text-align: right; width: 25%;	}

div.bromptonBuildSummary div.required,
div.bromptonBuildSummary div.optional									{	clear: both;	}

div.bromptonBuildSummary label											{	width: 33%; float: left; margin-bottom: 1em;	}
div.bromptonBuildSummary input[type="text"],
div.bromptonBuildSummary input[type="email"]							{	width: 60%; float: left;	}
div.bromptonBuildSummary input[type="text"].smaller,
div.bromptonBuildSummary input[type="email"].smaller				{	width: 40%; float: left;	}
div.bromptonBuildSummary input[type="text"].smallest,
div.bromptonBuildSummary input[type="email"].smallest				{	width: 20%; float: left;	}
div.bromptonBuildSummary textarea										{	width: 100%; height: 4em; margin-bottom: 1em;	}

div.bromptonBuildSummary div.required label							{	font-weight: bold;	}
div.bromptonBuildSummary div.optional label							{	font-weight: normal;	}


form.bromptonBuilder table													{	padding: 0;	margin: 0;	border-collapse: collapse;	font-size: 1em;	}
form.bromptonBuilder th.groupName										{	text-align: left;	}
form.bromptonBuilder th.totalPriceHeading								{	text-align: right;	}
form.bromptonBuilder td.optionName										{	text-align: left;	}
form.bromptonBuilder td.priceCell										{	text-align: right;	}
form.bromptonBuilder td.totalPriceCell									{	text-align: right;	font-weight: bold;	}
form.bromptonBuilder fieldset label.leftLabel 						{  float:left;  width:40%;  margin-right:0.5em;  padding-top:0.2em;  text-align:right;  font-weight:bold;	}