/* ------------------ custom list stuff I've added ------------------ */

/* title (and other) */

#li--2 {
	clear: left;
	float: left;
	width: 50%;
}

#cf_field_2 {
	width: 80%;
}

#li--3 {
	clear: right;
	float: right;
	width: 50%;
}

#cf_field_3 {
	width: 50%;
}

/* First name and surname */

#li--4 {
	clear: left;
	float: left;
	width: 50%;
}

#cf_field_4 {
	width: 80%;
}


#li--5 {
	clear: right;
	float: right;
	width: 50%;
}

#cf_field_5 {
	width: 80%;
}

/* Address */

#li--6 {
	clear:both;
	width: 100%;
}

#cf_field_6 {
	width: 90%;
}

/* Postcode */

#li--7 {
	clear:both;
	width: 50%;
}

#cf_field_7 {
	width: 80%;
}

/* Tel no  */

#li--8 {
	clear:left;
	float:left;
	width: 50%;
}

#cf_field_8 {
	width: 80%;
}

/* Email  */

#li--9 {
	clear:right;
	float:right;
	width: 50%;
}

#cf_field_9 {
	width: 80%;
}

/* How did you find out? (+ specify) */

#li--10 {
	clear:both;
	float: left;
	width: 100%;
}

#cf_field_10 {
	width: 90%;
}

#label--11 {
	margin-top: 10px;
	display: inline;
	margin-right: 10px;
}

#li--11 {
	margin-top: 10px;
	clear:both;
	width: 100%;
}

#cf_field_11 {
	margin-top: 10px;
	width: 50%;
}

/* Make */

#li--13 {
	clear: left;
	float: left;
	width: 50%;
}

#cf_field_13 {
	width: 80%;
}

/* Model */

#li--14 {
	clear: right;
	float: right;
	width: 50%;
}

#cf_field_14 {
	width: 80%;
}

/* Spec */

#li--15 {
	clear: left;
	float: left;
	width: 50%;
}

#cf_field_15 {
	width: 80%;
}

/* Engine size */

#li--16 {
	clear: right;
	float: right;
	width: 50%;
}

#cf_field_16 {
	width: 80%;
}

/* Preferred colour */

#li--17 {
	padding-top: 3px;
	clear: both;
	float: none;
	width: 100%;
}

#cf_field_17 {
	width: 40%;
}

/* Metallic? */

#li--18 {
	clear: left;
	float: left;
	width: 20%;
	
	margin-top: 22px;
	height: 23px;
}

#li--18items {
	clear: right;
	float: right;
	width: 80%;
	
	margin-top: 20px;
	height: 25px;
}

#cf_field_18-1 {
	width: 5%;
}

#label--181.cf-after {
	width: 30%;
}

#cf_field_18-2 {
	width: 5%;
}

#label--182.cf-after {
	width: 30%;
}

/* Transmission? */

#li--19 {
	clear: left;
	float: left;
	width: 20%;
	
	margin-top: 12px;
	height: 48px;
}

#li--19items {
	clear: right;
	float: right;
	width: 80%;
	
	margin-top: 10px;
	height: 50px;
	overflow:hidden;
}

#cf_field_19-1 {
	width: 5%;
}

#label--191.cf-after {
	width: 30%;
}

#cf_field_19-2 {
	width: 5%;
}

#label--192.cf-after {
	width: 50%; !important
	clear:right;
}

#cf_field_19-3 {
	width: 5%;
}

#label--193.cf-after {
	width: 30%;
}

#cf_field_19-4 {
	width: 5%;
}

#label--194.cf-after {
	width: 30%;
}


/* Fuel? */

#li--20 {
	clear: left;
	float: left;
	width: 20%;
	
	margin-top: 12px;
	height: 48px;
}

#li--20items {
	clear: right;
	float: right;
	width: 80%;
	
	margin-top: 10px;
	height: 50px;
}

#cf_field_20-1 {
	width: 5%;
}

#label--201.cf-after {
	width: 30%;
}

#cf_field_20-2 {
	width: 5%;
}

#label--202.cf-after {
	width: 50%; !important
	clear:right;
}

#cf_field_20-3 {
	width: 5%;
}

#label--203.cf-after {
	width: 30%;
}

#cf_field_20-4 {
	width: 5%;
}

#label--204.cf-after {
	width: 30%;
}

/* Num Doors */

#li--21 {
	clear: left;
	float: left;
	width: 50%;
}

#cf_field_21 {
	width: 80%;
}

/* Min age */

#li--22 {
	clear: right;
	float: right;
	width: 50%;
}

#cf_field_22 {
	width: 80%;
}

/* Max Mileage */

#li--23 {
	clear: left;
	float: left;
	width: 50%;
}

#cf_field_23 {
	width: 80%;
}

/* Max Budget */

