body {
 margin: 10px;
 font: 82%/1.3 Arial, Helvetica, sans-serif;
 max-width: 1024px;
}

a img {
 border: none;
}

a {
 color: #33c;
 background-color: #fff;
}

a:visited {
 color: #a09;
 background-color: #fff;
}

#header {
 min-width: 300px;
 margin-bottom: 8px;
 text-align: left;
 font-family: "Times New Roman", Times, serif;
 color: #000;
 background: #c3d4ef url("../images/candy/bkgtr.png") no-repeat scroll top right !important;
 background-image: url("../images/candy/bkgtr.gif"); /* FIX IE5-6 */
}

#header h1 {
 margin: 0;
 padding: 0 20px;
 font-size: 2.55em;
 background: url("../images/candy/bkgtl.gif") no-repeat scroll top left;
}

/* Pass PNG to modern browsers */
#header > h1 {
 background-image: url("../images/candy/bkgtl.png");
}

#header a {
 text-decoration: none;
 color: #000;
 background-color: transparent;
}

#header h2 {
 font-weight: bold; 
 font-size: 1em;
 padding: 0 35px 15px;
 margin: 0px;
 background-image: none; /* FIX IE5.0 */
}

#leftpane {
 float: left;
 width: 23%;
}

#middlepane {
 float: left; 
 width: 63%;
 text-align: left;
}

#leftpane p {
 text-align: center;
 font: 0.85em/1.3 Arial, Helvetica, sans-serif;
 margin: 0;
}

.nav div {
 margin-bottom: 8px;
}

.popupmenu {
 width: 23%;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
}

.nav a,
.popupmenu a,
.nav .current {
 display: block;
 height: 1%;
 padding: 0px 3px;
 font-weight: bold;
 font-size: 12px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height: 1.7em;
 text-decoration: none;
 background-color: #c3d4ef;
 color: #33c;
 border-bottom: solid 1px #fff;
}

.nav a:visited,
.popupmenu a:visited {
 color: #a09;
 background-color: #c3d4ef;
}

.nav a:hover,
.popupmenu a:hover {
 color: #fff;
 background-color: #147;
}

.nav .current,
.nav a.current {
 color: #fff;
 background-color: #7ea1cf;
}

.nav a.current:hover {
 background-color: #147;
 color: #fff;
}

#pagetitle {
 font: bold 1.8em/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin: 0 10px 0.3em 0;
 color: #147;
 background-color: #fff;
}

#content { margin : 0 10px ; }

#its { margin-top : 10px ;
       margin-left : 20px ;
       margin-bottom : 20px ;
       font-size : small ;
       font-weight : bold ;
     }

#its ul { margin-top : 5px ; 
          font-weight : normal ;
        }

#its li { list-style-type : none ;
          margin-left : -25px ;
          line-height : 1.45em;
        }

#its a {
 text-decoration: none;
}

#its a:hover {
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

/* Mudguards Page */
.btt {
 float: right;
 font-size: small;
}

/* End Mudguards Page */

.note { font-size : small ;
        color : #900 ; 
        background-color : #fff ;
      }


.popupmenu { position : absolute ;
             color : #000;
             background-color : #c3d4ef ;
             border-left : 1px solid #fff ; 
           }


