@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
body { width:100%; margin:0px; }
* { font-family:Open Sans, sans-serif; }
h1,h2,h3,h4,h5,h6 { float:left; clear:both; width:100%; text-align:center; line-height: 1.1em; margin:0px; padding:0px; letter-spacing:-1px; font-weight:700; }
h1 { font-size:1.6em; margin:0px 0px 0px 0px; letter-spacing:-2px;  }
h2 { font-size:1.1em; margin:3px 0px 10px 0px; font-weight:400; }
h3 { font-size:1.3em; margin:7px 0px 5px 0px; }
h4 { font-size:1.3em; margin:0px 0px 10px 0px; }
h5 { font-size:1.3em; margin:0px auto 20px auto; }
h6 { font-size:1.3em; font-weight:400; margin:0px auto 10px auto; }
p { display:block; float:none; clear:left; margin:15px auto 0px auto; font-size:0.9em; text-align:center; }

#vContainer { width:100%; margin:0px auto; padding:0px; }
#vIntro { margin-left:10px; }
#vHeader { float:left; width:100%; background:#386ab5; margin:15px 0px 20px 0px; }
#vHeader img { display:block; width:310px; margin:45px auto 35px auto; }
#vStrapline { float:left; width:100%; background:#000000; margin:0px 0px 20px 0px; text-align:right; }
#vStrapline img { float:none; display:block; max-width:450px; margin:0px auto; }

#vContentContainer { width:auto; margin:0px; }
#vDescription { float:left; width:100%; margin:0px; }

#vBrandLogo { float:none; display:block; width:250px; margin:20px auto; }
#vDescription ul { float:left; clear:left; width:100%; margin:10px 0px 10px 0px; padding:0px; list-style-type:none; }
#vDescription ul li { float:left; width:100%; margin:0px 0px 3px 0px; padding:0px; list-style-type:none; font-size:0.9em; text-align:center; }
#vImage { float:left; width:100%; margin:0px 0px 20px 0px; }
#vImage img { display:block; max-width:100%; margin:0px auto; }

.vBullets { float:left; clear:left; width:100%; margin:20px 0px 0px 0px; padding:0px; list-style-type:none; list-style-position:inside; }
.vBullets li { float:none; width:90%; margin:0px auto 3px auto; padding:4px; font-size:0.9em; text-align:center; list-style-type:none; border-radius:2px; }
.vBullets li:nth-child(odd) { background:#DDDDDD; }
.vBullets li:nth-child(even) { background:#E9E9E9; }
#vExtra,#vTerms { float:left; border:solid 1px #B3B3B3; border-radius:5px; margin:0px auto 20px auto; padding:15px 15px 30px 15px; }
#vImportant { border-radius:5px; margin:25px auto 15px auto; padding:15px 10px; background:#CD0003; color:#FFFFFF; max-width:850px; }

	#productOptions { float:left; width:100%; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; list-style-type:none; }
	#productOptions li { float:left; width:48%; margin:0px 10px 5px 0px; padding:0px; list-style-type:none; font-size:0.8em; background:#E5E5E5; border-radius:5px; }
	#productOptions li .productOptionImage { float:left; width:35%; margin:5px 10px 5px 5px; padding:0px; border-radius:3px; }
	#productOptions li h3 { float:left; clear:none; width:60%; font-size:1.3em; margin:10px 0px 0px 0px; letter-spacing:-1px; font-weight:700; }
	#productOptions li h4 { float:left; clear:none; width:60%; text-align:left; font-size:1.5em; margin:0px 0px 0px 0px; letter-spacing:-1px; font-weight:700; color:#000; }
	#productOptions li p { float:left; clear:none; width:60%; margin:15px 0px 0px 0px; font-size:1.0em; }
	#productOptions li p.redText { float:left; clear:none; width:60%; margin:10px 0px 5px 0px; font-size:1.0em; color:#E30003; font-weight:bold; }

/* EBC BRAKE PADS */
#padCodes { float:none; margin:30px auto 20px auto; text-align:center; }
#padCodes h5 { float:none; width:350px; margin:0px auto 10px auto; background:#000000; color:#FFFFFF; border-radius:3px; padding:9px 0px 12px 0px; }

@media only screen and (max-width: 900px) {
#vIntro { display:none; }
#vHeader { margin:0px; }
#vHeader img { margin:30px auto 20px auto; }

	#productOptions { float:left; width:100%; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; list-style-type:none; }
	#productOptions li { float:left; width:100%; margin:0px 0px 10px 0px; padding:0px; list-style-type:none; font-size:0.8em; background:#E5E5E5; border-radius:5px; }
	#productOptions li .productOptionImage { float:left; width:35%; margin:5px 10px 5px 5px; padding:0px; border-radius:5px; }
	#productOptions li h3 { float:left; clear:none; width:60%; text-align:left; font-size:0.9em; margin:7px 0px 0px 0px; letter-spacing:-1px; font-weight:400; }
	#productOptions li h4 { float:left; clear:none; width:60%; text-align:left; margin:-3px 0px 0px 0px; font-size:1.0em; letter-spacing:-1px; font-weight:700; color:#000; }
	#productOptions li p { float:left; clear:none; width:60%; text-align:left; margin:0px; font-size:0.9em; }
	#productOptions li p.redText { float:left; clear:none; width:60%; text-align:left; margin:0px; font-size:0.9em; color:#E30003; line-height:0.9em; font-weight:normal; }
}