#li--24 {
	clear: right;
	float: right;
	width: 50%;
}

#cf_field_24 {
	width: 80%;
}

/* Extras */

#li--25 {
	clear:both;
	float: left;
	width: 100%;
}

#cf_field_25 {
	width: 90%;
}

/* Haven't...? */

#li--26 {
	clear:both;
	float: left;
	width: 100%;
}

#cf_field_26 {
	width: 90%;
}

/* T&C */

#li--28 {
	width: 100%;
	clear:both;
}

#cf_field_28 {
	width: 3%;
	float: left;
	margin-top: 7px;
}

#label--28.cf-after {
	width: 90%;
	float: right;
	margin-top: 5px;
}

/* Correspondance */

#li--29 {
	width: 90%;
	float: right;
	margin-left: 10%;
	margin-top: 20px;
	clear: both;
}

#cf_field_30 {
	width: 3%;
	float: left;
	margin-top: 4px;
}

#label--30.cf-after {
	width: 90%;
	float: right;
	margin-top: 5px;
}


/*                                                    */

/*  main 'top-level' form elements                    */

/*                                                    */

@import "calendar.css";



.cform { 

	margin:10px 0 0 0; 

	width: 500px; 

}



.cform fieldset	{ 

	margin-top:50px!important; 

	padding:5px 0 0 0; 

	border:none;

	background:none; 

}



.cform .cf_hidden {

	display:none; 

	border:none!important;

	background:none!important;

	padding:0!important;

	margin:0!important;

}



.cform legend { 

    // titles (e.g. your information, etc.)

	border-bottom:1px solid #BAC4D8;

	font: normal 1.3em "Verdana","Tahoma","Arial";
		
	font-weight:bold;

	line-height:1em;

	padding:0pt 0pt 0.3em;

	text-transform:uppercase;
	
	margin:0;

}



ol.cf-ol { 

	margin:0!important; 

	padding:0!important; 

}



ol.cf-ol li	{

	background:none!important; 

	/* margin:8px 0!important; /*some themes may interfere otherwise*/

	padding:0; 

	list-style:none!important; 

	text-align:left;

	/* line-height:1.1em; */

}





/*                                                    */

/* just for text-only fields (no input)               */

/*                                                    */



ol.cf-ol li.textonly {

	padding:3px 0; 

	text-align:left;

}





/*                                                    */

/* global definitions for field labels                */

/*                                                    */

.cform label {

	font:normal Verdana;	
	
	font-size: 12px;

	line-height:1.3em;

	display:block;

	margin:12px 0pt 2px;

	text-align:left;

	width:100%;

}



label.cf-before {

	width:100px;

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/	

	margin:4px 5px 0 0; 

	vertical-align:top;

}



label.cf-after 	{

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/	

	margin:4px 0 0 6px;
	
	/* width: 30%; */

	text-align:left;	

	vertical-align:top;

}





label.cf-before span,

label.cf-after span {

	display:block;

}



label.cf-group-after {

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	margin:4px 0 0 2px;

	width:86px;

	text-align:left;

	vertical-align:top;

}

label.cf-group-after span {

	width:86px;

	display:block;

}



/*                                                    */

/*   FORM FIELDS general formatting                   */

/*                                                    */



.cform input,

.cform textarea,

.cform select { 

	padding:2px 2px;

	background: #FFF; 

	color:#10141B;

	font:normal Verdana;
	
	font-size: 12px;	

}


.cform input.single,

.cform textarea,

.cform select {

	border:1px solid #000000 !important;

}




.cform input:hover,

.cform textarea:hover,

.cform select:hover	{

	background:#D7EBFF; 

}



.cform input:focus,

.cform textarea:focus,

.cform select:focus	{ 

	background:#F3F8F8; 

}



.cform textarea,

.cform input {

	width:300px; 

}

.cform select {

	width:278px; /* attempt to have equal length */

}  



.cform select.cfselectmulti	{ 

	height:6.5em; 

}



.cform textarea {

	height: 6em;

	overflow:auto;

}



/*                                                    */

/*   check boxes                                      */

/*                                                    */



.cform input.cf-box-a,

.cform input.cf-box-b 	{

	vertical-align:top;
	background-color: transparent;
	border: 0px; !important

}





/*                                                    */

/* check box groups                                   */

/*                                                    */



ol.cf-ol li.cf-box-group {

} 



/*                                                    */

/* formatting for text:  "(required)"  & other        */

/*                                                    */



span.reqtxt,

span.emailreqtxt { 

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	vertical-align:top;

	text-align:left;

	margin-left:3px;

}



/*                                                    */

/*   FORM submit button                               */

/*                                                    */



p.cf-sb {

	padding: 0!important;

	margin: 0;

	text-align:left;

}

.cform input.backbutton,

.cform input.resetbutton,