.menumarker { float : right ; border : 5px dashed #f00 ; }

.menuitem { float : left } 

a .navarrow { float : right ;
              font-size : 13px ;
              cursor : pointer ;
            }

.navarrow { float : right ;
            font-size : 13px ;
            cursor : default ;
          }

.adr h4 {
 margin-bottom: 0;
}

.adr p {
 margin-left: 20px;
 font-size: small;
 margin-top: 0;
}

.adr span {
 display: block;
}

p.addrs { margin-left : 20px ; 
          font-size: small ;
          margin-top : 0 ;
        }

h4.addrs { margin-bottom : 0 ; }

.more {
 font-size: 10px;
}

a.more:hover {
 color: #fff;
 background-color: #147;
}

.prodcode,
.stockcode,
.spec {
 font-weight: bold;
 font-size: small;
}

h4 { margin-top:0px;}

.cl {
  clear : both ;
}

/* Home Page */

.productHeadline {
 clear: both;
 margin: 1em 0;
}

.productHeadline h2 {
 margin: 0 0 10px;
 padding: 0;
 font-size: 1em;
 line-height: 1em;
 border-bottom: 1px solid #7ea1cf;
 border-left: none;
}

.productHeadline h2 a,
.productHeadline h2 a:visited {
 text-decoration: none;
 padding: 2px 3px 2px 2px;
 color: #fff;
 background-color: #c3d4ef;
}

.productHeadline h2 a:link,
.productHeadline h2 a:visited,
.productHeadline h2 a:hover,
.productHeadline h2 a:active {
 text-decoration: none;
 display: block;
 width: 12em;
 padding: 2px 10px 2px 2px;
 font-size: 1.1em;
 line-height: 1.15em;
 color: #fff;
 background: #7ea1cf url("../images/candy/bkgtrsmall.gif") top right no-repeat scroll;
}

.productHeadline h2 > a:link,
.productHeadline h2 > a:visited,
.productHeadline h2 > a:hover,
.productHeadline h2 > a:active {
 background-image: url("../images/candy/bkgtrsmall.png");
}

.productHeadline h2 a:hover {
 color: #fff;
 background-color: #147;
}

.productHeadline h3 {
 font-size: 1.1em;
 line-height: 1.1em;
 margin: 0;
}

.productHeadline h3 a:link,
.productHeadline h3 a:visited {
 color: #000;
 background-color: #fff;
 text-decoration: none;
}

.productHeadline h3 a:hover,
.productHeadline h3 a:active {
 text-decoration: underline;
}

.productHeadline img {
 float: right;
 margin: 0 0 1em 20px;
}

.productHeadline p {
 margin: 0;
}

.productHeadline p span {
 display: block;
}

/* End Home Page */

ul ul {
  margin : 1em ;
}

.fr {
  float : right ;
  margin : 0 ;
}

abbr,
acronym {
 cursor: help;
 border-bottom: 1px dotted #999;
}

.productList {
 margin: 0 0 0.5em;
 padding: 0;
 list-style-type: none;
 clear: both;
}

/* DELETE TOP 2 SELECTORS WHEN ABLE */
.productList li#first-child, 	
.productList li.first-child,
.productList li:first-child {
 border-top: none;
}

.productList li {
 position: relative;
 margin: 0;
 padding: 1px 0 4px;
 border-top: 1px dashed #c3d4ef;
 min-height: 51px;
 height: auto !important;
 height: 51px;
}

.productList h2 {
 margin: 0 0 0 55px;
 padding: 0;
 font-size: 1em;
 color: #222;
 background-color: #fff;
}

.productList h2 a,
.productList h2 a:link,
.productList h2 a:visited {
 text-decoration: none;
 color: #222;
 background-color: #fff;
}

.productList h2 a:hover {
 text-decoration: underline;
}

.productList img {
 position: absolute;
 top: 3px;
}

.productList p {
 margin: 0 0 0 55px;
}

.messageBox {
 clear : both ;
 margin : 0 0 2em ;
}

.messageBox h1 , .messageBox h2 {
 margin : 0 ;
 padding : 0 2px ;
 line-height : 1.4em ;
 color : #fff ;
 font-size : 1.1em ;
 background : #7ea1cf url("../images/candy/bkgtrsmall.gif") top right no-repeat scroll ;
}

.messageBox > h1 , .messageBox > h2 {
 background-image : url("../images/candy/bkgtrsmall.png") ;
}

.messageBox p {
 margin : 0;
 padding : 2px ;
 border : 1px solid #7ea1cf ;
}

#relatedProducts {
  padding-top : 1em;
  clear : both ;
}

#relatedProducts h1 {
  margin : 0 0 7px ;
  color : #fff ;
  padding : 0 2px 1px ;
  font-size : 1.1em ;
  line-height : 1.4em ;
  background : #7ea1cf url("../images/candy/bkgtrsmall.gif") top right no-repeat scroll ;
}

#relatedProducts > h1 {
 background-image : url("../images/candy/bkgtrsmall.png") ;
}

#relatedProducts ul {
 margin : 0 0 0.5em ;
 padding : 0 ;
 list-style-type : none ;
 clear : both ;
}

/* DELETE TOP 2 SELECTORS WHEN ABLE */
#relatedProducts ul li#first-child,
#relatedProducts ul li.first-child,
#relatedProducts ul li:first-child {
 border-top: none;
}

#relatedProducts ul li {
 position : relative ;
 margin : 0 ;
 padding : 1px 0 4px ;
 border-top : 1px dashed #c3d4ef ;
 min-height : 51px ;
 height : auto !important ;
 height : 51px ;
}

#relatedProducts ul h2 {
  margin : 0 0 0 55px ;
  padding : 0 ;
  font-size : 1em ;
  color : #222 ;
  background-color : #fff ;
}

#relatedProducts ul h2 a, #relatedProducts ul h2 a:link, #relatedProducts ul h2 a:visited {
  text-decoration : none ;
  color : #222 ;
  background-color : #fff ;
}

#relatedProducts ul h2 a:hover {
  text-decoration : underline ;
}

#relatedProducts ul img {
 position : absolute ;
 top : 3px ;
}

#relatedProducts ul p {
 margin : 0 0 0 55px ;
}

#breadcrumbs {
 list-style-type: none;
 padding: 0 1px 0 0;
 margin: 0 10px 16px;
 font-weight: bold;
 font-size: 9px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 border-bottom: 1px solid #7ea1cf;
}

#breadcrumbs li {
 list-style-type: none;
 display: inline;
}

