#enquiry-wizard {clear:both; color:#333}
#enquiry-wizard h3 {margin-bottom:0.75em}
#enquiry-wizard p {margin-bottom:1em}

#enquiry-wizard .ew-steps {
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border:1px solid #ddd; 
	border-radius:5px
}
	
#enquiry-wizard .ew-step {position:relative}
#enquiry-wizard #ew-step2 {top:-1px}
#enquiry-wizard #ew-step3 {top:-2px}

#enquiry-wizard .ew-title {overflow:hidden; padding:4px 16px;}
#enquiry-wizard #ew-step1 .ew-title {border-bottom:1px solid #ddd}
#enquiry-wizard #ew-step2 .ew-title {border-top:1px solid #ddd; border-bottom:1px solid #ddd}
#enquiry-wizard #ew-step3 .ew-title {border-top:1px solid #ddd}

#enquiry-wizard .ew-step.ew-active .ew-title {border-bottom:0 none}


#enquiry-wizard .ew-title h4 {color:#222; float:left; font-size:1.375rem; line-height:1.5; font-weight:bold}
#enquiry-wizard .ew-title a {float:right; font-size:1rem; line-height:2; display:inline-block; color:#aaa; font-weight:bold; text-decoration:underline; padding-left:36px}
#enquiry-wizard .ew-title a:hover {color:#222;}

#enquiry-wizard .ew-body {padding:16px;}

#enquiry-wizard form {padding:0; border:0; margin:0;}
#enquiry-wizard fieldset {margin-bottom:16px;}
#enquiry-wizard form label {display:inline-block; float:left; width:90%; font-size:1rem; color:#444;}
#enquiry-wizard form label.error {font-size:0.75rem; color:#ff0000; margin:4px 0 0}
#enquiry-wizard input[type="text"]   {color:#444; background-color:#fff; margin:0; width:90%; float:left; padding:5px; border:1px solid #ddd; font-size:1rem; box-shadow:2px 2px 5px -4px rgba(0, 0, 0, 0.4) inset; border-radius:5px}
#enquiry-wizard input[type="radio"]   {float:left; width:auto; margin:0 6px 0 2px; height:24px;}
#enquiry-wizard input.error   {color:#ff0000;}
#enquiry-wizard select {color:#444; background-color:#fff; margin:0; width:90%; float:left; padding:5px; border:1px solid #ddd; font-size:1rem; box-shadow:2px 2px 5px -4px rgba(0, 0, 0, 0.4) inset; border-radius:5px}
#enquiry-wizard select.ew-left {width:42.5%; margin-right:5%}
#enquiry-wizard select.ew-right {width:42.5%; margin-right:0; clear:none}
#enquiry-wizard textarea  {color:#444; background-color:#fff; margin:0; width:90%; height:100px; float:left; padding:5px; border:1px solid #ddd; font-size:1rem; resize:none; box-shadow:2px 2px 5px -4px rgba(0, 0, 0, 0.4) inset; border-radius:5px}
#enquiry-wizard .ew-radios {clear:both; width:90%}
#enquiry-wizard .ew-radios label {width:auto; margin-right:20px}
#enquiry-wizard span.ew-fine {display:block; clear:both; font-size:0.75rem; color:#444}
#enquiry-wizard span.ew-info {display:block; clear:both; font-size:1rem; margin-bottom:1em}
#enquiry-wizard span.ew-status {display:block; height:30px; width:24px; float:right; clear:both;}
#enquiry-wizard fieldset.passed span.ew-status {background:url('http://images.qualitysolicitors.com/img/ewicons2.png') no-repeat scroll left 0 transparent}
#enquiry-wizard fieldset.failed span.ew-status {background:url('http://images.qualitysolicitors.com/img/ewicons2.png') no-repeat scroll left -28px transparent}

#enquiry-wizard .ew-button {display:inline-block; width:auto; clear:both; background-color:#f6279f; color:white; font-size:1.125rem; font-weight:bold; text-decoration:none; border:0 none; padding:6px 1em; margin:16px 0; border-radius:5px}
#enquiry-wizard .ew-button:hover {background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%)}

#enquiry-wizard .ew-active .ew-title h4 {color:#222}
#enquiry-wizard .ew-active .ew-title a {display:none}

#enquiry-wizard .ew-complete .ew-title {transition:background-color 1s}
#enquiry-wizard .ew-complete .ew-title h4 {color:#aaa}
#enquiry-wizard .ew-complete .ew-title a {background:url('http://images.qualitysolicitors.com/img/ewcomplete2.png') no-repeat scroll left 50% transparent;}
#enquiry-wizard .ew-complete .ew-title a:hover {color:#000}