.cform input.sendbutton	{

	background:#FFFFFF;

	border:1px solid #0099CC;

	color:#000000#A0ABBF;

	font-size:14px;

	margin:15px 5px 0 0;

	text-align:center;

	text-transform:uppercase;

	width:140px;

	padding:2px;	 

}

.cform input.resetbutton {

	width: auto;

}

.cform input.backbutton {

	width: auto;

}



/*                                                    */

/*   FORM FIELDS enhanced error display               */

/*                                                    */

ol.cf-ol li.cf_li_err {

	background:#FF8080 !important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

	padding:5px 0!important;

	margin:5px 0!important;

}



ol.cf-ol li ul.cf_li_text_err {

	margin:0 0 0 5px;

	padding:0;

	color:#f8f1f1;

}



ol.cf-ol ul.cf_li_text_err li {

	font-weight:bold; 

	font-size:1.1em;

	background:url(icon-alert-dark.png) no-repeat left 1px!important;

	list-style:none!important;

	text-indent:0;

	margin:0 0 2px!important;

	padding-left:15px;

}

ol.cf-ol ul.cf_li_text_err li:before {

	content:'';

}



/*                                                    */

/* 'visitor verification' related styles              */

/*                                                    */



label.seccap {

	margin-top: 6px;

}

label.secq,

label.secq span {

	display:inline;

}

label.secq {

	vertical-align:middle;

}



input.secinput {

	width:45px;

	margin: 3px 0 0 10px;

	vertical-align:middle;

}



#cforms_captcha6,

#cforms_captcha5,

#cforms_captcha4,

#cforms_captcha3,

#cforms_captcha2,

#cforms_captcha {

	height:15px;

	width:50px;

	padding: 4px 4px 5px;

	margin: 0;

	vertical-align:middle;

}



img.captcha	{

	vertical-align:top;

	margin:0 0 0 10px!important;

	padding:0!important;

	border:none!important;

	float:none!important;

}



img.captcha-reset {

	vertical-align:top;

	background:	url(captcha_reset_black.gif) no-repeat;

	border:none!important;

	margin-left:3px;

	width:21px;

	height:21px;

}



img.imgcalendar {

	border:none;

}



/*                                                    */

/*   formatting for invalid user inputs               */

/*                                                    */



.cform .cf_error {

	color:#ad2929;

	border:5px solid #BAC4D8;

	padding:3px;

	width:262px;

}

.cform .cf_errortxt,

div.mailerr {

	color:#ad2929;

}

div.mailerr {

	display:block;

}



/*                                                    */

/* change formatting of response msgs here            */

/*                                                    */



div.cf_info {

	color:#f8f1f1;

	display:none;

	padding:10px 15px!important;

	width:420px;

	line-height:1.3em;

	margin:10px 0;

}

div.cf_info ol {

	margin:0;

	padding:5px 15px 0 30px;

}

div.cf_info ol li {

	padding:1px 0;

	margin:2px 0;

}

div.cf_info a	{

	color:white!important;

	text-decoration:underline!important;

}

div.success {

	background:#333333 none repeat scroll 0%;

	color:#BAC4D8;

	display:block;

}

div.failure {

	display:block;

	background:#FF8080!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

}

div.waiting {

	background:#F9F9F9;

	color:#AAAAAA;

	display:block;

}

/*                                                    */

/* disabled fields [disabled] does not work on IE!    */

/*                                                    */



[disabled] {

	color:#dddddd;

	border-color:#dddddd!important;

	background:none!important;

}

.disabled {

	border-color:#dddddd!important;

}



/*                                                    */

/* upload box styling                                 */

/*                                                    */



.cform input.cf_upload  {

	width:220px;

	background: #f9f9f9;

	border:1px solid #888888;

}



/*                                                    */

/*  Other: link love                                  */

/*                                                    */

.linklove {

	width:450px;

	margin:6px 0 10px!important;

	padding:0!important;	

	text-align:left!important;

}

.linklove a,

.linklove a:visited {

	font-size: 0.8em;

	font-family: Tahoma;

	color:#aaaaaa!important;

}



/*                                                    */

/*  Other: browser hacks                              */

/*                                                    */

* html .cform legend { 

	position:absolute; 

	top: -10px; 

	left: -7px; 

	margin-left:0;

}

* html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

*+html .cform legend { 

	position:absolute; 

	top: -10px; 

	left: -7px; 

	margin-left:0;

}

*+html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

* html ol.cf-ol,

* html ol.cf-ol li{	

	display:inline-block; /*for IE6!!*/

}

*+html ol.cf-ol,

*+html ol.cf-ol li{	

	display:inline-block; /*for IE6!!*/

}

* html img.captcha	{

	margin-top:1px!important;

}

*+html img.captcha	{

	margin-top:1px!important;

}