.bg434343					{	background-color: #434343;	}
.bgDAD						{	background-color: #DADAD9;	}
.bgfff80p						{	background-color: rgba(255,255,255,0.8);	}
.wShadow						{	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);	}
div.imgBlock img.dispInlineBlock		{	display: inline-block;	}

h2.formH { text-align: center;	}

#homePanelLiner hr,
#homePanelWideLiner hr,
#homePanelWideLeftLiner hr,
#homePanelFullLiner hr							{	width: 40%; margin: 0 30%; border-top: 0;border-right:0;border-bottom: 1px solid #464646;border-left:0;	}


/*	Tandem Builder Form styles*/

div.customBuilderBuild													{	width: 50%; float: left; margin: 0; padding: 0;	}
div.customBuilderBuildLiner											{	margin: 20px 10px; padding: 0;	}
div.customBuilderBuildImage											{	margin: 0; padding: 0;	}
div.customBuilderBuildImage img										{	width: 100%; display: block;	}

div#tandemBuilderPriceWeight											{	background: #464646; color: #FFFFFF;	border: 0; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);	}
div#tandemBuilderYourPrice2											{	width: 50%; float: left; background: transparent;	}
div#tandemBuilderYourBikeWeight2										{	width: 50%; float: left; background: transparent;	}
div#tandemBuilderYourPrice2 input.assembleItButton				{	width: 100%;	background: #E9731F; 	text-align: center; 	font-size: 140%; border: 2px outset #E9731F; padding: 5px 0; color: #FFFFFF;	border-radius: 0;	}
div#tandemBuilderYourPrice2 input									{	background: transparent; border: 0; width: 80%;	font-size: 140%; text-align: right; font-weight: bold; color: #FFFFFF; padding: 0; margin: 0;	}
div#tandemBuilderYourBikeWeight2 input								{	background: transparent; border: 0; width: 80%;	font-size: 140%; text-align: right; font-weight: bold; color: #FFFFFF; padding: 0;	margin-top: 0;	}
div#tandemBuilderPriceWeight div.liner								{	padding: 10px;	}
div#tandemBuilderYourBikeWeight2 .weightNotes					{	font-size: 60%;	}
div.halfSplit																{	width: 50%;	margin: 0;	padding: 0;	} 
div.floatedLeft															{	float: left;	} 
div.floatedRight															{	float: right;	} 

div.tandemBuilderConfirmation											{	background: #464646;	font-weight: bold; color: #FFFFFF;	margin-bottom: 10px;	padding: 10px;	border: 4px outset #464646;	text-align: center;	}
div#tandemBuilderPriceAndWeight										{	width: 40%;	position: fixed;	bottom: 10px;	left: 10px;  background: #464646; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; margin: 0;	border: 2px solid #FFFFFF;	border-radius: 0; z-index: 100000;	}
div#tandemBuilderYourPrice												{	background: transparent; color: #FFFFFF;	margin: 0 10px 0 0;	padding: 10px 0 0 10px;	} 
div#tandemBuilderGetQuote												{	background: transparent; color: #FFFFFF;	margin: 0 10px 0 0;	padding: 0 0 10px 10px;	} 
div#tandemBuilderGetQuote input.assembleItButton				{	width: 100%;	font-size: 140%;	background: #E9731F;	text-align: center;	border: 2px outset #E9731F; padding: 5px 0; color: #FFFFFF;	border-radius: 0;	}
div#tandemBuilderYourBikeWeight										{	background: transparent; color: #FFFFFF;	margin: 0 0 10px 10px;	padding: 10px 10px 0 0;	}

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


form.tandemBuilder														{	border: 0;	border-radius: 0;	padding: 0;	margin: 20px 0;	background-color: transparent;	}
form.tandemBuilder h3													{	border: 1px solid #464646;	padding: 10px;	margin: 10px;	background-color: #D5D5D5;	}
form.tandemBuilder fieldset											{	padding: 0 10px;	margin: 0 0 10px 0;	background-color: #FFF; border: 0; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);	}
form.tandemBuilder fieldset legend									{	font-weight: bold; width: 35%;	border: 0;	background-color: #E9731F;	color: #FFF; border: 0; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);	padding: 5px;	margin: 0 0 10px 0;	}

form.tandemBuilder div.buildOption									{	background-color: #E5E5E5;	margin: 0 0 10px 0; padding: 10px;	}
form.tandemBuilder div.groupOption									{	margin: 0;	padding: 0;	}
form.tandemBuilder div.groupOption label							{	font-size: 110%; font-weight: bold;	}
form.tandemBuilder div.groupOption input[type="radio"]		{	margin: 0;	padding: 0;	border: 0;	width: auto;	position: relative;	top: 0;	left: -2000px;	}
form.tandemBuilder div.groupOption input[type="checkbox"]	{	margin: 0;	padding: 0;	border: 0;	width: auto;	position: relative;	top: 0;	left: -2000px;	}
form.tandemBuilder select												{	font-family: "Lucida Console", Monaco, monospace; font-weight: normal; font-size: 90%; font-weight: normal; width: 80%; background: #CDEBE1 none repeat scroll 0 0; border: 1px solid #03996B; padding: 5px;	}
form.tandemBuilder select:disabled,
form.tandemBuilder select.disabled									{	background: #FFEEEE none repeat scroll 0 0; color: #FFEEEE; border: 1px solid #FFEEEE;	}
form.tandemBuilder select option										{	font-family: "Lucida Console", Monaco, monospace; font-weight: normal;	}
form.tandemBuilder select:disabled option,
form.tandemBuilder select.disabled option							{	font-family: "Lucida Console", Monaco, monospace; font-weight: normal; 	background-color: #FFEEEE; color: #FFEEEE;	}
form.tandemBuilder div.radioControl									{	width: 80%; float: left; 	}
form.tandemBuilder div.radioControl	select						{	width: 100%;	}

form.tandemBuilder div.checkboxControl								{	width: 80%; float: left; 	}
form.tandemBuilder div.checkboxControl	select					{	width: 100%;	}
form.tandemBuilder div.legendDescription							{	padding: 0;	margin: 0;	}
form.tandemBuilder div.optionDescription							{	width: 80%; float: left; font-size: 100%;	}
form.tandemBuilder div.optionImage									{	width: 15%; float: right; text-align: center;	background-color: #FFFFFF; border: 10px solid #FFFFFF;	}
form.tandemBuilder div.optionImage img								{	width: 100%;	}


div.tandemBuildSummary													{	background: transparent; font-weight: normal; color: #464646;	margin-bottom: 10px;	padding: 0;	border: 0;	}
div.tandemBuildSummary input.orderItButton						{	width: 50%; font-size: 150%;	background: #E9731F; color: #FFFFFF;	text-align: center; border: 2px outset #E9731F;	font-weight: bold;	border-radius: 0; margin: 0 0 20px 0;	}
div.tandemBuildSummary input.lockOutInput							{	width: 60%; float: left; background: #FFFFFF; color: #464646;	text-align: left; border: 0;	font-weight: bold;	}
div.tandemBuildSummary a.restartItButton							{	width: auto;	background: #C00; 	color: #FFFFFF;	text-align: center; border: 2px outset #C00;	border-radius: 0;	font-weight: bold;	padding: 2px 10px 1px 10px;	text-decoration: none;	}

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

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

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

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


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



div#widgetFAQ{margin:1em 0;padding:0;}
div#widgetFAQ dl.faqList{margin:0;padding:0;}
div#widgetFAQ dl.faqList dt.faqQ{border-radius:0;}
div#widgetFAQ dl.faqList dt.faqQ.faqClosed{border-radius:0;}
div#widgetFAQ dl.faqList dt.faqQ i{float:right;}
div#widgetFAQ dl.faqList dd.faqA{border-radius:0; background-color:#FFF;}



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

form#customForm											{	margin: 0;	padding: 20px 0; }
form#customForm div.fieldset							{	background-color:#FFF; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }
form#customForm fieldset								{	margin: 20px 0;	padding: 10px; border: 0; background-color:#FFF;  }
form#customForm legend									{	font-weight: bold; padding: 10px; border: 0; background-color:#FFF; color: #E9731F;	}
form#customForm fieldset div						  	{	margin: 0;	padding: 0;	}
form#customForm fieldset div.liner				  	{	margin: 0 10px;	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 div.halfWidth fieldset div label					{	width: 63%; }
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 #E6E6E6; padding: 2% 1%; border-radius: 0;	}
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 #E6E6E6; border-radius: 0; 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:#E6E6E6; color: #434343;	padding: 5px 10px;	font-size:120%; border: 2px outset #434343; border-radius: 0; }
form#customForm input[type="radio"]:checked + label	{	background-color:#E9731F; border: 2px inset #E9731F; color: #FFFFFF;	}
form#customForm input[type="checkbox"] 				{	display:none;	}
form#customForm fieldset div label.lblcb			{	display: inline-block; float: none; background-color:#E6E6E6; color: #FFFFFF;	padding: 5px 10px;	font-size:120%; border: 2px outset #434343; border-radius: 0; }
form#customForm input[type="checkbox"]:checked + label	{	background-color:#E9731F; border: 2px inset #E9731F;	}
form#customForm input#customFormButton				{	width: 50%; text-align: center; font-size: 120%; background-color: #E9731F; border: 2px outset #E9731F; border-radius: 5px; color: #FFFFFF; line-height: 180%; font-weight: bold; margin: 0 25%;	}
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 #E6E6E6; border-radius: 5px; 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;	}



#financeExamplesPanel		{	margin: 10px 0; padding: 10px; background-color:#FFF; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);	}


form#UserControls1{margin:0 5px 20px 5px;}
form#UserControls1 #UserControlSorts{width:50%;float:right;text-align:right;font-size:100%;}
form#UserControls1 #UserControlFiltersToggle{width:50%;float:left;font-size:100%;}
form#UserControls1 #UserControlFiltersToggle{width:50%;float:left;font-size:100%;}
form#UserControls1 #UserControlFilters{padding:0;margin:0 0 20px 0;clear:both;}
form#UserControls1 #UserControlFiltersNoFilters{padding:0;margin:20px 0 0 0;clear:both;}
form#UserControls1 div.filterToggle{padding:10px;margin:20px 0 0 0;font-size:100%;cursor:pointer;background-color:#EEE;border:1px solid #DDD;border-radius:0;}
form#UserControls1 div.filterToggle.filterActive{padding:10px;margin:20px 0 0 0;font-size:100%;cursor:pointer;background-color:#EFE;border:1px solid #090;border-radius:0;}
form#UserControls1 div.filterToggleOpen{padding:10px;margin:20px 0 0 0;font-size:100%;cursor:pointer;background-color:#EEE;border:1px solid #DDD;border-top-right-radius:0;border-top-left-radius:0;}
form#UserControls1 div.filterToggleOpen.filterActive{padding:10px;margin:20px 0 0 0;font-size:100%;cursor:pointer;background-color:#EFE;border:1px solid #090;border-top-right-radius:0;border-top-left-radius:0;}
form#UserControls1 div.filterToggle i,
form#UserControls1 div.filterToggleOpen i{float:right;}
form#UserControls1 div.filterToggle i.filterInactive,
form#UserControls1 div.filterToggleOpen i.filterInactive{display:none;}
form#UserControls1 div.filterToggle i.fa-check,
form#UserControls1 div.filterToggleOpen i.fa-check{margin-right:20px;}
form#UserControls1 div.filterOptions{padding:10px;margin:0 0 20px 0;background-color:#FFF;border-top:0px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;border-left:1px solid #DDD;border-bottom-right-radius:0;border-bottom-left-radius:0;}
form#UserControls1 .arrowUp,
form#UserControls1 .arrowDown{cursor:pointer;display:inline-block;padding:10px;margin:0 0 0 10px;background-color:#EEE;border:1px solid #CCC;border-radius:0;}
form#UserControls1 .selected{background-color:#EFE;border-color:#090;}
form#UserControls1 .filtersLabel{cursor:pointer;display:inline-block;padding:10px;margin:0;background-color:#EEE;border:1px solid #DDD;border-radius:0;}
form#UserControls1 .filtersLabel:hover{color:#FFF;background-color:#C00;border-color:#900;}
form#UserControls1 div.refreshButton span{cursor:pointer;display:inline-block;padding:10px;margin:20px 0 0 0;background-color:#EFE;border:1px solid #090;border-radius:0;}
form#UserControls1 div.refreshButton span:hover{color:#FFF;background-color:#090;border-color:#090;}
form#UserControls1 a.filtersReset{display:inline-block;padding:10px;margin:20px 0 0 20px;background-color:#FEE;border:1px solid #900;border-radius:0;font-weight:normal;text-decoration:none;}
form#UserControls1 a.filtersReset:hover{color:#FFF;background-color:#C00;border-color:#900;}
form#UserControls1 div#UserControlFiltersToggle a.filtersReset{margin:0 0 0 5px;background-color:#FEE;border-color:#900;display:none;}
form#UserControls1 div#UserControlFiltersToggle a.filtersReset:hover{background-color:#C00;border-color:#900;}
form#UserControls1 div#UserControlFiltersToggle.filterActive a.filtersReset{display:inline;}
form#UserControls1 div#UserControlFiltersToggle.filterActive .filtersLabel{background-color:#EFE;border:1px solid #090;}
form#UserControls1 div#UserControlFiltersToggle.filterActive .filtersLabel:hover{background-color:#090;border-color:#090;}
div.filtersNoMatch{margin:20px 10px;padding:20px;text-align:center;background-color:#FEE;color:#900;border:1px solid #900;border-radius:0;}



@media only screen 
and (max-width : 767px) {
		div#tandemBuilderPriceAndWeight								{	width: 100%;	font-size: 80%; position: fixed;	top: auto;	bottom: 0; right: 0; left: 0;	background: #464646; color: #FFFFFF; margin: 0 auto;	border: 0px solid #FFFFFF;	border-top-left-radius: 20px;	border-top-right-radius: 20px; border-bottom-right-radius: 0;	border-bottom-left-radius: 0; z-index: 100000;	}
		form.tandemBuilder												{	padding: 5px;	}
}