#enquiry-wizard .ew-locked .ew-title h4 {color:#aaa;}
#enquiry-wizard .ew-locked .ew-title a {display:none}

#enquiry-wizard .charleft {float:left; clear:both; width:90%; overflow:hidden; font-size:0.75rem; color:#555}
#enquiry-wizard .charleft .max {float:left}
#enquiry-wizard .charleft .remain {float:left; clear:left}

#enquiry-wizard .ew-tip {display:block; cursor:help; float:right; width:24px; height:24px; background:url('http://images.qualitysolicitors.com/img/ewicons2.png') no-repeat scroll 2px -56px transparent}
.touch #enquiry-wizard .ew-tip {display:none}


.oldie #enquiry-wizard .ew-steps 			{}
.oldie #enquiry-wizard .ew-title 			{width:auto}
.oldie #enquiry-wizard .ew-title h4 		{font-size:22px}
.oldie #enquiry-wizard .ew-title a 			{font-size:16px}
.oldie #enquiry-wizard form label 			{width:376px}
.oldie #enquiry-wizard form label.error 	{font-size:12px;}
.oldie #enquiry-wizard input[type="text"]   {width:364px; font-size:16px}
.oldie #enquiry-wizard input[type="radio"]  {background-color:transparent; margin:0px 6px 0px 0px}
.oldie #enquiry-wizard select  	 			{width:376px; clear:left; font-size:16px}
.oldie #enquiry-wizard .ew-radios label 	{width:auto}
.oldie #enquiry-wizard select.ew-left 		{width:184px; margin-right:8px;}
.oldie #enquiry-wizard select.ew-right 		{width:184px; margin-right:0; clear:none}
.oldie #enquiry-wizard textarea  			{width:364px; font-size:16px}
.oldie #enquiry-wizard span.ew-fine 		{font-size:12px}
.oldie #enquiry-wizard span.ew-info 		{font-size:16px}
.oldie #enquiry-wizard .ew-button   		{font-size:18px}
.oldie #enquiry-wizard .charleft    		{font-size:12px}

/* Mobile Enquiry Form */
#enquiry-mobile {background-color: #eeeeee; padding:15px; margin: 20px 0 20px 0; border: 1px solid #ddd; border-radius:5px }

#enquiry-mobile fieldset {margin-bottom:16px;}
#enquiry-mobile label {display:block; width:100%; font-size:1rem; color:#444; margin-bottom:0.25em}
#enquiry-mobile label.error {font-size:0.75rem; color:#ff0000; margin:4px 0 0}
#enquiry-mobile input[type="text"]   {color:#444; background-color:#fff; margin:0; width:100%; float:left; padding:5px; border:1px solid #ddd; font-size:1rem; box-shadow:2px 2px 5px -4px rgba(0, 0, 0, 0.4) inset; border-radius:5px; margin-bottom:0.5em}
#enquiry-mobile input[type="email"]   {color:#444; background-color:#fff; margin:0; width:100%; float:left; padding:5px; border:1px solid #ddd; font-size:1rem; box-shadow:2px 2px 5px -4px rgba(0, 0, 0, 0.4) inset; border-radius:5px; margin-bottom:0.5em}
#enquiry-mobile input.error   {background-color:#ffa6c9;}
#enquiry-mobile select {color:#444; background-color:#fff; margin:0; width:100%; float:left; padding:5px; border:1px solid #ddd; font-size:1rem; box-shadow:2px 2px 5px -4px rgba(0, 0, 0, 0.4) inset; border-radius:5px; margin-bottom:0.5em}
#enquiry-mobile select.ew-left {width:47.5%; margin-right:5%}
#enquiry-mobile select.ew-right {width:47.5%; margin-right:0; clear:none}
#enquiry-mobile textarea  {color:#444; background-color:#fff; margin:0; width:100%; height:100px; float:left; padding:5px; border:1px solid #ddd; font-size:1rem; resize:none; box-shadow:2px 2px 5px -4px rgba(0, 0, 0, 0.4) inset; border-radius:5px}
#enquiry-mobile span.ew-fine {display:block; clear:both; font-size:0.75rem; color:#444; margin:0.5em 0}
#enquiry-mobile span.ew-fine a {color:#000;}
#enquiry-mobile span.ew-info {display:block; clear:both; font-size:1rem;}

#enquiry-mobile .ew-button {display:inline-block; width:100%; text-align: center; clear:both; background-color:#f6279f; color:white; font-size:1.125rem; font-weight:bold; text-decoration:none; border:0 none; padding:6px 1em; margin:16px 0; border-radius:5px}
#enquiry-mobile .ew-button:hover {background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%)}