/* CSS Document */
	BODY { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000000; margin:0px; line-height:20px; background-color:#ffffff; }
	*{ font-family: Arial, Verdana, Helvetica, sans-serif; }
	A:link, A:visited, A:active { font-size:12px; color:#000000; text-decoration:none; }
	A:hover { color:#ee3a34; }
	TD { font-size:14px; color:#000000; }
	P { padding-left:10px; padding-right:10px; }
	STRONG { font-weight:900; }
	H1 { font-size:29px; font-weight:bolder; color:#ee3a34; line-height:32px; margin:0px; }
	H2 { font-size:24px; font-weight:bolder; color:#000000; line-height:32px; margin:0px; }
	H3 { font-size:20px; font-weight:bolder; color:#ee3a34; line-height:25px; margin:0px; }
	H4 { font-size:13px; font-weight:900; color:#ee3a34; line-height:15px; margin:5px 0px 5px 0px; } /* T/R/B/L */
	
/* Navigation */
	A.nav:link, A.nav:visited, A.nav:active { font-size:16px; font-weight:900; color:#FFFFFF; text-decoration:none; line-height:18px; }
	A.nav:hover { color:#FFFFFF; }
	A.nav-on:link, A.nav-on:visited, A.nav-on:active { font-size:16px; font-weight:900; color:#000000; text-decoration:none; line-height:18px; }
	A.nav-on:hover { color:#000000; }
	
	ul {
		list-style-image: url(/images/li_bullet.gif);
		list-style-type: circle;
		font-size: 12pt;
		
                                
		}
	
/* Backgrounds */
	TD.topbox { background-image:url(../images/nav/topcurve.gif); background-color:#ee3a34; background-repeat:no-repeat; width:224px; height:38px; }
	DIV.topbox { padding:0px 3px 0px 0px; text-align:center; color:#000000; font-size:24px; font-weight:bold; }

/* side navigation */
	DIV.navlink { padding-top:6px; cursor:hand; }
	DIV.navlink:hover { colour:#FFFFFF; }
	SPAN.navlink { cursor:hand; }
	#navsubtitlebox { position:absolute; left:12px; top:185px; width:145px; height:34px; z-index:1; }
	#navhomebox { position:absolute; left:0px; top:0px; width:120px; height:34px; z-index:1; }
	#navaboutbox { position:absolute; left:0px; top:60px; width:120px; height:34px; z-index:1; }
	#navnitrobox { position:absolute; left:0px; top:180px; width:120px; height:34px; z-index:1; }
	#navproductbox { position:absolute; left:0px; top:120px; width:120px; height:34px; z-index:1; }
	#navlocationbox { position:absolute; left:0px; top:240px; width:120px; height:34px; z-index:1; }
	#navtyrebox { position:absolute; left:0px; top:300px; width:150px; height:34px; z-index:1; }
	#navcontactbox { position:absolute; left:0px; top:360px; width:120px; height:34px; z-index:1; }
	
	#navbutton-home { position:absolute; left:90px; top:0px; width:10px; height:34px; z-index:1; }
	#navbutton-about { position:absolute; left:90px; top:0px; width:10px; height:34px; z-index:1; }
	#navbutton-product { position:absolute; left:90px; top:0px; width:10px; height:34px; z-index:1; }
	#navbutton-location { position:absolute; left:90px; top:0px; width:10px; height:34px; z-index:1; }
	#navbutton-tyre { position:absolute; left:90px; top:0px; width:10px; height:34px; z-index:1; }
	#navbutton-contact { position:absolute; left:90px; top:0px; width:10px; height:34px; z-index:1; }

/* Colours */
	.blue-back { background-color:#ee3a34; }
	.blue { color:#ee3a34; }
	SPAN.tagline { font-size:26px; font-weight:500; color:#FFFFFF; padding-left:20px; letter-spacing:0.7px; font-family:Arial Black; }
	A.on:link, A.on:visited, A.on:active { font-size:12px; color:#FFFFFF; text-decoration:none; }
	A.on:hover { color:#FFFFFF; }
	A.red:link, A.red:visited, A.red:active { font-size:12px; color:#cc0000; text-decoration:none; }
	A.red:hover { color:#cc0000; }
	A.black:link, A.red:visited, A.red:active { font-size:12px; color:#000000; text-decoration:none; }
	A.black:hover { color:#cc0000; }
	A.big:link, A.big:visited, A.big:active, A.big:hover { font-size:29px; color:#ee3a34; line-height:32px; height:60px; }
	A.navtwolink:link, A.navtwolink:visited, A.navtwolink:active  { color: #000000; font-size: 15px; weight:900; font-weight: 900; line-height:normal; }
	A.navtwolink:hover { color: #ee3a34; font-size: 15px; weight:900; font-weight: 900; }
	A.navtwolink-on:link, A.navtwolink-on:visited, A.navtwolink-on:active, A.navtwolink-on:hover  { color: #ee3a34; font-size: 15px; weight:900; font-weight: 900; line-height:normal; }

/* Table */
	HTML,BODY,TABLE#pageheight { height:800px; width:1000px; }
	HTML,BODY,TABLE#pagewidth { width:100%; }

/* columns   */
	#columnone { position:absolute; left:0px; width:280px; height:266px; z-index:2; top: 0px; }
	#columntwo { position:absolute; left:304px; width:290px; height:266px; z-index:2; top: 0px; }
	#onecolumn { position:absolute; left:0px; width:594px; height:266px; z-index:2; top: 0px; }
	#columnthree { position:absolute; left:610px; width:223px; height:266px; z-index:2; }
	.bodycontent { font-size: 12px; line-height: 14px; color:#000000; font-weight: lighter; }
	.question { font-size: 13px; line-height: 25px; color: #000000; font-weight: 900; }

	.navtwo{ color: #ffffff; font-size: 15px; weight:900; }
	.navtwolink{ font-size: 15px; weight:900; font-weight: 900; line-height: 30px; }

	#bridgend { position:absolute; left:0px; top:0px; width:246px; height:266px; z-index:2; line-height:normal; }
	#cardiff { position:absolute; left:272px; top:0px; width:246px; height:266px; z-index:2; line-height:normal; }
	#maesteg { position:absolute; left:550px; top:0px; width:246px; height:266px; z-index:2; line-height:normal; }
	.large { font-size:23px; }
	DIV.map { position:relative; left:0px; top:0px; width:228px; height:154px; z-index:2; border:3px solid #ee3a34; background-color:#ffffff; }
	#location-footer { position:absolute; left:216px; top:575px; width:476px; height:121px; z-index:2; }

/* Other Bits */
	#tyres-rear { position:absolute; left:212px; top:523px; width:480px; height:119px; z-index:11; }
	#tyre-numbers { position:absolute; left:365px; top:359px; width:497px; height:314px; z-index:6; }
	#message { position:absolute; top:680px; left:210px; font-size:22px; color:#ee3a34; font-weight:900; line-height:32px; z-index:10; }
	#tyre-pressure { position:absolute; left:466px; top:479px; width:300px; height:171px; z-index:4; }
	#content { position:relative; top:10px; left:0px; font-size:12px; color:#000000; line-height:32px; z-index:10; }
	#about { position:absolute; left:678px; top:220px; width:300px; z-index:3; background-color:#FFFFFF; border:3px solid #ee3a34; }
	#nitrogen { position:absolute; left:578px; top:205px; width:240px; z-index:3; background-color:#FFFFFF; border:none; }
	.click  { font-size: 12px; color: #cc0000; line-height: 32px; position: relative; top: -30px; left: 590px; width: 100px; height: 30; }
	.clicktwo  { font-size: 12px; color: #cc0000; line-height: 32px; position: relative; top: -80px; left: 590px; width: 100px; height: 30; }
	.hr  { font-size: 29px; font-weight: 900; line-height: 32px; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: dotted; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #ee3a34; border-right-color: #ee3a34; border-bottom-color: #ee3a34; border-left-color: #ee3a34; position: relative; top: -20px; left: 0px; width: 630px; }
	.hr2  { font-size: 29px; font-weight: 900; line-height: 32px; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: dotted; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #ee3a34; border-right-color: #ee3a34; border-bottom-color: #ee3a34; border-left-color: #ee3a34; position: relative; top: -40px; left: 0px; width: 630px; }
	DIV.padding { margin-top:8px; }
	.homeheader { font-size: 29px; color: #ee3a34; line-height: 32px; height: 60px; }
	.emailheader { font-size: 29px; color: #000000; line-height: 32px; height: 60px; }
	.homeheaderthree { font-size: 29px; color: #ee3a34; line-height:10px; height: 90px; }
	.phone { font-size: 19px; font-weight: bolder; color: #ee3a34; height: 110px; }
	.contentdetail { font-size: 12px; color: #000000; line-height: 16px; }
	.gap { font-size: 5px; color: #000000; line-height: 9px; }
	.gap2 { font-size: 2px; color: #000000; line-height: 4px; }
	SPAN.small { font-size:10px; line-height:normal; }
	SPAN.smaller { font-size:10px; line-height:10px; }
	TD.borderr { border-right:1px solid #000000; }
	TD.smalhead { font-size:11px; line-height:normal; text-align:center; }
	TD.figures { text-align:center; font-weight:900; padding:2px 0px 2px 0px;  }
	input  {border-color:#ee3a34; border-width:thin; height:24px; width:130px; font-size:12px;}
	textarea  {border-color:#ee3a34;
	border-bottom-width:1px;
	border-top-width:2px;
 font-size:12px;}

