@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');


/* IMAGES */
#productImageContainer { float:left; width:402px; margin:20px 0px 20px 0px; padding:0px; }
#productImage { float:left; width:400px; margin:0px 0px 10px 0px; padding:0px; background:#FFF; border:solid 1px #ebebeb; }
	.ms-thumb { border-top:solid 3px #000; margin-bottom:0px; }
	#productImageDisclaimer { float:left; margin:5px 0px 0px 10px; width:100%; color:#AEAEAE; font-size:11px; }
	
#productCodes { float:left; width:100%; margin:10px 0px 0px 0px; }
	#productCodes li { width:100%; margin:0px 0px 7px 30px; }
	#productCodes li a:link, #productCodes li a:visited { color:#333; }



/* PRODUCT DETAILS */
#productInfoContainer { float:left; margin:20px 0px 0px 30px; width:578px; }

	/* CAR AND PRODUCT DATA */
	#productCar { float:left; margin:0px; width:100%; min-height:250px; }
		#productCar h2 { float:left; margin:0px; width:568px; font-size:28px; font-weight:600; }
		#productCar h6 { float:left; clear:both; background:#000000; color:#FFF; margin:20px 0px 0px 0px; padding:5px 8px 5px 8px; font-weight:bold; font-size:12px; }
		#productCar p { float:left; clear:both; width:100%; font-size:14px; margin:5px 0px 5px 0px; padding:0px; }

		#productCar p.modelDetailsField { font-size:20px; margin-top:0px; }
		#productCar p.modelNoteField { font-size:15px; margin-top:0px; }
		#productCar p.modelYearField { font-weight:600; font-size:15px; margin-top:0px; }

		#productCar p.noteField { font-size:13px; margin-top:20px; }
		#productCar p.noteField ul { list-style-type:circle; }
		#productCar p.noteField ul li { list-style-type:circle; margin-left:30px; font-size:13px; }

		#extraFields { float:left; clear:left; width:400px; margin:10px 0px 30px 0px; padding:0px; }
			#extraFields li { float:left; width:100%; margin:0px 0px 5px 0px; padding:0px; }
			.extraFieldHeader { float:left; display:block; font-weight:bold; width:160px; }


	/* PURCHASE BOX */
	#productPurchase { float:left; clear:both; margin:0px 0px 0px 0px; padding:30px; width:515px; min-height:90px; background:#FFF; border:solid 1px #ebebeb; }
		#ourPriceContainer { float:left; width:190px; color:#000; margin:0px 10px 0px 0px; padding:0px; }
		#rrpPriceContainer { float:left; width:190px; color:#000; margin:0px 10px 0px 0px; padding:0px; }
			.priceHeader { width:100%; font-size:16px; text-transform:uppercase; margin:0px 0px 0px 0px; padding:0px; }
			#ourPriceText { width:100%; font-family: 'Roboto Slab', serif; font-size:46px; margin:0px 0px 0px 0px; padding:0px; line-height:40px; }
			#rrpPriceText { width:100%; font-family: 'Roboto Slab', serif; font-size:36px; margin:0px 0px 0px 0px; padding:0px; line-height:40px; }
		#deliveryContainer { float:right; width:115px; margin:0px; padding:0px; }
		#deliveryIcon { float:left; width:100px; height:60px; margin:0px 15px 0px 0px; padding:0px; }
		#deliveryMessage { float:left; width:100%; color:#666; margin:5px 0px 0px 0px; padding:0px; font-size:12px; }
		#vatMessage { float:left; width:400px; color:#999; margin:5px 0px 0px 0px; padding:0px; font-size:11px; }
	
		.callContainer { width:auto; color:#000; margin:0px auto 0px auto; }
			.phoneNumber { font-family: 'Roboto Slab', serif; font-size:36px; margin:5px 0px 0px 0px; padding:0px; line-height:40px; }
			.closedMessage { clear:both; float:left; width:100%; color:#999; margin:0px 0px 0px 0px; }

	/* BUY FORM */
	#productBuy { float:left; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; width:100%; }
		/* BASIC OPTIONS */
		#productBuy label { float:left; width:35%; font-size:16px; text-transform:uppercase; text-align:left; margin:0px 0px 5px 0px; padding:5px 0px 0px 0px; }
			#productBuy select { width:65%; margin:0px 0px 0px 0px; }
			#productBuy input[type="submit"] { margin:10px 0px 0px 0px; width:100%; }
		
			#productBuy .optionNote { float:left; width:495px; text-align:left; margin:5px 0px 0px 0px; padding:5px 10px 5px 10px; background:#C00; color:#FFF; }

	/* BANNERS 
	#productExtras { float:left; margin:0px; padding-top:30px; width:260px; background:#CCC; }
		#productExtras img { float:left; margin:0px 0px 0px 5px; }

	/* DELIVERY BOX 
	#productDelivery { clear:both; float:left; margin:15px 0px 0px 0px; width:100%; }
		#productDelivery img { float:left; margin:0px 20px 0px 0px; }
		#productDelivery #deliveryHeader { float:left; width:477px; margin:10px 0px 0px 0px; font-family:'Open Sans', sans-serif; font-size:36px; color:#1c7cc8; font-weight:700; text-transform:uppercase; }
		#productDelivery #deliveryText { float:left; width:477px; margin:-5px 0px 0px 0px; font-size:14px; line-height:15px; }
	*/





/* BRANDING BASICS */
#brandingContainerFull { float:left; width:100%; margin:0px 0px 0px 0px; padding:0px; background:#FFFFFF; border-top:solid 3px #000; }
	#brandingContainer { width:980px; margin:0px auto 0px auto; padding:15px 10px 30px 0px; color:#000000; min-height:250px; line-height: 1.8em; }
		#brandingContainer p { margin:0px 0px 10px 0px; color:#000000; }
		#brandingContainer h3 { float:left; color:#000000; font-size:24px; text-transform:uppercase; font-weight:400; width:980px; margin:20px 0px 20px 0px; }
		#brandingContainer h3 { float:left; color:#000000; font-size:20px; text-transform:uppercase; font-weight:400; width:980px; margin:10px 0px 10px 0px; }
		#brandingContainer ul { clear:both; list-style-type:disc; margin:0px 0px 10px 25px; }
		#brandingContainer ul li { clear:both; list-style-type:disc; }



/* DEFAULT NOTES */
#bdBrakeNotes { float:left; clear:both; color:#000000; margin:10px 0px 10px 0px; background:#FFF; border:solid 1px #ebebeb; padding:7px; width:350px; }
	#bdBrakeNotes img { float:left; margin:0px 10px 0px 0px; }
	
	.downloadLink { float:left; padding:4px 7px; background:#2674b2; color:#FFF; border-radius:3px; margin:10px 0px 10px 0px; }
	.downloadLink:hover { background:#666; color:#FFF; }
