/*	Cycle Schemes Enquiry Form styles*/

form#bike2workForm																				{	margin: 20px;	padding: 0;	}
form#bike2workForm fieldset																	{	margin: 0 0 20px 0;	padding: 10px;	}
form#bike2workForm fieldset legend															{	font-size: 120%;	font-weight: bold;	}
form#bike2workForm fieldset div																{	margin: 0 0 10px 0;	padding: 0;	}
form#bike2workForm fieldset div.obfuscField												{	display: none;	}
form#bike2workForm fieldset div.radio														{	position: relative;	}
form#bike2workForm fieldset div.requiredField label									{	background-color: #E0E0E0;	width: 30%;	text-align: right;	font-weight: bold;	display: inline-block;	float: left;	border: 1px solid #808080;	padding: 2px 10px 2px 10px;	margin: 0 10px 0 0;	}
form#bike2workForm fieldset div.optionalField label									{	background-color: #E0E0E0;	width: 30%;	text-align: right;	font-weight: normal;	display: inline-block;	float: left;	border: 1px solid #808080;	padding: 2px 10px 2px 10px;	margin: 0 10px 0 0;	}
form#bike2workForm fieldset div.radio label												{	background-color: #E0E0E0;	width: 60%;	text-align: left;	font-weight: bold;	display: inline-block;	padding: 5px 10px;	margin: 0 0 5px 0;	line-height: 30px;	}
form#bike2workForm fieldset div input														{	width: 60%;	border: 1px solid #808080;	padding: 4px;	}
form#bike2workForm fieldset div textarea													{	width: 60%;	height: 50px;	border: 1px solid #808080;	padding: 4px;	}
form#bike2workForm fieldset div.radio input[type="radio"] 							{	margin: 0;	padding: 0;	border: 0;	width: auto;	position: relative;	top: 0;	left: -2000px;	}
form#bike2workForm fieldset div.radio img.radio 										{	margin: 0;	padding: 0;	border: 0;	float: left;	}





/*	Brompton Builder Form styles*/

div#bromptonBuilderPriceWeight											{	background: #2D2E82; color: #FFFFFF;	border: 0px solid #2D2E82;	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: #93C01F; 	text-align: center; 	font-size: 140%; border: 2px outset #93C01F; 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: #2D2E82;	font-weight: bold; color: #FFFFFF;	margin-bottom: 10px;	padding: 10px;	border: 4px outset #2D2E82;	text-align: center;	}
div#bromptonBuilderPriceAndWeight										{	width: 40%;	position: fixed;	bottom: 10px;	left: 10px;  background: #2D2E82; 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: #93C01F;	text-align: center;	border: 2px outset #93C01F; 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 #2D2E82;	border-radius: 20px;	padding: 10px;	margin: 10px 0;	background-color: #D5D5E6;	}
form.bromptonBuilder h3														{	border: 1px solid #2D2E82;	padding: 10px;	margin: 10px;	background-color: #D5D5E6;	}
form.bromptonBuilder fieldset												{	padding: 0 10px;	margin-bottom: 10px;	background-color: #FFFFFF;	}
form.bromptonBuilder fieldset legend									{	font-weight: bold; width: 35%;	border: 0px outset #2D2E82; border-radius: 10px;	background-color: #2D2E82;	color: #FFFFFF;	padding: 5px;	margin: 0 0 10px 0;	}

form.bromptonBuilder div.buildOption									{	background-color: #E9EAF2;	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="radio"]			{	margin: 0;	padding: 0;	border: 0;	width: auto;	position: relative;	top: 0;	left: -2000px;	}
form.bromptonBuilder div.groupOption input[type="checkbox"]		{	margin: 0;	padding: 0;	border: 0;	width: auto;	position: relative;	top: 0;	left: -2000px;	}
form.bromptonBuilder select												{	font-family: "Lucida Console", Monaco, monospace; font-weight: normal; font-size: 100%; font-weight: normal; width: 80%; background: #E9F2D2 none repeat scroll 0 0; border: 1px solid #93C01F; padding: 5px;	}
form.bromptonBuilder select:disabled,
form.bromptonBuilder select.disabled									{	background: #FFEEEE none repeat scroll 0 0; color: #FFEEEE; border: 1px solid #FFEEEE;	}
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: #FFEEEE; color: #FFEEEE;	}
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: 50%; font-size: 150%;	background: #93C01F; color: #FFFFFF;	text-align: center; border: 2px outset #93C01F;	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: #BD1622; 	color: #FFFFFF;	text-align: center; border: 2px outset #BD1622;	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;	}


/*	Special Box Styles*/
.borderSetBlue																	{	border: 5px solid #2D2E82; padding: 15px; margin-bottom: 20px;	}
.borderSetRed																	{	border: 5px solid #BD1622; padding: 15px; margin-bottom: 20px;	}
.borderSetGreen																{	border: 5px solid #93C01F; padding: 15px; margin-bottom: 20px;	}
.borderSetTurqoise															{	border: 5px solid #35A8E0; padding: 15px; margin-bottom: 20px;	}
.borderSetGrey																	{	border: 5px solid #E5E5E5; padding: 15px; margin-bottom: 20px;	}
.borderRadius20																{	border-radius: 20px;	}
.borderRadius10																{	border-radius: 10px;	}
.borderRadius5																	{	border-radius: 5px;	}






.reset					{	clear: both;	}
div#screenreader		{	position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }

td, th					{	vertical-align: top;	}
.thr						{	font-weight: bold; text-align: left;	}
.thc						{	font-weight: bold; text-align: center;	}

.halfWidth				{	width: 50%;	}
.thirdWidth				{	width: 33.33%;	}
.quarterWidth			{	width: 25%;	}
.fifthWidth				{	width: 20%;	}
.eighthWidth			{	width: 12.5%;	}
.floatLeft				{	float: left;	}
.highlight10			{ color: #BD1622; font-weight: bold;	}
.highlight8				{ color: #BD1622; font-weight: bold;	}
.highlight				{ color: #BD1622; font-weight: bold;	}
.red						{ color: #BD1622;	}
.bgf00					{	background-color: #BD1622;	}
.colc00					{	color: #BD1622;	}
	


div.productError		{	background-color: #BD1622; border: 5px outset #BD1622;	}

/* Customer responses */
div#updateCustomerTextSuccess	{	background-color: #93C01F; border: 5px outset #93C01F;	}
div#updateCustomerTextAlert	{	background-color: #BD1622; border: 5px outset #BD1622;	}
div.updateCustomerTextSuccess	{	background-color: #93C01F; border: 5px outset #93C01F;	}
div.updateCustomerTextAlert	{	background-color: #BD1622; border: 5px outset #BD1622;	}





@media only screen 
and (max-width : 767px) {
		form#bike2workForm													{	margin: 10px 0;	padding: 0;	}
		div#bromptonBuilderPriceAndWeight								{	width: 100%;	font-size: 80%; position: fixed;	top: auto;	bottom: 0; right: 0; left: 0;	background: #2D2E82; 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.bromptonBuilder													{	padding: 5px;	}
}