@import url(headers.css);
*
{
	margin: 0;
	padding: 0;
}
BODY
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background: #75818A url(../images/bg.gif) repeat-y center;
}
/*.clearboth {
clear: both;
height: 1%;
}*/
.clearboth:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
P
{
	line-height: 20px;
	padding: 7px 0;
}
#main
{
	line-height: 20px;
}
BLOCKQUOTE
{
	padding-left: 35px;
}
#main UL, #main OL
{
	padding: 4px 0 12px 35px;
	list-style: square;
}
H2
{
	padding: 10px 0 7px;
	font-size: 16px;
	font-weight: bold;
	color: #175689;
}
H3
{
	padding: 12px 0 6px 14px;
	font-size: 14px;
	color: #000000;
	background: url(../images/bullet-green.gif) no-repeat;
	background-position: 0 17px;
	text-align: left;
}
H4
{
	font-size: 11px;
}
HR
{
	border: none;
	height: 2px;
	background-color: #75818A;
	margin: 6px 0 14px;
}
/*Links*/
A:link, A:visited
{
	color: #004176;
}
A:hover
{
	color: #0073D0;
}
/*Layout*/
#page
{
	width: 754px;
	margin: auto;
	background-color: #004176;
	position: relative;
}
#header
{
	background-color: #004176;
	color: #FFFFFF;
}
#content, #sm-content, #mx-content, #mx-content-home
{
	background-color: #FFFFFF;
	padding: 12px 0;
	position: relative;
}
#footer
{
	padding: 12px 12px 32px;
	background-color: #004176;
}
/*main*/
#main
{
	padding: 0 18px 0 0;
	text-align: justify;
}
.sm-layout
{
	width: 575px;
	float: right;
}
.mx-layout
{
	width: 515px;
	float: left;
	margin-left: 18px;
}
.m-layout
{
	width: 718px;
	float: right;
}
/*header*/
#header H2
{
	width: 148px;
	height: 87px;
	margin-top: -8px;
}
#header H2 SPAN
{
	background: url(../images/logo-inner.gif) no-repeat;
	position: absolute;
	width: 148px;
	height: 87px;
}
#header H3
{
	width: 181px;
	height: 38px;
	background: none;
	padding: 0;
	position: absolute;
	left: 163px;
	top: 49px;
}
#header H3 SPAN
{
	background: url(../images/slogan.gif) no-repeat;
	position: absolute;
	width: 181px;
	height: 38px;
}
#header P
{
	width: 217px;
	height: 46px;
	float: right;
	margin: -70px 35px 0 0;
}
#header P SPAN
{
	background: url(../images/saleshotline.gif) no-repeat;
	position: absolute;
	width: 217px;
	height: 46px;
}
/*nav*/
#nav
{
	background: #004176 url(../images/nav-bg.gif) no-repeat right top;
	height: 30px;
}
#nav UL
{
	white-space: nowrap;
	position: absolute;
}
#nav LI
{
	list-style: none;
	display: inline;
}
#nav SPAN
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
/*buttons*/
#nav #aboutus
{
	width: 104px;
	background: url(../images/nav-aboutus.gif) no-repeat top;
}
#nav #aboutus A
{
	background: url(../images/nav-aboutus.gif) no-repeat top;
}
#nav #products
{
	width: 102px;
	background: url(../images/nav-products.gif) no-repeat top;
}
#nav #products A
{
	background: url(../images/nav-products.gif) no-repeat top;
}
#nav #contact
{
	width: 96px;
	background: url(../images/nav-contact.gif) no-repeat top;
}
#nav #contact A
{
	background: url(../images/nav-contact.gif) no-repeat top;
}
#nav #catalogues
{
	width: 118px;
	background: url(../images/nav-catalogues.gif) no-repeat top;
}
#nav #catalogues A
{
	background: url(../images/nav-catalogues.gif) no-repeat top;
}
#nav #news
{
	width: 69px;
	background: url(../images/nav-news.gif) no-repeat top;
}
#nav #news A
{
	background: url(../images/nav-news.gif) no-repeat top;
}
#nav #gallery
{
	width: 88px;
	background: url(../images/nav-gallery.gif) no-repeat top;
}
#nav #gallery A
{
	background: url(../images/nav-gallery.gif) no-repeat top;
}
#nav #links
{
	width: 68px;
	background: url(../images/nav-links.gif) no-repeat top;
}
#nav #links A
{
	background: url(../images/nav-links.gif) no-repeat top;
}
#nav #home
{
	width: 72px;
	background: url(../images/nav-home.gif) no-repeat top;
}
#nav #home A
{
	background: url(../images/nav-home.gif) no-repeat top;
}
#nav #aboutus A, #nav #products A, #nav #contact A, #nav #catalogues A, #nav #news A, #nav #gallery A, #nav #links A, #nav #home A
{
	width: 100%;
	height: 100%;
	display: block;
}
#nav #aboutus A:hover, #nav #products A:hover, #nav #contact A:hover, #nav #catalogues A:hover, #nav #news A:hover, #nav #gallery A:hover, #nav #links A:hover, #nav #home A:hover
{
	background-position: 0 30px;
}
#nav #aboutus, #nav #products, #nav #contact, #nav #catalogues, #nav #news, #nav #gallery, #nav #links, #nav #home
{
	height: 30px;
	float: left;
	clear: right;
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
#nav #aboutus .selected, #nav #products .selected, #nav #contact .selected, #nav #catalogues .selected, #nav #news .selected, #nav #gallery .selected, #nav #links .selected, #nav #home .selected
{
	background-position: bottom;
}
/*direction-nav*/
#direction-nav
{
	background: #004176 url(../images/nav-direction-bg.gif) repeat right top;
	height: 30px;
}
#direction-nav UL
{
	white-space: nowrap;
}
#direction-nav LI
{
	list-style: none;
	display: inline;
}
#direction-nav SPAN
{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
/*buttons*/
#direction-nav #back
{
	width: 105px;
	background: url(../images/nav-back.gif) no-repeat top right;
}
#direction-nav #back A
{
	background: url(../images/nav-back.gif) no-repeat top right;
	width: 76px;
	height: 100%;
	display: block;
	margin-left: 29px;
}
#direction-nav #pagetop
{
	width: 103px;
	background: url(../images/nav-pagetop.gif) no-repeat top;
}
#direction-nav #pagetop A
{
	background: url(../images/nav-pagetop.gif) no-repeat top;
	width: 100%;
	height: 100%;
	display: block;
}
#direction-nav #back A:hover, #direction-nav #pagetop A:hover
{
	background-position: 0 30px;
}
#direction-nav #back, #direction-nav #pagetop
{
	height: 30px;
	float: left;
	clear: right;
	background-repeat: no-repeat;
	background-position: 0 -30px;
}
/*subnav*/
#subnav
{
	width: 142px;
	font-weight: bold;
	margin-right: 612px;
	background: #ECF1F5 url(../images/45s/white-top-right.gif) no-repeat top right;
}
#subnav UL
{
	padding-top: 16px;
}
#subnav LI
{
	list-style: none;
	padding: 0;
}
#subnav A:link, #subnav A:visited
{
	color: #004176;
	text-decoration: none;
	padding: 8px 17px;
	margin: 0;
	display: block;
}
#subnav A:hover
{
	background-color: #F6F8FA;
}
#subnav .selected A:link, #subnav .selected A:visited
{
	background-color: #DBE4EB;
}
/*Begin Sidebar*/
#sidebar
{
	padding: 20px 0 10px;
	margin-left: 545px;
	width: 190px;
}
#sidebar FORM
{
	margin: 0;
}
/*End Sidebar
legal*/
#legal
{
	text-align: center;
}
#legal SMALL
{
	color: #648198;
	font-size: 10px;
}
#legal A
{
	color: #648198;
}
/*images*/
#main IMG
{
	border: none;
	padding: 12px;
}
#main IMG[align="left"]
{
	float: left;
	padding: 0 12px 12px 0;
}
#main .imgleft
{
	float: left;
	padding: 0 12px 12px 0;
	margin: 0;
}
#main IMG[align="right"]
{
	float: right;
	padding: 12px 0 12px 12px;
}
#main .imgright
{
	float: right;
	padding: 12px 0 12px 12px;
	margin: 0;
}
#main TD IMG, #main TH IMG
{
	padding: 0;
}
#main TD IMG.imgleft, #main TD IMG.imgright
{
	padding-bottom: 0;
}
#main DIV.image
{
	background: #75818A;
	padding: 6px;
}
#main DIV.image SPAN
{
	color: #FFF;
	font-size: 11px;
	padding: 3px 0 0;
	display: block;
	line-height: 1.4;
}
#main DIV.image.imgleft
{
	float: left;
	margin: 0 12px 12px 0;
}
#main DIV.image.imgright
{
	float: right;
	margin: 12px 0 12px 12px;
}
#main DIV.image IMG
{
	display: block;
	padding: 0;
	margin: 0;
	float: none;
}
/*sub categories*/
#main #subcategories
{
	margin-top: 6px;
	padding: 0;
	list-style: none;
}
#subcategories LI
{
	margin-bottom: 12px;
	text-align: left;
	padding: 0;
}
#subcategories LI
{
	list-style: none;
	display: block;
	height: 84px;
	float: left;
	width: 180px;
	margin-left: 10px;
	color: #999999;
}
#subcategories P
{
	position: relative;
	top: 10px;
}
#subcategories IMG
{
	float: left;
	position: relative;
	right: 10px;
	padding: 5px 0;
	margin: 0;
}
#subcategories STRONG
{
	font-size: 12px;
	color: #8CC63F;
}
/*suplemental*/
.suplemental
{
	padding: 18px 18px 8px;
	background: #ECF1F5 url(../images/45s/white-top-left.gif) no-repeat top left;
	margin-top: 6px;
}
.suplemental H3
{
	margin-top: -10px;
}
#main .suplemental IMG
{
	border: none;
	float: left;
	padding: 0 12px 12px 0;
	margin-top: 12px;
}
#main .suplemental UL, #main .suplemental OL
{
	padding: 4px 10px 12px 35px;
	position: relative;
	left: 10px;
	list-style: square;
}
/*extra*/
#extra
{
	width: 202px;
	margin-left: 552px;
	background: #ECF1F5 url(../images/45s/white-top-left.gif) no-repeat top left;
}
#extra P
{
	padding: 4px 17px 4px 30px;
	line-height: 17px;
}
#extra UL
{
	padding: 4px 17px 4px 45px;
}
#extra LI
{
	line-height: 17px;
	padding: 3px 0;
	color: #666666;
}
#extra H2
{
	margin-left: 17px;
	margin-bottom: 23px;
	position: relative;
	top: 17px;
}
#extra H3
{
	font-size: 12px;
	padding: 23px 17px 8px 30px;
	background: url(../images/bullet-green.gif) no-repeat;
	background-position: 17px 26px;
	color: #000000;
}
#extra H4
{
	padding: 15px 17px 0;
	color: #272727;
	font-size: 11px;
}
/*Contact form*/
#contactform
{
	border: 1px solid #DCE4EC;
	padding: 8px;
	margin: 6px 0;
}
#contactform .wrapper
{
	background-color: #F8FAFC;
	padding: 12px;
}
#contactform LABEL
{
	font-weight: bold;
	font-size: 12px;
}
#contactform #fullname, #contactform #from
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 3px 4px;
	width: 220px;
}
#contactform #message
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 4px;
	width: 420px;
	height: 120px;
}
#formalert
{
	font-weight: bold;
	color: #8CC63F;
	margin-bottom: 8px;
}
.brand
{
	width: 154px;
	height: 95px;
	margin: 0 15px 15px 0;
	line-height: 15px;
	float: left;
	text-align: center;
	display: block;
	border: 1px solid #EAEAEA;
}
#main .brand IMG
{
	width: 154px;
	padding: 0;
	margin: 0;
}
#main .brand A:link, #main .brand A:visited
{
	text-decoration: none;
}
#brands P
{
	padding: 0 0 15px;
}
.newsitem
{
	width: 100%;
	float: left;
	margin-top: 20px;
	border-top: 1px solid #EAEAEA;
	clear: both;
}
#newsborder
{
	border-top: 1px solid #EAEAEA;
	margin: 20px 0;
}
.newsitem DIV
{
	padding-right: 15px;
}
#main .newsitem IMG
{
	float: left;
	padding: 0 12px 12px 0;
}
.tyreimg
{
	width: 115px;
	margin: 15px 0px -20px 0;
	float: left;
	text-align: center;
}
.tyreimg .imgwrapper
{
	height: 90px;
	margin-bottom: -10px;
}
.tyreimg P
{
	width: 109px;
	border-top: 1px solid #75818A;
	font-weight: bold;
	background-color: #FFFFFF;
	position: relative;
	top: -25px;
	padding-left: 3px;
	padding-right: 3px;
}
#main DIV.tyreimg DIV.imgwrapper IMG
{
	padding: 0;
	margin: 0;
}
#map
{
	width: 515px;
	height: 761px;
	border: none;
	margin-top: 15px;
	font-weight: bold;
}
#map SPAN, #map A
{
	font-weight: normal;
}
.contactdetails
{
	font-size: 12px;
	color: #333333;
	margin: -15px 0 -6px;
	text-align: center;
}
.phone
{
	font-size: 20px;
	font-weight: bold;
	color: #8CC63F;
	padding: 0 4px;
}
.email
{
	font-weight: bold;
	color: #8CC63F;
	padding: 0 4px;
}
.catalogue-download
{
	width: 219px;
	height: 50px;
	text-align: left;
	line-height: 17px;
	border: 1px solid #EAEAEA;
	margin: 4px 8px 4px 0;
	padding: 3px 5px;
	float: left;
	background-color: #FAFAFA;
}
#catalogue-image
{
	background: url(../images/catalogue.jpg) no-repeat right top;
	float: right;
	width: 168px;
	height: 170px;
	margin-top: 12px;
}
#catalogue-download IMG
{
	margin: 0;
	padding: 0;
}
.productdetail TABLE, .news TABLE
{
	border-collapse: collapse;
	clear: both;
	width: 100%;
	margin: 1.4em 0;
	border-bottom: 1px solid #8CC63F;
}
.productdetail TABLE TH, .news TABLE TH
{
	text-transform: uppercase;
/*font-size: 1.1em;*/
	background: #A4D267;
	padding: 0.3em;
	text-align: left;
}
.productdetail TABLE TR, .news TABLE TR
{
	background: #FFFFFF;
}
.productdetail TABLE TR.trbackground, .news TABLE TR.trbackground
{
	background: #F8FCF3;
}
.productdetail TABLE TD, .news TABLE TD
{
	border-top: 1px solid #8CC63F;
	border-left: 1px solid #D4EAB7;
	padding: 0.2em 0.3em;
	text-align: left;
}
.indus TABLE
{
	border-bottom: 1px solid #175689;
}
.indus TABLE TH
{
	background: #175689;
	color: #FFFFFF;
}
.indus TABLE TR.trbackground
{
	background: #ECF1F5;
}
.indus TABLE TD
{
	border-top: 1px solid #175689;
	border-left: 1px solid #AEC3D4;
}
.other TABLE
{
	border-bottom: 1px solid #FF972B;
}
.other TABLE TH
{
	background: #F77D00;
	color: #FFFFFF;
}
.other TABLE TR.trbackground
{
	background: #FDF7EC;
}
.other TABLE TD
{
	border-top: 1px solid #FF972B;
	border-left: 1px solid #FBD6AF;
}
.productdetail TABLE TD.noleftborder, .news TABLE TD.noleftborder
{
	border-left: none;
}
#rt-lists
{
	width: 365px;
}
#rt-lists DIV.rt-list
{
	width: 30%;
	display: block;
	float: left;
}
.indus #subcategories STRONG
{
	color: #175689;
}
.other #subcategories STRONG
{
	color: #F77D00;
}
.agri H2
{
	color: #7AB42D;
}
.other H2
{
	color: #F77D00;
}
.supercard IMG
{
	border: none;
}
.supercard
{
	display: block;
	position: absolute;
	top: 339px;
	right: 13px;
}
#main .gallery
{
	width: 169px;
	padding-right: 14px;
	float: left;
}
#main .gallery.last
{
	padding-right: 0;
}
#main .gallery A
{
	display: block;
	position: relative;
	width: 169px;
	height: 127px;
	border-bottom: 2px solid #8CC63F;
	padding-bottom: 4px;
}
#main .gallery A:hover
{
	border-color: #75818A;
}
#main .gallery A SPAN
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/45s/white-top-right.gif) no-repeat top right;
	width: 15px;
	height: 15px;
}
#main .gallery IMG
{
	padding: 0;
	width: 169px;
	height: 127px;
}
#main .gallery P
{
	line-height: 17px;
	text-align: left;
	padding-top: 4px;
}