/* Audi.co.uk
*  Old site form styling: CO2 calc, accessories, dealer locator, register new user, my audi free mot
*  Author: Razorfish, London
*  Date: 06-07-2009
*/

.tagging {position:absolute; left:-10000px;}

.oldsite-forms p {margin: 5px 0 3px 0; position:relative; overflow:hidden;}
.oldsite-forms .generic-text p {margin:12px 0;}
.oldsite-forms h2 {font-size: 1.2em; color: #2b2f33; margin-bottom: 17px;}
.oldsite-forms h3 {font-size: 1.025em; margin-top: 19px; color: #2b2f33;}
.oldsite-forms legend {margin-bottom:12px; color:#5C6066;}
.oldsite-forms legend.hdr {margin-bottom:0;}


.oldsite-forms label {display:block; overflow:hidden; margin:0 0 2px; color: #2b2f33;}
.oldsite-forms input {width:212px;}
.oldsite-forms select {width:212px;}
.oldsite-forms textarea {width:100%;}
.oldsite-forms input.btn {width: auto; margin: 10px 0 20px 0;}
.oldsite-forms span.check-txt {width:90%; float:left; display:block; padding:1em 0 1em 20px;}
	#processServiceDetails span.check-txt {padding-bottom:0;}
.oldsite-forms input.check,
.oldsite-forms input.check-txt {width:13px; position:absolute; left:0; margin-top:1em; top:5px;}
.oldsite-forms input.radio {width: 25px; position: relative; top: 3px;}
.oldsite-forms a {color:#5c6066;}
.oldsite-forms a:hover, .oldsite-forms a:focus, .oldsite-forms a:active {color:#000;}
.oldsite-forms a.arrow {background: url(../../../../img/bgs/li-red-arrow.gif) no-repeat left; padding: 0 0 0 12px;}
.oldsite-forms a.arrow:hover, .oldsite-forms a.arrow:focus, .oldsite-forms a.arrow:active {color:#000; background-image:url(../../../../img/bgs/li-light-grey-arrow.gif);}


.oldsite-forms .inline legend {font-weight:normal; padding-top: 10px; margin: 0;}
.oldsite-forms .inline p {margin: 12px 0 5px -20px;}
.oldsite-forms .inline label {display:inline; width: 100px;}
	.oldsite-forms .inline label input {width:auto; margin:0 4px 0 20px;}
	
.oldsite-forms table {width:100%; margin: 20px 0;}
.oldsite-forms table.col4 {margin-top:0;}
.oldsite-forms thead th {color: #2b2f33;}
.oldsite-forms th {border-right: 1px #a9b0bf solid; padding: 0 0 12px 12px; vertical-align: top;}
.oldsite-forms tbody tr {background: #fff;}
.oldsite-forms tbody tr.even {background: #dbdedf;}
.oldsite-forms table td, .oldsite-forms table tbody th {border-right: 1px #a9b0bf solid; padding: 6px 0 6px 12px; vertical-align: top;}
.oldsite-forms th.last, .oldsite-forms td.last {border-right: none;}

.oldsite-forms table.results th {width:200px;}

.oldsite-forms table.tax thead th, .oldsite-forms table.tax tbody th {width: 19%; padding-right: 2%;}
.oldsite-forms table.tax thead th.label-col {width: 37%; padding-right: 2%;}
.oldsite-forms table.tax tbody td {width: 19%; padding-right: 2%;}
.oldsite-forms table.tax thead th.last, .oldsite-forms table.tax tbody td.last {width: 21%;}

#returnSearch {float:right; background:url(../../../../img/btns/return.png) no-repeat 100% 0; margin-top:1em; height:31px;}
	#returnSearch:hover {background-image:url(../../../../img/btns/return_ovr.png);}
	#returnSearch span {display:block; margin:6px 35px 0 0;}
.accessories {clear:both;}
.access-img-lrg {width: 316px; float: left; padding-right: 1px; margin-top: 20px; clear:both;}
	.access-img-lrg p {margin: 0;}
.access-img-sml {width: 322px; height: 105px; float: left; margin-top: 20px;}
.access-img-sml p {width: 160px; float: left; height: 105px; padding: 0; margin: 0; background: url(../../../../img/bgs/accessories-img.gif) repeat-x; font-size: .8em; border-right: 1px #ccc solid;}
	.access-res-img-sml p {float:left; margin:20px 0 0;}
.access-img-sml p.right {border-right: 0;}
	.access-img-sml p a {display: block; background: url(../../../../img/bgs/li-red-arrow.gif) no-repeat 10px 9px; padding: 3px 0 0 21px;}	
	.access-img-sml p a:hover, .access-img-sml p a:focus, .access-img-sml p a:active {color:#000; background-image:url(../../../../img/bgs/li-light-grey-arrow.gif);}
	.access-img-sml p a img {margin:5px 0 0 -21px;}
	
	
.oldsite-forms .access-copy h2 {margin-top:12px;}
.oldsite-forms .access-copy p {margin-top: 12px;}
	.oldsite-forms .access-copy p strong {display: block; font-size: 1.025em; color:#2b2f33;}
	.oldsite-forms .access-img-sml-dets {width:141px; float:left; margin-top:15px;}
	.oldsite-forms .access-img-sml-dets p {width: 70px; float: left; padding-right: 1px;}
	.oldsite-forms .access-img-sml-dets p.right {padding-right: 0;}	
	
	#content-module .access-links {clear: both; padding-top: 12px;}
			#content-module .access-links p {margin: 0; padding: 12px 0 0 0; font-size: 1.1em; line-height: 1.7em;}
			#content-module .access-links a {background: url(../../../../img/bgs/li-red-arrow.gif) no-repeat left; padding: 0 0 0 12px; font-size: .9em;}
			#content-module .access-links a:hover, #content-module .access-links a:focus, #content-module .access-links a:active {color:#000; background-image:url(../../../../img/bgs/li-light-grey-arrow.gif);}

.access-cont {background: url(../../../../img/bgs/hr-grey.gif) repeat-x bottom; width: 468px; padding: 17px 0 22px 0; overflow: hidden;}
	.access-cont .cont-img {width: 147px; float: left;}
	.access-cont .cont-descr {margin-left: 147px;}
		.access-cont .cont-descr p {margin: -3px 0 18px 0;}
			.access-cont .cont-descr p span {display: block; color: #2b2f33; padding: 5px 0 0 0;}
		.access-cont .cont-descr em {display: block; font-size: 1.1em; color: #2b2f33; padding: 0 0 3px 0;}
		.access-cont .cont-descr a.img-txt-link {background: url(../../../../img/btns/spr-add-plus.gif) no-repeat 0 0; padding-left: 23px; float:none;}
			.access-cont .cont-descr a.img-txt-link:hover {background-position:0 -22px;}
		.access-cont .cont-descr ul.inline {clear: none; float: left;} 

/*.oldsite-forms fieldset {margin-bottom: 5px;}*/
.oldsite-forms fieldset {margin:12px 0;}
	.oldsite-forms fieldset.sort-by {}
		.oldsite-forms fieldset.sort-by p {float:left;}
		.oldsite-forms fieldset.sort-by p.btn {position:relative; top:20px; margin-left:10px;}

.oldsite-forms fieldset p {margin-bottom: 8px;}
.oldsite-forms p strong {font-weight: normal;}
.oldsite-forms .nomar {margin: 0;}

/* search results page */
.oldsite-forms ul.results {color: #8b8e96; margin: 10px 0;}
	.oldsite-forms ul.results li {padding-bottom: 10px;}
	.oldsite-forms ul.results a {font-weight: bold; display: inline;}
	.oldsite-forms ul.results span.num {display: block; width: 20px; float: left;}
	.oldsite-forms ul.results span.list {display: block; margin-left: 20px; color: #41464c;}
		.oldsite-forms ul.results span.list em {color: #8b8e96;}
.oldsite-forms .hr  {background: url(../../../../img/bgs/hr-grey.gif) repeat-x bottom; overflow: hidden;}		
.oldsite-forms input.inline-but {display: inline;}

.oldsite-forms ul.results .error span {display:block; color:#f00; font-size: 0.825em; position: relative; top:-.5em; margin-bottom:-.5em;}
.disclaimer {clear:both; color:#5c6066; font-size:0.825em; position:relative; top:-.5em; margin-bottom:-.5em;}
	.disclaimer strong {display: block; margin-bottom: 5px;}
	
	
.oldsite-forms ul.breadcrumb {margin: 20px 0;}
	.oldsite-forms ul.breadcrumb li {float: left; padding: 0 10px 0 10px; color: #929fa5;}	
		.oldsite-forms ul.breadcrumb li.on {color: #5C6066}
.oldsite-forms span.buttons {float: left; padding-right: 10px;}		

/* Dealers */
a.h1-link {display: block; float: right; height: 31px;background: url(../../../../img/btns/return.png) no-repeat; padding: 7px 0 0 35px;}
.access-cont .dealer-img {width: 234px; float: left;}
.access-cont .dealer-descr {margin-left: 234px;}
		.access-cont .dealer-descr p {margin: 0 0 18px 0;}
		.access-cont .dealer-descr p strong {font-weight: bold; font-size: 1.025em;}
p.two-col-dealer {float:left; width: 230px;}
span.bold {font-weight: bold;}		

/* Accessories */
.search-container, .oldsite-forms .search-container {background: url(../../../../img/bgs/hr-grey.gif) repeat-x bottom; overflow: hidden; padding:20px 0;}
	.search-container form {overflow:hidden; zoom:1; }
	.search-container fieldset, .oldsite-forms .search-container fieldset {margin:0; float: left; overflow:hidden; }
	.search-container fieldset input, .oldsite-forms .search-container fieldset input {width:230px;}
	.search-container select, .oldsite-forms .search-container select {width:235px;}
	.search-container p, .oldsite-forms .search-container p {float: left; padding-right:30px; overflow:hidden; }
	.search-container p.btn, .oldsite-forms .search-container p.btn {width:300px; padding-top: 22px;}	
	.search-container label, .oldsite-forms .search-container label {display: block; padding-bottom: 5px;}

.accessories {width:468px; float:left; margin:9px 0 0;}
	.accessories h2 {margin:26px 0 9px;}
	.accessories .pagination {margin-top:10px;}
	#access-view {overflow:hidden;}
.oldsite-forms .btn-med, .oldsite-forms .btn-sml-mar  {margin-top: 23px;}
.oldsite-forms .hrpad {margin-bottom: 12px;}
.ppad {padding-top: 12px !important;}
.oldsite-forms #template-B #function-modules {clear: both;}

.oldsite-forms #function {float: right;}
.oldsite-forms #function .mod-grad {background: url(../../../../img/bgs/module-gradient.gif) repeat-x; clear: left; width: 228px; height: auto; margin: 0 0 10px 0; padding: 10px 0;}
		.oldsite-forms #function .mod-grad h2, #function-modules-two-col .mod-grad h2 {font-size: 1.025em; margin-top: 0; background: url(../../../../img/bgs/hr-grey.gif) repeat-x bottom; padding: 0 14px 8px 14px;}
		.oldsite-forms #function .mod-grad p {padding: 0 14px; margin: 6px 0 12px 0;}
		.oldsite-forms #function .mod-grad ul {margin: 8px 0 0 14px; }
		.oldsite-forms #function .mod-grad li {padding-bottom: 8px;}
	.oldsite-forms #function .quicklinks .mod-grad ul li {padding-bottom: 0px;}
	
#performFleetDriverRegistration, #performFreeMOTRegistration {padding-bottom:1em;}
/* Brochure pages */
.oldsite-forms .brochure, .oldsite-forms .brochure legend {padding-top:0;}
.oldsite-forms .brochure label {position:relative; display: block; width: 122px; float: left; padding-left:40px;}	
	.oldsite-forms .brochure label input {position:absolute; left:0;}
	
#PasswordRequestForm legend {margin-bottom:1em;}

.co2 tr {background:none;}
.co2 td, .co2 th {border-right:none;}

#performFreeMOTRegistration p, #performFreeMOTRegistration .hr {margin-bottom:1em;}
.calculate-tax {margin-bottom:42px;}

h3.noTop { margin-top:0;}

/* Added for service pages FH, 17/11/2009 */
.oldsite-forms .fullwidth {margin-top: -15px;}
.oldsite-forms .fullwidth h1 {margin-bottom: 20px !important;}
.oldsite-forms table.dataCapture {margin: 0;}
.oldsite-forms table.dataCapture tr {background: none;}
.oldsite-forms table.dataCapture td {border-right: 0; padding: 0;}
.oldsite-forms #headerCopy p em {font-size: 80%;}
.oldsite-forms .fullwidth ul.breadcrumb li {padding-right: 6px;}
.oldsite-forms .fullwidth .hh {margin-bottom: 8px;}
.oldsite-forms p.nopadmar span.check-txt {margin: 0; padding: 6px 0 0 23px;}
.oldsite-forms p.nopadmar input.check {margin-top: 4px;}
.oldsite-forms .per-ser-details-1, .oldsite-forms .helper {margin-top: 10px;}
.oldsite-forms .per-ser-details-1 input, .oldsite-forms .helper input {width: 20px; float: left; margin-top: 4px;}
.oldsite-forms .per-ser-details-1 .txt, .oldsite-forms .helper .txt {margin-left: 10px; width: 400px; float: left;}
.oldsite-forms #ser-inner ul {margin-left: 15px; color: #f00;}
.oldsite-forms #ser-inner ul li {background: none; list-style-type: disc; padding-left: 0;}
.oldsite-forms .hh h3{margin-top: 13px;}
.oldsite-forms fieldset.nomar {margin: 0;}
.ui-datepicker-title-row {font-weight: bold; background: #ddd;}
.ui-datepicker-links {width: 400px; overflow: hidden; margin-bottom: 7px;}
.ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-current {width: 100px; float: left;}
.ui-datepicker-header select {margin-right: 20px; width: 140px;}
.ui-datepicker-days-cell {background: #ccc;}
.ui-datepicker-days-cell a {}
.ui-datepicker-days-cell a:hover {text-decoration: underline;}
.ui-datepicker-other-month {}
.ui-datepicker-unselectable {background: #999; color: #fff;}
.ui-datepicker-days-cell-over {background: #fff; color: #333;}
.ui-datepicker-current-day {background: #fff; color: #333;}
table.ui-datepicker {width: 300px; border-top: 1px #ccc solid; border-left: 1px #ccc solid;}
span.per-helper {cursor:pointer;}


/* online service booking form */

/* buttons */
#service-booking .btn-sml {margin-top:23px;}
#service-booking .get-address-sml {margin:0 0 0 12px;}

/* radio buttons */
#service-booking input.check, #service-booking input.check-txt {top:1px; margin-top:5px;}
#service-booking span.check-txt {margin-left:20px; padding:3px 0 3px 0;}

#service-booking .service-details input.check, #service-booking .service-details input.check-txt {position:absolute; left:0; top:0;}
#service-booking .service-details span.check-txt {margin-left:20px;}

/* show/hide image for more details */
#service-booking span.per-helper {background: url(../../../../img/btns/spr-show-hide-details.gif) no-repeat 0 0; padding-left:20px; margin-left:20px; cursor:pointer;}
#service-booking span.per-helper.hide-details {background-position:0 -22px;}
#service-booking .per-help-text {padding-left:20px;}

/* date picker */
#service-booking table.ui-datepicker {width: 300px; border-top: 1px #ccc solid; border-left: 1px #ccc solid;}
#service-booking .ui-datepicker-title-row {font-weight: bold; background: #ddd;}
#service-booking .ui-datepicker-links {width: 400px; overflow: hidden; margin-bottom: 7px;}
#service-booking .ui-datepicker-prev, #service-booking .ui-datepicker-next, #service-booking .ui-datepicker-current {width: 100px; float: left;}
#service-booking .ui-datepicker-header select {margin-right: 20px; width: 140px;}
#service-booking .ui-datepicker-days-cell {background: #ccc;}
#service-booking .ui-datepicker-days-cell a:hover {text-decoration: underline;}
#service-booking .ui-datepicker-unselectable {background: #999; color: #fff;}
#service-booking .ui-datepicker-days-cell-over {background: #fff; color: #333; cursor:pointer;}
#service-booking .ui-datepicker-current-day {background: #fff; color: #333;}


/* address */
#service-booking pre {font-family:verdana,arial,helvetica,sans-serif; margin:5px 0 8px;}

/* error message */
#service-booking .errorMessages ul {margin-top:5px;}
#service-booking .errorMessages ul li {background-image:none; padding-left:0;}
#service-booking .errorMessages ul li span {color:#FF0000;}

/* ACOUK-6253 - registration input fix */
#service-booking #processCarDealerDetails #registration {margin:0;}


