div#mainBodyContent div#formContainer div.form { width : 568px; margin : 0px; padding : 0px 0px 0px 0px; text-align : left; background-color : #f4f4f4; border-color : #969696; } div#mainBodyContent div#formContainer div.error.summary { width : 528px; margin : 10px 10px 0px 10px; padding : 5px 10px 10px 10px; background-image : url('/assets/web/images/general/form_horizontalDivider.gif'); background-repeat : repeat-x; background-position : left bottom; background-color : #ffffff; } div#mainBodyContent div#formContainer div.error.summary h2 { font-size : 14px; font-weight : normal; line-height : 16px; color : #ff0000; } div#mainBodyContent div#formContainer div.error.summary p { color : #000000; } div#mainBodyContent div#formContainer div.error.summary ul { } div#mainBodyContent div#formContainer div.error.summary ul li { font-style : italic; margin-bottom : 5px; color : #000000; } div#mainBodyContent div#formContainer div.fieldset span.fieldError { display : block; position : relative; margin : 25px 0px 5px 0px; color : #ff0000; font-size : 11px; font-style : italic; clear : both; } div#mainBodyContent div#formContainer div.fieldset { width : 548px; margin : 0px 10px 0px 10px; padding-bottom : 20px; clear : both; border-top : 1px solid #ffffff; border-bottom : 1px solid #d3d3d3; font-size : 11px; } div#mainBodyContent div#formContainer div.fieldset span.disclaimer { display : block; padding : 5px 5px 5px 10px; } div#mainBodyContent div#formContainer div.fieldset p { padding-left : 5px; padding-right : 5px; } div#mainBodyContent div#formContainer div.fieldset span.readonly { display : block; float : left; padding-top : 3px; font-weight : bold; font-style : italic; color : #8b8b8b; } div#mainBodyContent.popupWindow div#formContainer div.fieldset span.readonly { width : 408px; } div#mainBodyContent div#formContainer div.fieldset legend { width : 540px; margin : 0px; padding : 20px 0px 5px 0px; font-size : 12px; font-weight : bold; line-height : 16px; vertical-align : top; overflow : hidden; text-overflow : ellipsis; } /* ******************************************* ******************************************* * FORM ITEMS ******************************************* ******************************************* */ /* ******************************************* * FOUNDATION STYLE : SINGLE COLUMN ******************************************* */ div#mainBodyContent div#formContainer div.fieldset div.item { position : relative; float : left; width : 538px; padding : 6px 5px 0px 5px; } div#mainBodyContent div#formContainer div.fieldset div.comments label, div#mainBodyContent div#formContainer div.fieldset div.comments textarea { float : left; clear : both; } div#mainBodyContent div#formContainer div.fieldset label { position : relative; float : left; width : 128px; margin : 0px; padding : 4px 0px 0px 0px; font-size : 11px; font-weight : normal; line-height : 11px; } div#mainBodyContent div#formContainer div.fieldset label.extraInfo { width : auto; margin-bottom : 5px; padding-top : 7px; padding-left : 7px; text-align : left; font-size : 11px; overflow : visible; } div#mainBodyContent div#formContainer div.fieldset fieldset label ABBR { border : 0px; } div#mainBodyContent div#formContainer div.fieldset label img { display : inline; padding-left : 3px; } div#mainBodyContent div#formContainer div.fieldset span.advice { display : block; clear : both; padding : 10px 0px 10px 0px; color : #999999; font-size : 10px; font-style : italic; } div#online-service-booking div#mainBodyContent div#formContainer div.fieldset span.advice { color : #606060; } div#mainBodyContent div#formContainer div.fieldset input, div#mainBodyContent div#formContainer div.fieldset select, div#mainBodyContent div#formContainer div.fieldset textarea { position : relative; float : left; width : 408px; height : 18px; margin : 0px; padding : 0px; border : 1px solid #777777; font-size : 11px; } div#mainBodyContent div#formContainer div.fieldset input, div#mainBodyContent div#formContainer div.fieldset textarea { width : 398px; padding : 2px 6px 0px 4px; } div#mainBodyContent div#formContainer div.fieldset input { height : 16px; } div#mainBodyContent div#formContainer div.fieldset div.preferreddate input { /* * WIDTH : minus 22px to account for calendar icon & padding */ width : 376px; } div#mainBodyContent div#formContainer div.fieldset div.preferreddate a#anch_PreferredDate { /* * WIDTH = 16 x 15 px */ position : relative; float : left; padding-left : 6px; } div#mainBodyContent div#formContainer div.fieldset div.preferreddate a img { margin : 0px; padding : 0px; border : 0px; } div#mainBodyContent div#formContainer div.fieldset select { width : 410px; /* 2 greater than input to account for border */ font-family : Arial, Helvetica, Tahoma, Sans-Serif; } div.related form.searchPanel #searchCriteria select option { padding : 3px 0px 3px 5px; font-weight : normal; } div#mainBodyContent div#formContainer div.fieldset textarea { height : 70px; font-family : Arial, Helvetica, Tahoma, Sans-Serif; } div#mainBodyContent div#formContainer div.fieldset div.item fieldset.radiogroup div, div#mainBodyContent div#formContainer div.fieldset div.item fieldset.radiobutton div, div#mainBodyContent div#formContainer div.fieldset div.item fieldset.checkbox div { float : left; clear : both; padding : 5px 0px 1px 0px; width : 100%; } div#mainBodyContent div#formContainer div.fieldset div.item fieldset.radiogroup label, div#mainBodyContent div#formContainer div.fieldset div.item fieldset.radiobutton label { width : auto; padding-top : 1px; } div#mainBodyContent div#formContainer div.fieldset div.item fieldset.checkbox label { width : auto; padding-top : 2px; } div#mainBodyContent div#formContainer div.fieldset div.item fieldset.radiogroup input, div#mainBodyContent div#formContainer div.fieldset div.item fieldset.radiobutton input, div#mainBodyContent div#formContainer div.fieldset div.item fieldset.checkbox input { width : auto; border-width : 0px; margin-right : 5px; margin-left : 10px; } div#mainBodyContent div#formContainer div.fieldset div.serviceEnquiry fieldset input { float : left; width : 16px; height : 16px; } div#mainBodyContent div#formContainer div.fieldset div.serviceEnquiry fieldset label { text-align : center; display : block; padding-bottom : 5px; cursor : pointer; } div#mainBodyContent div#formContainer div.fieldset div.serviceEnquiry fieldset label img { display : block; max-width : 200px; max-height : 200px; padding-top : 5px; } div#mainBodyContent div#formContainer div.submit { margin : 0px 10px 0px 10px; padding : 10px 0px 10px 0px; border-top : 1px solid #ffffff; } div#mainBodyContent div#formContainer div.submit input { display : block; width : 135px; height : 28px; margin : auto; border : none; background-color : transparent; background-image : url('/assets/web/images/buttonIcons/buttonBgnd_searchPanel_searchNow.png'); background-repeat : no-repeat; background-position : center; color : #FFFFFF; text-align : center; font-family : Arial, Helvetica, Tahoma, Sans-Serif; font-size : 10px; cursor : pointer; } div#mainBodyContent div#formContainer div.submit input:hover { background-image : url('/assets/web/images/buttonIcons/buttonBgnd_searchPanel_searchNow_over.png'); } /* ******************************************* * SECTION SPECIFIC STYLES ******************************************* */ /* ************************************ * General contact form 'ENQUIRY DETAILS' SECTION ************************************ */ div#mainBodyContent div#formContainer form div.fieldset div.item.enquirydetails textarea { height : 150px; } /* ************************************ * 'OPT OUT' SECTION ************************************ */ div#mainBodyContent div#formContainer form div.fieldset div.item.optout { padding-top : 0px; } div#mainBodyContent div#formContainer form div.fieldset div.item.optout label { display : none; } div#mainBodyContent div#formContainer form div.fieldset div.item.optout fieldset.checkbox div { float : left; clear : none; width : auto; } div#mainBodyContent div#formContainer form div.fieldset div.item.optout fieldset.checkbox div label { display : block; width : auto; padding-right : 20px; } /* ************************************ * Website feedback 'COMMENTS' SECTION ************************************ */ div#website-feedback div#mainBodyContent div#formContainer form div.fieldset div.item.comments label { display : none; } div#website-feedback div#mainBodyContent div#formContainer form div.fieldset div.item.comments textarea { width : 526px; height : 150px; } /* ************************************ * 2 COLUMN SECTIONS * * TARGETED SPECIFICALLY @ THE FOLLOWING FORMS: * - request-a-repair * - request-a-service * - request-an-mot * - website-feedback * - contact-us ************************************ */ /* ************************************ * RESET FIELDSET SIZES & DEFAULT PADDINGS ************************************ */ div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.ContactDetails, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.ContactDetails, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.ContactDetails, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.ContactDetails, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.ContactDetails { position : relative; float : left; width : 274px; clear : none; padding-bottom : 2px; border-width : 0px; background-image : url('/assets/web/images/general/form_verticalDivider.gif'); background-repeat : repeat-y; overflow : hidden; /* COMBATS IE.6 FIELDSET SIZING BUG */ } div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails { margin : 20px 0px 20px 10px; background-position : 272px top; } div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.ContactDetails, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.ContactDetails, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.ContactDetails, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.ContactDetails, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.ContactDetails { /* * -2 negative left margin to provide overlap so that background images can be overlaped * Therefore will always appear correct height !!! */ width : 259px; margin : 20px 10px 20px -2px; padding-left : 14px; } div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.EnquiryDetails, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.Howvisited, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.VehicleDetails, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.EnquiryDetails, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.Howvisited, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.VehicleDetails, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.EnquiryDetails, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.Howvisited, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.VehicleDetails, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.EnquiryDetails, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.Howvisited, div#website-feedback div#contact-us div#mainBodyContent div#formContainer form div.fieldset.VehicleDetails, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.EnquiryDetails, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.Howvisited, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.VehicleDetails { clear : both; border-top : 0px solid #ff0000; background-image : url('/assets/web/images/general/form_horizontalDivider.gif'); background-repeat : repeat-x; } div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails legend, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.ContactDetails legend, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails legend, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.ContactDetails legend, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails legend, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.ContactDetails legend, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails legend, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.ContactDetails legend, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails legend, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.ContactDetails legend { width : 264px; padding-top : 0px; } /* ******************************************* ******************************************* * FORM ITEMS ******************************************* ******************************************* */ /* ******************************************* * ******************************************* */ div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails div.item, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.ContactDetails div.item, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails div.item, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.ContactDetails div.item, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails div.item, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.ContactDetails div.item, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails div.item, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.ContactDetails div.item, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails div.item, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.ContactDetails div.item { width : 264px; } div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails select, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.ContactDetails select, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails select, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.ContactDetails select, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails select, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.ContactDetails select, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails select, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.ContactDetails select, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails select, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.ContactDetails select { width : 124px; /*134*/ } div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails input, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.ContactDetails input, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails textarea, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset.ContactDetails textarea, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails input, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.ContactDetails input, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails textarea, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset.ContactDetails textarea, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails input, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.ContactDetails input, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails textarea, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset.ContactDetails textarea, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails input, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.ContactDetails input, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails textarea, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset.ContactDetails textarea, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails input, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.ContactDetails input, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.PersonalDetails textarea, div#contact-us div#mainBodyContent div#formContainer form div.fieldset.ContactDetails textarea { width : 112px; /*122*/ } div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiogroup input, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiobutton input, div#request-a-repair div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.checkbox input, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiogroup input, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiobutton input, div#request-a-service div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.checkbox input, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiogroup input, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiobutton input, div#request-an-mot div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.checkbox input, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiogroup input, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiobutton input, div#website-feedback div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.checkbox input, div#contact-us div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiogroup input, div#contact-us div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.radiobutton input, div#contact-us div#mainBodyContent div#formContainer form div.fieldset div.item fieldset.checkbox input { width : auto; border-width : 0px; margin-right : 5px; }