#breadcrumbs a {
 padding: 0 1px;
 text-decoration: none;
 color: #33c;
 background-color: transparent;
 white-space: nowrap;
}

#breadcrumbs a:visited {
 color: #a09;
 background-color: transparent;
}

#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs a:focus {
 color: #fff;
 background-color: #147;
}

#breadcrumbs .current a {
 color: #000;
 background-color: transparent;
}

#breadcrumbs .current a:hover {
 color: #fff;
 background-color: #000;
}

.product,
.productEntry {
 margin: 1.5em 0 0;
 padding: 0 0 1.5em;
 clear: both;
 text-align: left;
}

.product h2,
.productEntry h2 {
 margin: 0 0 1em;
 padding: 0.5em 2px 0;
 font-size: 120%;
 line-height: 120%;
 color: #222;
 background-color: #fff;
 border-bottom: 1px solid #7ea1cf;
}

.product h2 a,
.productEntry h2 a {
 color: #222;
 background-color: transparent;
}

.product h3,
.productEntry h3 {
 margin: 0 0 0.2em 0.7em;
 font-size: 1em;
 line-height: 1.2em;
}

.product h3 {
 clear: left;
 float: left;
}

.product ul {
 padding: 0;
 margin: 0 0 1em 4em;
 clear: left;
}

.product p {
  margin: 0 0 0.5em 8em;
}

.productEntry ul,
.productEntry p {
 padding: 0 0 0 2em;
 margin: 0 0 1em 2em;
}

.largerimage,
.combinedImages {
 margin: 0 0 1em 1em;
 padding: 0;
 float: right;
 text-align: center;
 text-decoration: none;
}

.product img,
.productEntry img {
 margin: 0 0 1em 1em;
 padding: 0;
 float: right;
}

.largerimage img,
.combinedImages img {
 margin: 0;
 float: none;
}

.largerimage span {
 display: block;
 font-size: 90%;
}

.largerimage span span {
 padding-bottom: 2px;
}

a.largerimage:hover {
 background-color: #147;
 color: #fff;
}

.product table,
.productEntry table {
 margin: 0;
 padding: 0;
 clear: both;
 width: 100%;
}

div.categoryListing {
 line-height: 1.45em;
 margin: 1.5em 0;
 padding: 0;
}

div.categoryListing h2 {
 font-size: 1em;
 margin: 0 0.6em;
 padding: 0;
}

div.categoryListing ul {
 list-style-type: none;
}

div.categoryListing ul,
div.categoryListing p {
 margin: 0 1.8em 1em;
 padding: 0;
}

ul.categoryListing {
 line-height: 1.45em;
}

ul.categoryListing ul {
 margin: 0;
 padding-left: 1.5em;
 list-style-type: none;
}

.categoryListing a {
 text-decoration: none;
}

.categoryListing a:hover {
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

/* Twistlocks Page */

.sectionHeading {
 color: #222;
 background-color: transparent;
 clear: both;
 padding: 0 1px;
 margin-bottom: -0.6em;
}

.sectionHeading a {
 color: #222;
 background-color: transparent;
}

/* End Twistlocks Page */


/* About Page */

.companyInfo h2 {
 margin: 30px 0 0;
 font-size: 120%;
}

.companyInfo p {
 margin: 0 5px;
}

.fleet {
 text-align: center;
 padding: 13px 0 0;
}

#legalInfo { 
 margin: 1em 0;
 padding-bottom: 0.1em;
 background-color: #eee;
}

#legalInfo h2 {
 font-size: 1.5em;
 padding: 1px 3px 0;
}

#legalInfo h3 {
 font-size: 1em;
 margin-bottom: 0;
}

#legalInfo ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#legalInfo li {
 margin: 0 12px 10px;
 padding: 0;
}

#legalInfo p {
 margin: 0 15px;
 padding: 0;
}

/* End About Page */


/* Header Contact Details */

.accessibility {
 position: absolute;
 top: -5000px;
 height: 1px;
 overflow: hidden;
}

#header {
 position: relative;
}

#header dl {
 position: absolute;
 top: 0;
 right: 20px;
 width: 20em;
 font: 85%/1.6 Arial, Helvetica, sans-serif;
 font-weight: bold;
 letter-spacing: 1px;
}

#header dt {
 clear: left;
 float: left;
 width: 20%;
 text-align: right;
}

#header dd {
 text-align: right;
}

#header .tel {
 font-size: 1.5em;
 padding: 3px 0;
}

#header dt.tel {
 margin-left: 2px;
}

#header dd.tel {
 padding-left: 5px;
}

@media all and (max-width: 700px) {
 #header dl {
  position: relative;
  padding: 0 35px 10px 55px;
  margin-top: -5px;
 }
 #header dt {
  text-align: left;
 }
 #header dt.tel {
  margin-left: -1px;
 }
 #header dd.tel {
  padding-right: 1px;
 }
}

/* End Header Contact Details */