/** body **/
  body
  {
    margin: 0;
    padding: 10px;
    font-size: 13px;
  }

  a, .tel abbr, .ui-widget-content a
  {
    color: #009ac7;
    text-decoration: none;
  }
.view-whats-new a span {
    color: #009ac7 !important;
}

  a:hover
  {
     text-decoration: underline;
  }

  html.js input.form-autocomplete {
    background-image: none;
  }

  .tel abbr {
    font-weight: bold;
  }

  .left {
    float: left;
  }

  .right {
    float: right;
  }

  .country a, .country
  {
    color: #808285;
  }

  #header .country.au a
  {
    background: url(images/au.gif) no-repeat;
    padding-left: 26px;
  }

  #page-header {
    width: 960px;
    height: 86px;
    background: url(images/blank-header.gif) no-repeat;
    color: white;
    font-size: 32px;
    font-weight: bold;
    line-height: 75px;
    text-indent: 10px;
    text-transform: uppercase;
    clear: both;
    border-top: 7px solid white;
  }

  #page-header.hgeneral-ct {
    background: url(images/GenCT-header.gif) no-repeat;
    text-indent: -10000px;
  }
  #page-header.h4wd,
  #page-header.h4wd\/suv {
    background: url(images/4WD-header.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hheavy-duty {
    background: url(images/HD-header.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hultimate {
    background: url(images/Ultimate-header.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hbrake-shoes {
    background: url(images/BrakeShoe-header.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.heuroplus {
    background: url(images/EuroPlus-header.gif) no-repeat;
    text-indent: -10000px;
  }
  
  #page-header.hbrake-pad-identifier {
    background: url(images/BrakePadIdentifier-header.gif) no-repeat;
    text-indent: -10000px;
  }
  
    #page-header.hbendix-catalogue-app {
    background: url(images/BendixCatalogueApp-header.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hbendix-disc-pads,
  #page-header.hbendix-disc-pads-application-guide,
  #page-header.hbendix-disc-pads-download-brochure,
  #page-header.hbendix-disc-pads-media-releases,
  #page-header.hbendix-disc-pads-truck--trailer-application-guide {
    background: url(images/CVDisc-pads.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hbendix-brake-linings,
  #page-header.hbendix-brake-linings-application-guide,
  #page-header.hbendix-brake-linings-download-brochure,
  #page-header.hbendix-brake-linings-media-releases,
  #page-header.hbendix-brake-linings-truck--trailer-application-guide {
    background: url(images/CVBrakeLinings.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hfleetrans-brake-linings {
    background: url(images/CVBrakeLinings-Fleetrans.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hbendix-brake-shoes,
  #page-header.hbendix-brake-shoes-application-guide,
  #page-header.hbendix-brake-shoes-download-brochure,
  #page-header.hbendix-brake-shoes-media-releases,
  #page-header.hbendix-brake-shoes-truck--trailer-application-guide {
    background: url(images/CVBrakeShoes.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hbendix-truck--trailer, #page-header.htrailer-media-releases {
    background: url(images/CVTruckTrailer.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hbendix-truck--trailer-downloads {
    background: url(images/CVDownloads.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hbendix-trailer-application-guide {
    background: url(images/CVApplicationGuide.gif) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hcommercial-vehicles {
    background: url(images/Commercial-blank.gif) no-repeat;
  }

  #page-header.hhybrid-fusion-technology {
    background: url(images/tech-header-hybrid.png) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hstealth-advanced-technology,
  #page-header.hstealth-information,
  #page-header.hstealth-frequent-questions,
  #page-header.hstealth-references,
  #page-header.hstealth-video {
    background: url(images/tech-header-stealth.png) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hblue-titanium-stripe {
    background: url(images/tech-header-bts.png) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hceramic-technology {
    background: url(images/tech-header-ceramic.png) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hepr {
    background: url(images/tech-header-epr.png) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hinsulayer {
    background: url(images/tech-header-insulayer.png) no-repeat;
    text-indent: -10000px;
  }

  #page-header.hhpc {
    background: url(images/tech-header-hpc.png) no-repeat;
    text-indent: -10000px;
  }


  #logo /* Wrapper for logo */
  {
    margin: 0 10px 0 0;
    padding: 0;
  }


  h1#site-name, div#site-name /* The name of the website */
  {
    margin: 0;
    font-size: 2em;
    line-height: 1.3em;
  }

  #site-name a:link,
  #site-name a:visited
  {
    color: #000;
    text-decoration: none;
  }

  #site-name a:hover
  {
    text-decoration: underline;
  }
  #user-area {
     position: absolute;
     right: 0px;
	 z-index:500;
  }

  #user-area .actions {
     text-align: right;
     clear: both;
  }

  .member_login, .member_page {
    width: 189px;
    height: 58px;
    display: block;
    text-indent: -10000px;
    float: right;
  }

  .member_login {
    background: url(../bendix/images/sprite.png) -0px -831px no-repeat;
  }

  .member_login:hover {
    background: url(../bendix/images/sprite.png) -0px -890px no-repeat;
  }

  .member_page {
    background: url(../bendix/images/sprite.png) -190px -831px no-repeat;
    /*margin-top: -15px; */
  }

  .member_page:hover {
    background: url(../bendix/images/sprite.png) -190px -890px no-repeat;
  }

  .breadcrumb /* The path to the current page in the form of a list of links */
  {
    padding-bottom: 0; /* Undo system.css */
  }

  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
    margin: 0;
  }

  h2.topsteplabel {
    font-size: 1.2em !important;
    margin-bottom: 5px;
  }

  .grid_4 h3, .grid_4 h2{
    color: white !important
  }

  .grid_4 h3 {
    font-size: 1.7em;
  }

  #step-1 {
    background: url("/screentab/design/images/layout/bubble-highlight.gif") repeat-x scroll 0 0 #333333;
    height: 190px;
    padding-top: 10px;

  }

  #step-1 .grid_4 {
    width: 300px;
    margin-left: 0px;
    float: left;
    display: inline;
  }

  .spacing-left {
    padding-left: 20px;
  }

  .grid_4.omega {
    width: 300px;
    padding-left: 60px;
    float: left;
    display: inline;
  }

  .grid_4.omega #badge {
    float: right;
  }

  h6 {
    font-size: 1.2em;
    font-weight: normal;
    font-style: italic;
  }


  .help /* Help text on a page */
  {
    margin: 1em 0;
  }

  .more-help-link /* Link to more help */
  {
    font-size: 0.85em;
    text-align: right;
  }

  #content-area /* Wrapper for the actual page content */
  {
  }

  #main #content h1.title {
    display: none;
  }

  .p-head,
  #content-area .content > p:first-child, .ui-tabs-panel p:first-child,
  #content-area .subtitle {
    font-size: 1.7em;
    color: #58595b;
    text-transform: uppercase;
    margin: 5px 0 5px 0;
    padding: 5px 0 0px 0;
  }

  #content-area h2, .ui-tabs-panel h2, .results {
    font-size: 2.4em;
    color:#009bc5;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
  }

  .results {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 20px;
    color: black;
  }

  .results-newsearch {
    text-transform:none;
    float:right;
    font-weight:normal;
    font-size:1em;
    color:#999999;
  }
  .results-newsearch a.button {
    /*display:inline-block;*/
	float:right;
	margin-left:8px;
  }

  body.h4wd #content-area h2 {
    color:#b32317
  }

  body.hheavy-duty #content-area h2 {
    color:#414042
  }

  body.hultimate #content-area h2 {
    color:#46166B
  }

  body.hbrake-shoes #content-area h2 {
    color: #06518D;
  }

  body.hhybrid-fusion-technology #content-area h2 {
    color:#0078a8;
  }
  body.hstealth-advanced-technology #content-area h2,
  body.hstealth-information #content-area h2,
  body.hstealth-frequent-questions #content-area h2,
  body.hstealth-references #content-area h2,
  body.hstealth-video #content-area h2 {
    color:#662383;
  }

  body.hblue-titanium-stripe #content-area h2 {
    color:#346784;
  }

  body.hceramic-technology #content-area h2 {
    color:#0060a2;
  }

  body.hepr #content-area h2 {
    color:#d66a15;
  }

  body.hinsulayer #content-area h2 {
    color:#84b727;
  }

  body.hpc #content-area h2 {
    color:#009fe3;
  }

  .question {
    color: #009bc5;
  }

  table.cat_search {
    width: 90%;
    border: 0;
  }

  table.cat_search th {
    font-size: 1.2em;
  }

  table.cat_search td:first-child .form-item {
    display: inline;
    margin: 0;
    padding: 0;
  }

  table.cat_search td {
    width: 40%;
  }

  table.cat_search tbody, table.cat_search thead, table.cat_search th {
    border: 0px;
  }

  table.cat_search td {
    vertical-align: top;
  }

  table.cat_search td.post_code_lookup label {
    margin: 10px 0 10px 0;
    display: block;
  }

  td.post_code_lookup .form-item input {
    background: none;
  }

  td.post_code_lookup .form-submit {
    margin-top: 10px;
  }

  #content-area .bendix-table td, #content-area .product-table td {
    padding: 10px;
    vertical-align: top;
  }

  #content-area .bendix-table a.logo:hover {
    background: none;
  }

  #content-area .product-table a.more-info {
    float: right;
  }

  #content-area .bendix-table a.logo {
    display: inline;
    background: none;
  }

  #content-area .bendix-table td {
    vertical-align: top;
  }

  #content-area .bendix-table a.more-info:hover, #content-area .product-table a:hover {
      text-decoration: none;
  }

  #content-area .bendix-table .body-text {
    border-top: 5px solid white;
  }

  #content-area .bendix-table .body-header td {
    border-top: 30px solid white;
  }

  #technologies-summary .row {
    clear:both;
	margin-top:20px;
	padding:10px;
	background:#009bc5;
	border:1px solid #c7c7c7;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#ffffff)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #dddddd, #ffffff); /* Safari 5.1, Chrome 10+ */
	background: -moz-linear-gradient(top, #dddddd, #ffffff); /* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #dddddd, #ffffff); /* IE 10 */
	background: -o-linear-gradient(top, #dddddd, #ffffff); /* Opera 11.10+ */
  }
  #technologies-summary .row .logo {
    width:130px;
	margin-right:10px;
	float:left;
	text-align:center;
  }
  #technologies-summary .row .content-wrapper {
    width:612px;
	float:left;
	background:#dadada;
	-moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    border-radius:  5px; /* future proofing */
    -khtml-border-radius:  5px; /* for old Konqueror browsers */
  }
  #technologies-summary .header {
    position:relative;
	background:black;
	padding:6px;
	-moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius:  5px 5px 0 0;
    border-radius:  5px 5px 0 0; /* future proofing */
    -khtml-border-radius:  5px 5px 0 0; /* for old Konqueror browsers */
  }
  #technologies-summary .header a.more-info {
    background: url("images/tech-moreinfo.png") no-repeat;
    border: 0 none;
    color: #231F20;
    display: block;
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    text-indent: -999999px;
    width: 92px;
	position:absolute;
	top:5px;
	right:6px;
  }
  #technologies-summary .content {
    padding:6px 6px 10px;
  }
  #technologies-summary #hybrid .header {
    background:url(images/tech-summary-header-hybrid.png) no-repeat -1px -1px;
  }
  #technologies-summary #stealth .header {
    background:url(images/tech-summary-header-stealth.png) no-repeat -1px -1px;
  }
  #technologies-summary #bits .header {
    background:url(images/tech-summary-header-bits.png) no-repeat -1px -1px;
  }
  #technologies-summary #ceramic .header {
    background:url(images/tech-summary-header-ceramic.png) no-repeat -1px -1px;
  }
  #technologies-summary #epr .header {
    background:url(images/tech-summary-header-epr.png) no-repeat -1px -1px;
  }
  #technologies-summary #insulayer .header {
    background:url(images/tech-summary-header-insulayer.png) no-repeat -1px -1px;
  }
  #technologies-summary #hpc .header {
    background:url(images/tech-summary-header-hpc.png) no-repeat -1px -1px;
  }

  #content-area .product-table .body-header td {
    /*border-top: 20px solid white;*/
    height: 20px;
  }

  #content-area .product-table tr.spacer, #content-area .product-table tr.spacer td {
    height:5px;
	padding:0;
	margin:0;
  }

  #content-area .product-table {
    margin:0;
  }

  .stealth-header {
    background-color: #1c2a5b;
  }

  .stealth-body {
    background-color: #d2d4de;
  }

  .titanium-header {
    background: #356981;
  }

  .titanium-body {
    background:#d7e1e6;
  }

  .ceramic-header {
    background: #152f56;
  }

  .ceramic-body {
    background: #bebecc;
  }

  .epr-header {
    background: #6f1810;

  }

  .epr-body {
    background: #e2d1cf;

  }

  .insulayer-header {
    background: #2e2b73;

  }

  .insulayer-body {
    background: #d5d5e3;

  }

  .hpc-header {
    background: #0b7abf;

  }

  .hpc-body {
    background: #cee4f2;

  }

  .hd-header {
    background: #030303;
  }

  .hd-body {
    background: #cccccc;
  }

  .ultimate-header {
    background: #32104d;
  }

  .ultimate-body {
    background: #d8d1de;
  }

  .genct-header {
    background: #009bc9;
  }

  .genct-body {
    background: #d2e6f1;
  }

  .europlus-header {
    background: #d1d1d1;
  }

  .europlus-body {
    background: #efefef;
  }

  .brakeshoe-header {
    background: #294888;
  }

  .brakeshoe-body {
    background: #d2e6f1;
  }

  .h4wd-header {
    background:  #8e2b18;
  }

  .h4wd-body {
    background:  #e7d5d2;
  }

  .cv-header {
    background:  #555856;
  }

  .cv-body {
    background:  #eeeeee;
  }

  #content-inner .accordion .view ul {
    margin: 0;
    padding: 0;
  }

  #content-inner .views-row {
    list-style:none;
    clear: both;
  }

  #content-inner .accordion .views-field-image-attach-images {
    background: url(images/editorials-image.png) no-repeat;
    width: 114px;
    height: 118px;
    float: left;
    padding-top: 10px;
    text-align: center;
    margin-right: 15px;
  }

  #content-inner .accordion .views-field-image-attach-images span div {
    margin: 0 auto;
    text-align: center;
  }

  #content-inner .accordion h3 {
    margin-bottom: 5px;
  }

  #content-inner .views-field-title h4 {
    display: inline;
    color: #0094bf;
    font-size: 1.2em;
    margin-right: 10px;
  }

  #content-inner .accordion .views-field-title {
    color: #878787;
    font-size: 1.1em;
  }

  #content-area .content .field-content p:first-child, #content-inner .views-field-body,
  #content-area .view-empty p:first-child {
    color: black;
    font-size: 1em;
    text-transform: none;
  }

  #content-inner .views-field-upload-fid {
    float: right;
  }

  #content-inner h3 {
    clear: both;
  }

  .view-Events .views-field-field-time-value, .view-training-nights .views-field-field-time-value {
    min-width: 150px;
  }

  .view-Events th, #content-inner .view-Events th.views-field-body, #content-inner .view-training-nights th.views-field-body, .view-training-nights th {
    color: rgb(0, 147, 193);
    padding: 4px 4px 10px 4px;
    font-size: 1em;
    vertical-align: top;
  }

  #content-inner .view-Events td.views-field-body, 
  .view-Events td, 
  .view-training-nights td, 
  #content-inner .view-training-nights td.views-field-body {
    padding: 10px 4px 4px 4px;
    background: white;
    border: 0;
    color: black;
    font-size: .9em;
    vertical-align: top;
  }

  .view-Events table, .view-training-nights table {
     width: 100%;
   }

  .view-Events tr, .view-training-nights tr{
    border: 0;
  }

  #content-inner .view-Events tr.even td.views-field-body, .view-Events tr.even td, .view-training-nights tr.even td, #content-inner .view-training-nights tr.even td.views-field-body {
    background-color: #e9f7fd;
  }

  .view-Events thead, .view-training-nights thead {
    border-bottom: 1px solid #cccccc;
  }

  .view-empty ul {
    padding: 0;
    margin: 0;
  }

  #edit-postcode-postal-code, #edit-postcode-search-distance {
    width: 50px;
  }

  .view-empty ul li {
   list-style: none;
   padding-bottom: 2px;
  }

  ul.externalControls {
    position: absolute;
    top: 310px;
    left: 20px;
  }
  .cPauseBtn {
	top: 320px;
  }
  ul.externalControls li {
    display: inline;
  }

  ul.externalControls a {
    list-style: none;
    background: url(images/sprite.png) -504px 0px no-repeat;
    float: left;
    display: block;
    margin-right: 5px;
    width: 12px;
    height: 14px;
    text-indent: -100000px;
  }
  ul.externalControls a:hover, ul.externalControls a.current {
    background: url(images/sprite.png) -516px 0px no-repeat;
  }

  ul.links /* List of links */
  {
    margin: 1em 0;
    padding: 0;
  }

  ul.links.inline
  {
    margin: 0;
    display: inline;
  }

  ul.links li
  {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }

  .pager /* A list of page numbers when more than 1 page of content is available */
  {
    clear: both;
    margin: 1em 0;
    text-align: center;
  }

  .pager a, .pager strong.pager-current
  {
    padding: 0.5em;
  }

  .feed-icons /* The links to the RSS or Atom feeds for the current list of content */
  {
    margin: 1em 0;
  }

  #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
  {
  }

/** navbar **/
  #navbar
  {
  }

  #navbar-inner
  {
  }

  #navbar .view-content .views-field-image-image img {
    padding-top: 8px;
  }

  #search-box /* Wrapper for the search form */
  {
    width: 148px;
  }

  #search-box .form-item
  {
    display: inline;
  }

  #search-box .form-text
  {
    width: 121px;
    height: 27px;
    line-height: 27px;
    background: url(images/search-input.gif) no-repeat;
    border: 0px;
    padding: 0;
    text-indent: 5px;
    margin: 0;
    float: left;
  }

  .section-search #content-area .content p:first-child {
    font-size: 1em;
    text-transform: none;
    color: normal;
  }

  .section-search .search-info {
    display: none;
  }

  .ready, .example, .empty
  {
    color: gray;
  }

  #search-box .form-submit
  {
    background: url(images/submit.jpg) no-repeat;
    width: 27px;
    height: 27px;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    text-indent: -999px;
    font-size: 0px;
    display: block;
    line-height: 0px;
  }

  #search-form #edit-submit {
    margin-top: 10px;
  }

  #search-form label {
    padding-bottom: 5px;
  }

  #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
  {
    display: none;
  }

  #primary /* Primary links */
  {
  }

  #primary ul {
    margin: 0;
    padding: 0;
  }

  #primary li {
    margin: 0;
    padding: 0;
  }

  #primary a {
    width: 132px;
    height: 27px;
    background: url(images/nav-back.jpg) no-repeat;
    display: block;
    line-height: 27px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding-right: 1px;
  }

  #primary a:hover {
    background: url(images/nav-hover.jpg) no-repeat;
    text-decoration: none;
  }

  #secondary /* Secondary links */
  {
  }

  #stockists p, #technologies p {
    /*display: inline;*/
    margin:0 0 10px;
    line-height:0;
  }
  #stockists object {
    margin:0 0 6px;
  }

  .AU #stockists .home-stokist {
    display: block;
    height: 82px;
    text-indent: -100000px;
    width: 219px;
    background: url("images/closest-stockist-au-homepage.png") no-repeat 0 0px;
  }

  .AU #stockists .home-stokist:hover {
    background-position:0 -84px;
  }

  .NZ #stockists .home-stokist {
    display: block;
    height: 82px;
    text-indent: -100000px;
    width: 219px;
    background: url("images/closest-stockist-nz-homepage.png") no-repeat 0 0px;
  }

  .NZ #stockists .home-stokist:hover {
    background-position:0 -84px;
  }

  #stockists .home-products {
    display: block;
    height: 83px;
    text-indent: -100000px;
    width: 219px;
	background: url("images/sprite2.png") no-repeat 0 -339px;
  }
  #stockists .home-products:hover {
    background-position:0 -423px;
  }

  .stockists .views-field-title.empty {
    background: white url(images/Stockist-blank-box.png) 5px 5px no-repeat;
    height: 85px;
    text-align: center;
  }

  .stockist-box{
    width: 103px;
    font-weight: bold;
    font-family: Calibri, Arial, sans-serif;
    color: black;
  }

.home-catalogue {
  display: block;
    height: 175px;
    text-indent: -100000px;
    width: 219px;
    background: url(images/bendix-new-tile-sprite.png) no-repeat 0 0px;
}

.home-catalogue:hover {
  background-position: 0 -176px;
}

  #catalogue #catalogue-search
  {
    padding-bottom: 10px;
  }

  #catalogue #catalogue-search #manufacturer-select-wrapper select,
  #catalogue #catalogue-search #model-select-wrapper select {
   background: transparent;
   width: 220px;
   padding: 5px;
   font-size: 12px;
   border: none;
   height: 27px;
   color:#696A6A;
  }
  #catalogue #catalogue-search #manufacturer-select-wrapper,
  #catalogue #catalogue-search #model-select-wrapper {
   width: 195px;
   height: 27px;
   overflow: hidden;
   background:url(images/home-catalogue-form-select.png) no-repeat;
   margin:2px 0;
  }
  #catalogue #catalogue-search #model-select-wrapper #model-select-wrapper {
    margin:0;
  }
/*  #catalogue #catalogue-search .form-submit {
    background: url(images/home-catalogue-form-submit.png) no-repeat 0 0;
    border: 0 none;
    color: white;
    display: block;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    margin: 0 0 10px;
    padding: 0 0 3px 5px;
    text-align: left;
    width: 89px;
  }*/

  #catalogue #catalogue-search #model-select-wrapper .ahah-progress {
    display: block;
    width: 220px;
    padding: 5px;
    font-size: 12px;
    height: 27px;
    color:#696A6A;
  }

  #catalogue .home-newrelease {
    display: block;
    height: 83px;
    text-indent: -100000px;
    width: 219px;
	background: url("images/sprite2.png") no-repeat -218px -339px;
  }
  #catalogue .home-newrelease:hover {
    background-position: -218px -423px;
  }

/** sidebar-left **/
  #sidebar-left
  {
  }

  #sidebar-left-inner
  {
  }

/** sidebar-right **/
  #sidebar-right
  {
  }

  #sidebar-right-inner
  {
  }

/** footer **/
  #footer
  {
    border-top: 1px solid #dfe0e0;
    color: #939598;
    padding-top: 8px;
    font-size: 9px;
  }

  #footer-inner
  {
  }

  #footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
  {
    padding-left: 5px;
  }

  #footer-message p {
    padding: 0;
    margin: 0;
  }

/** closure **/
  #closure-blocks /* Wrapper for any blocks placed in the closure region */
  {
  }

/** Drupal nodes **/
  .node /* Node wrapper */
  {
  }

  .node-inner /* Additional wrapper for node */
  {
  }

  .sticky /* A sticky node (displayed before others in a list) */
  {
  }

  .node-unpublished /* Unpublished nodes */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  .node-mine /* A node created by the current user */
  {
  }

  .node-teaser /* A node displayed as teaser */
  {
  }

  /* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */
  {
  }

  .node-type-story /* Story content node */
  {
  }

  .node h2.title /* Node title */
  {
  }

  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
    color: #c00;
  }

  .node .picture /* The picture of the node author */
  {
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
    position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }

  .node .meta /* Wrapper for submitted and terms data */
  {
  }

  .node .submitted /* The "posted by" information */
  {
    display: none;
  }

  .node .terms /* Node terms (taxonomy) */
  {
  }

  .node .content /* Node's content wrapper */
  {
  }

  .node ul.links /* Node links. See also the ul.links declaration above. */
  {
  }

  .preview .node /* Preview of the content before submitting new or updated content */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */
  {
    margin: 1em 0;
  }

  .new /* "New" marker for comments that are new for the current user */
  {
    color: #c00;
  }

  .comment ul.links /* Comment links. See also the ul.links declaration above. */
  {
    margin: 1em 0;
  }

  .indented /* Nested comments are indented */
  {
    /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }

  .preview .comment /* Preview of the comment before submitting new or updated comment */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin-bottom: 1em;
  }

  #block-menu-secondary-links ul
  {
    margin: 0;
    padding: 0;
  }

  #block-menu-secondary-links li
  {
    list-style: none;
    display: inline;
    border-right: 1px solid #939598;
    padding: 0 5px;
    margin: 0;
  }

  #block-menu-secondary-links a
  {
    color: #939598;
  }

  #block-block-4 .tech-map {
    background: url(images/tech-back.png);
    width: 491px;
    height: 198px;
    padding: 0;
    margin: 0;
  }

  #block-block-4 .tech-map a {
    display: block;
    width: 147px;
    height: 73px;
    text-indent: -100000px;
  }

  #block-block-4 .stealth {
    background: url(images/sprite.png) 0 -331px no-repeat;
    margin-left: 10px;
  }

  #block-block-4 .stealth:hover {
    background: url(images/sprite.png) -149px -331px no-repeat;
  }

  #block-block-4 .titanium {
    background: url(images/sprite.png) -309px -331px no-repeat;
    width: 149px;
  }

  #block-block-4 .titanium:hover {
    background: url(images/sprite.png) -460px -331px no-repeat;
  }

  #block-block-4 .ceramic {
    background: url(images/sprite.png) -296px -479px no-repeat;
    width: 146px;
  }

  #block-block-4 .ceramic:hover {
    background: url(images/sprite.png) -444px -479px no-repeat;
  }

  #block-block-4 .epr {
    background: url(images/sprite.png) -0px -477px no-repeat;
    margin-left: 10px;
  }

  #block-block-4 .epr:hover {
    background: url(images/sprite.png) -148px -477px no-repeat;
  }

  #block-block-4 .insulayer {
    background: url(images/sprite.png) -0px -404px no-repeat;
    width: 149px;
  }

  #block-block-4 .insulayer:hover {
    background: url(images/sprite.png) -148px -404px no-repeat;
  }

  #block-block-4 .hpc {
    background: url(images/sprite.png) -296px -404px no-repeat;
    width: 146px;
  }

  #block-block-4 .hpc:hover {
    background: url(images/sprite.png) -444px -404px no-repeat;
  }

  #block-block-5 .content a {
    background: url(images/sprite.png) -139px -189px no-repeat;
    display: block;
    width: 138px;
    height: 142px;
    text-indent: -10000px;
  }

  #block-block-5 .content a:hover {
    background: url(images/sprite.png) -277px -189px no-repeat;
  }

  #block-block-7 .content a {
    background: url(images/sidebutton-brakeselection.png) -139px 0px no-repeat;
    display: block;
    width: 138px;
    height: 153px;
    text-indent: -10000px;
  }

  #block-block-7 .content a:hover {
    background: url(images/sidebutton-brakeselection.png) 0 0 no-repeat;
  }

  #block-block-14 .content a {
    background: url(images/sprite.png) -139px -47px no-repeat;
    display: block;
    width: 137px;
    height: 142px;
    text-indent: -10000px;
  }

  #block-block-14 .content a:hover {
    background: url(images/sprite.png) -277px -47px no-repeat;
  }

  #block-block-17 .content a {
    background: url(images/sprite.png) -470px -565px no-repeat;
    display: block;
    width: 137px;
    height: 142px;
    text-indent: -10000px;
  }

  #block-block-17 .content a:hover {
    background: url(images/sprite.png) -607px -565px no-repeat;
  }


  #block-block-13 .content a {
    background: url(images/sprite.png) -415px -189px no-repeat;
    display: block;
    width: 137px;
    height: 142px;
    text-indent: -10000px;
  }

  #block-block-13 .content a:hover {
    background: url(images/sprite.png) -553px -189px no-repeat;
  }


  #block-block-20 .content a {
    background: url(images/sprite.png) -470px -708px no-repeat;
    display: block;
    width: 137px;
    height: 152px;
    text-indent: -10000px;
  }

  #block-block-20 .content a:hover {
    background: url(images/sprite.png) -607px -708px no-repeat;
  }

  .block .content #sidebar-screentab a {
    background: url(images/screentab-side-button.png) no-repeat;
    display: block;
    width: 138px;
    height: 142px;
    text-indent: -10000px;
  }

  .block .content #sidebar-screentab a:hover {
    background: url(images/screentab-side-button-hover.png) no-repeat;
  }

  .block .content #sidebar-static-stockist a {
    background: url(images/stockist-au-side-button.png) no-repeat;
    display: block;
    width: 138px;
    height: 142px;
    text-indent: -10000px;
  }

  .block .content #sidebar-static-stockist a:hover {
    background-position:-138px 0;
  }

  .NZ .block .content #sidebar-static-stockist a {
    background: url(images/stockist-nz-side-button.png) no-repeat;
    display: block;
    width: 138px;
    height: 142px;
    text-indent: -10000px;
  }

  .NZ .block .content #sidebar-static-stockist a:hover {
    background-position:-138px 0;
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
    text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
    text-align: left;
  }

  li a.active /* The active item in a Drupal menu */
  {
    color: #000;
  }


/** Drupal forms **/

  .form-text, select {
    border: 1px solid #c3c5c8;
    /*background: url(images/input-back.gif);*/
	background:#fff;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 5px;
  }

  select {
    /*background: none;*/
	height: 22px;
	padding-top: 2px;
  }

  select[multiple] {
    height: auto;
  }



  .region-navbar .form-text {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }

  select { text-indent: 0px}

  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 1em 0;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  h3.error {
    color: #FF0000;
  }

  .form-item .form-textarea
  {
    font-size: 11px;
    color: black;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit, a.button {
    height: 25px;
    border: 0;
    line-height: 25px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: white;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 20px;
    
    color: white;
    background-color: #066f92;
    background: url(images/linear_bg_blue.png);
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#066f92), to(#0792bf));
    background: -webkit-linear-gradient(top, #0792bf, #066f92);
    background: -moz-linear-gradient(top, #0792bf, #066f92);
    background: -ms-linear-gradient(top, #0792bf, #066f92);
    background: -o-linear-gradient(top, #0792bf, #066f92);
    border: 1px solid #047093;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .form-submit {
    height: 27px;
  }

  .form-submit:hover, a.button:hover {
    background-color: #00506a;
    background: url(images/linear_bg_blue_hover.png);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00506a), to(#007195));
    background: -webkit-linear-gradient(top, #007195, #00506a);
    background: -moz-linear-gradient(top, #007195, #00506a);
    background: -ms-linear-gradient(top, #007195, #00506a);
    background: -o-linear-gradient(top, #007195, #00506a);
    text-decoration: none;
    cursor: pointer;
  }
  
  a.secondary.button,
  #content-area .bendix-table a.more-info, 
  #content-area .product-table a.right {    
    height: 25px;
    border: 0;
    line-height: 25px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: white;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 20px;
    
    color: white;
    background-color: #066f92;
    background: url(images/linear_bg_blue.png);
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#adadad), to(#cecece));
    background: -webkit-linear-gradient(top, #cecece, #adadad);
    background: -moz-linear-gradient(top, #cecece, #adadad);
    background: -ms-linear-gradient(top, #cecece, #adadad);
    background: -o-linear-gradient(top, #cecece, #adadad);
    border: 1px solid #808080;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  a.secondary.button:hover,
  #content-area .bendix-table a.more-info:hover, 
  #content-area .product-table a.right:hover {
    background-color: #00506a;
    background: url(images/linear_bg_blue_hover.png);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#938f8e), to(#b1afae));
    background: -webkit-linear-gradient(top, #b1afae, #938f8e);
    background: -moz-linear-gradient(top, #b1afae, #938f8e);
    background: -ms-linear-gradient(top, #b1afae, #938f8e);
    background: -o-linear-gradient(top, #b1afae, #938f8e);
  }

  #edit-previous {
    background-position:0 -40px;
	padding: 0 10px 3px 0;
	text-align:right;
	float:left;
	margin-right:20px;
  }
  #edit-previous:hover {
    background-position:0 -60px;
  }

  .container-inline div, .container-inline label /* Inline labels and form divs */
  {
    display: inline;
  }

  fieldset {
    border: 0;
    /*border-bottom: 1px solid #d5d5d6;*/
  }
  .webform-submission fieldset, .webform-submission-info {
    border: 1px solid #ccc; 
  }
  .webform-submission .form-item label, .webform-submission .form-item div {
    display: inline-block;
  }

  fieldset legend {
    color: #219cc7;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
  }

  .not-logged-in fieldset label, .not-logged-in fieldset input {
    /*display: inline-block !important;*/
  }

  #edit-profile-position-wrapper, #edit-profile-surname-wrapper, #edit-profile-first-name-wrapper, #edit-profile-suburb-wrapper, #edit-profile-state-wrapper, #edit-profile-postcode-wrapper, #edit-profile-mobile-wrapper,
  #edit-profile-travel-wrapper, #edit-profile-foodwine-wrapper, #edit-profile-music-wrapper, #edit-profile-afl-wrapper, #edit-profile-nbl-wrapper, #edit-profile-dob-wrapper, #edit-profile-bus-name-wrapper, 
  #edit-profile-nrl-wrapper, #edit-profile-soccer-wrapper, #edit-profile-motorsport-wrapper, #edit-profile-golf-wrapper, 
  body.contact #webform-component-name, body.contact #webform-component-surname, body.contact #webform-component-suburb, body.contact #webform-component-country, body.contact #webform-component-post_code, 
  body.contact #webform-component-mobile, body.contact #webform-component-postcode, body.contact #webform-component-first_name, body.contact #webform-component-last_name, body.contact #webform-component-business_name, 
  body.contact #webform-component-state, body.contact #webform-component-part_number {
    float: left;
    margin-right: 2em;
  }

  #edit-profile-phone-wrapper, #edit-profile-cricket-wrapper, #edit-profile-gender-wrapper, #edit-profile-franchise-wrapper, #edit-profile-country-wrapper, 
  body.contact #webform-component-phone, body.contact #webform-component-email, #webform-client-form-19515 #webform-component-suburb, body.contact #webform-component-gender, body.contact #webform-component-business_name {
    clear: both;
    float: left;
    margin-right: 2em;
  }
  
  /* Styling for the contact us form. */
  body.contact .webform-client-form #webform-component-business-name.webform-component, 
  body.contact .webform-client-form #webform-component-address-name.webform-component {
    float: left;
    clear: both;
  }
  body.contact .webform-client-form #webform-component-business-name {
    margin-bottom: 20px;
  }
  body.contact .webform-client-form .upload-element-row .upload-element-preview img {
    cursor: pointer;
  }
  body.contact .webform-client-form .upload-element-row {
    float: left;
  }
  body.contact .webform-client-form .upload-element-detail {
    /*display: none;*/
    height: 0;
    opacity: 0;
    width: 0;
  }
  body.contact .webform-client-form .upload-element-row {
    height: 107px;
    width: 100px;
  }
  body.contact .webform-client-form #edit-actions {
    margin-top: 0;
  }
  body.contact .webform-client-form #edit-actions #edit-submit {
    margin-top: 0;
  }

  #webform-component-email, #webform-component-comments, #webform-component-address, #webform-component-do_you_authorise_contact_via_email,
  .captcha, #edit-profile-address-wrapper {
    clear: both;
  }

  #edit-profile-afl-wrapper, #edit-profile-nbl-wrapper, #edit-profile-nrl-wrapper, #edit-profile-soccer-wrapper, #edit-profile-afl-wrapper select, #edit-profile-nbl-wrapper select, #edit-profile-nrl-wrapper select, #edit-profile-soccer-wrapper select {
    width:150px;
  }

  #edit-profile-country-wrapper {
    width: 100%;
  }

  #edit-profile-mobile-wrapper {
    width: 60%;
  }

  
  
  #views-exposed-form-search-by-vehicle-page-1 .roundedBox {
    background: #F2F2F2;
    color: #000000;
    padding: 15px 0px;
  }

  .login td {
    padding: 10px;
    vertical-align: top;
    width: 400px;
  }

  fieldset label {
    font-weight: bold;
  }

  fieldset select {
    /*width: 150px;*/

  }

  .webform-component-select .form-checkboxes div {
    float: left;
    margin-right: 10px;
  }

  .tips /* Tips for Drupal's input formats */
  {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
  }

/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */
  {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
  }

  #user-login-form li.openid-link /* The "Log in using OpenID" links. */
  {
    margin-top: 1em;
    margin-left: -20px; /* Un-do some of the padding on the ul list. */
  }

  #user-login-form li.user-link /* The "Cancel OpenID login" links. */
  {
    margin-top: 1em;
  }

  #user-login ul
  {
    margin: 1em 0;
  }

  #user-login li.openid-link, /* The OpenID links on the /user form. */
  #user-login li.user-link
  {
    margin-left: -2em; /* Un-do all of the padding on the ul list. */
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody
  {
    border-top: 1px solid #ccc;
  }

  form th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  form tbody th
  {
    border-bottom: 1px solid #ccc;
  }

  form thead th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  #edit-delete, #edit-submit {
    float: left;
    margin-right: 20px;
  }


  #scrollableTablewrapper table {
    padding: 0;
    margin: 0;
    top: 0;
  }

  #scrollableTablewrapper {
    border:none !important;
  }

  #scrollableTablewrapper table thead th {
    background:#fff !important;
  }

  .catalogue caption, .single-vehicle caption {
    background: url(images/blue-bar.png) no-repeat;
    height: 26px;
    text-align: left;
    color: white;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
    text-indent: 10px;
	margin-top:-2px;
  }

  .catalogue caption {
    width: 774px !important;
  }

  .catalogue .odd, .catalogue .even {
    border: 0;
  }

  .catalogue td {
    padding: 2px 5px;
	vertical-align:top;
  }

  .catalogue td.views-field-variant {
   /* width:350px !important;*/
  }

  .catalogue .odd {
    background: white;
  }

  .catalogue .even {
    background: #b7dcee;
  }

  .catalogue thead th {
    border-bottom: 1px solid #dadbdc;
    padding: 5px 5px 2px 5px;
	/*width: auto !important;*/
  }

  .catalogue td a, .catalogue td a:hover {
    color:#000;
	text-decoration:none;
  }

  .single-vehicle caption .shape {
    float: right;
    margin-right: 40px;
  }

  .single-vehicle .image {
    width: 500px;
    text-align: center;
    padding: 10px;
  }

  .vehicle:hover {
    cursor: pointer;
    background: #efefef;
  }

  /*hide weird flashing duplication on ajax reload*/
/*  .view-search-by-vehicle {
    display:none;
    height:1px;
    overflow:hidden;
  }*/
  #main .view-search-by-vehicle.views-processed {
    display:block;
    min-height:1000px;
    overflow:visible;
  }


  .stockists thead tr {
    background: url(images/bar-back.gif) !important;
    color: white;
    width: 692px;
    height: 26px;
    text-align: left;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
  }

  .stockists thead th {
    background: url(images/bar-back.gif) !important;
    color: white;
    height: 26px;
    text-align: left;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
  }

  .stockists thead th.views-field-address {
	padding-left: 10px;
    width: 340px;
	background: none;
  }

  .stockists thead th.views-field-address-2 {
    width: 200px;
	background: none;
  }

  .stockists thead th.views-field-address-1 {
    width: 122px;
	background: none;
  }

  .stockists tbody td.views-field-title {
	  width: 120px;
  }

  .stockists tbody td.views-field-address {
	  width: 200px;
  }

  .stockists tbody td.views-field-address-2 {
	  width: 200px;
  }

  .stockists tbody td.views-field-address-1 {
	  width: 200px;
  }

  .stockists tbody td.views-field-title img {
    margin: 4px;
  }

  div.stockist-box {
	  margin: 0 auto !important;
  }

  .stockists caption {
    text-align: left;
    margin-bottom: 5px;
  }

  .stockists thead {
    margin-bottom: 5px;
  }

  .catalogue, .stockists, .single-vehicle, .top150 {
    width: 773px;
  }

  .top150 .ui-accordion-content {
    padding:0;
  }

  table.stockists  {
    margin-top:3em;
  }

  .stockists td {
    background: white;
  }


  .clear {
    clear: both;
  }

  /* Galleries */

  .galleries {
    width: 100%;
    clear: both;
  }

  .galleries.performance {
    width: 320px;
  }

  .galleries td {
    text-align: center;
  }

  .galleries a {
    width: 138px;
    height: 142px;
    display: block;
    text-indent: -10000px;
  }

  .galleries .ggeneral-ct {
    background: url(images/gallery-sprites.png) no-repeat;
  }

  .galleries .ggeneral-ct:hover, .galleries .ggeneral-ct.active {
    background: url(images/gallery-sprites.png) 0 -142px no-repeat;
  }

  .galleries .g4wd {
    background: url(images/gallery-sprites.png) -138px 0px no-repeat;
  }

  .galleries .g4wd:hover, .galleries .g4wd.active {
    background: url(images/gallery-sprites.png) -138px -142px no-repeat;
  }

  .galleries .gheavy-duty {
    background: url(images/gallery-sprites.png) -276px 0px no-repeat;
  }

  .galleries .gheavy-duty:hover, .galleries .gheavy-duty.active {
    background: url(images/gallery-sprites.png) -276px -142px no-repeat;
  }

  .galleries .gultimate {
    background: url(images/gallery-sprites.png) -414px 0px no-repeat;
  }

  .galleries .gultimate:hover, .galleries .gultimate.active {
    background: url(images/gallery-sprites.png) -414px -142px no-repeat;
  }

  .galleries .gbrake-shoes {
    background: url(images/gallery-sprites.png) -552px 0px no-repeat;
  }

  .galleries .gbrake-shoes:hover, .galleries .gbrake-shoes.active {
    background: url(images/gallery-sprites.png) -552px -142px no-repeat;
  }

  .galleries .gstreet-road-track {
    background: url(images/gallery-sprites.png) 0px -284px no-repeat;
    width: 138px;
    height: 174px;
  }

  .galleries .gstreet-road-track:hover, .galleries .gstreet-road-track.active {
    background: url(images/gallery-sprites.png) 0px -458px no-repeat;
  }

  .galleries .grace {
    background: url(images/gallery-sprites.png) -138px -284px no-repeat;
    width: 138px;
    height: 174px;
  }

  .galleries .grace:hover, .galleries .grace.active {
    background: url(images/gallery-sprites.png) -138px -458px no-repeat;
  }

  .galleries .gfleetrans {
    background: url(images/gallery-sprites.png) -414px -284px no-repeat;
    opacity: 0.5;
  }
  .galleries .gfleetrans:hover, .galleries .gfleetrans.active {
    opacity: 1;
  }

  .galleries .gprotrans {
    background: url(images/gallery-sprites.png) -276px -284px no-repeat;
    opacity: 0.5;
  }
  .galleries .gprotrans:hover, .galleries .gprotrans.active {
    opacity: 1;
  }

  .galleries .gbrake-lubricant {
    background: url(images/gallery-sprites.png) -276px -426px no-repeat;
    opacity: 0.5;
  }
  .galleries .gbrake-lubricant:hover, .galleries .gbrake-lubricant.active {
    opacity: 1;
  }

  .galleries .gbrake-fluid {
    background: url(images/gallery-sprites.png) -414px -426px no-repeat;
    opacity: 0.5;
  }
  .galleries .gbrake-fluid:hover, .galleries .gbrake-fluid.active {
    opacity: 1;
  }

  .galleries .gcleaner-and-degreaser {
    background: url(images/gallery-sprites.png) -552px -426px no-repeat;
    opacity: 0.5;
  }
  .galleries .gcleaner-and-degreaser:hover, .galleries .gcleaner-and-degreaser.active {
    opacity: 1;
  }

  .gallery-contents, .gbendix {
    clear: both;
    width: 100%;
  }

  .gallery-contents .gcaption, .gbendix .gcaption {
    text-align: left;
    vertical-align: middle;
    height: 50px;
    padding: 0;
    padding-top: 4px;
    text-indent: 10px;
  }

  .gcaption img {
    display: block;
  }

  #content-area .gbendix h2 {
    color: white;
    font-size: 2.1em;
    margin:0;
    padding: 0;
    padding-bottom: 4px;
  }

  .gallery-contents.ggeneral-ct .gcaption, .gbendix .gcaption {
    background-color: #009bc7;
  }

  .gallery-contents.ggeneral-ct h3, .gbendix h3 {
    color: #0094bf;
  }

  .gallery-contents.g4wd .gcaption {
    background-color: #b0231e;
  }

  .gallery-contents.g4wd h3 {
    color: #852b1b;
  }

  .gallery-contents.gheavy-duty .gcaption,
  .gallery-contents.grace .gcaption,
  .gallery-contents.gstreet-road-track .gcaption {
    background-color: black;
  }

  .gallery-contents.gheavy-duty h3,
  .gallery-contents.grace h3,
  .gallery-contents.gstreet-road-track  h3 {
    color: black;
  }

  .gallery-contents.gultimate .gcaption {
    background-color: #3a1a57;
  }

  .gallery-contents.gultimate h3 {
    color: #3a1a57;
  }

  .gallery-contents.gbrake-shoes .gcaption {
    background-color: #2e4b82;
  }

  .gallery-contents.gbrake-shoes h3 {
    color: #2e4b82;
  }

  .gallery-contents .item, .gbendix .item {
    width: 40%;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
  }

  .gallery-contents td, .gbendix td {
    padding: 10px;
  }

  .gallery-contents td a, .gbendix ta a {
    color: black;
    font-weight: bold;
  }

  .gallery-contents .download, .gallery-contents.ggeneral-ct .download, .gbendix .download  {
    background-color: #def0f7;
  }

  .gallery-contents.g4wd .download {
    background-color: #eddfdd;
  }

  .gallery-contents.gheavy-duty .download,
  .gallery-contents.grace .download,
  .gallery-contents.gstreet-road-track .download {
    background-color: #e5e5e5;
  }

  .gallery-contents.gultimate .download {
    background-color: #ebe8ee
  }

  .gallery-contents.gbrake-shoes .download {
    background-color: #eaedf2
  }

  .gallery-contents td.download, .gbendix td.download {
    border: 1px solid #dfdfdf;
  }

  .gallery-contents h3, .gbendix h3 {
    font-size: 1.2em;
  }

  .gallery-contents .download.icon, .gbendix .download.icon {
    width: 26px;
  }

  .filesize {
    color: gray;
    font-weight: normal;
  }

  #block-menu-menu-members-links a {
    cursor: pointer !important;
  }


.cPlayBtn{
	background: url(/sites/all/themes/bendix/images/btnPlay.jpg);
}

.cPauseBtn{
	background: url(/sites/all/themes/bendix/images/btnPause.jpg);
}


html.js a.views-throbbing,
html.js span.views-throbbing {
  background-image: none;
}


/* Brake Problem Tech Tips */
.techtip-brake-problem .node .brake-image .image-attach-body {
  float:left;
  margin-right:15px;
  margin-left:0;
}
.techtip-brake-problem .node .brake-image .all-attached-images {
  display:inherit;
}
.techtip-brake-problem .node .all-attached-images {
  display:none;
}
.techtip-brake-problem #content-inner .brake-header {
  clear:none;
  font-size:1.4em;
  color:#0093C1;
  font-style:italic;
  margin-bottom:0;
}
.techtip-brake-problem .field-field-brakeproblem-summary {
  font-style:italic;
  color:#696969;
  font-size:1em;
}
.techtip-brake-problem #content-inner h3 {
  color:#0093C1;
}
.techtip-brake-problem .node table {
  width:560px;
  margin-bottom:30px;
}
.techtip-brake-problem .node table thead tr {
  background:#fff;
  border-bottom:1px solid #CCCCCC;
}
.techtip-brake-problem .node table tr.odd {
  background:#f1f2f2;
}
.techtip-brake-problem .node table tr.even {
  background:#fff;
}
.techtip-brake-problem .node table td, .techtip-brake-problem .node table th {
  padding:5px;
  width:50%;
  font-style:italic;
  font-size:.9em;
}

#content-inner .view-brake-problems .views-row {
  clear:none;
  margin-bottom:10px;
}
#content-inner .view-brake-problems .view-header {
  padding-bottom:10px;
  margin-bottom:20px;
  border-bottom:1px solid #bbb;
}
#content-inner .view-brake-problems .view-header p:first-child {
  font-size: 1.7em;
  color: #58595b;
  text-transform: uppercase;
  margin: 5px 0 5px 0;
  padding: 5px 0 0px 0;
}
#content-inner .view-brake-problems .views-field-title {
  font-weight:bold;
}
#content-inner .view-brake-problems .views-field-field-brakeproblem-summary-value {
  font-style:italic;
  color:#696969;
}
#content-inner .field-field-brakeproblem-products .field-label, #suggested_products h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 10px;
  margin-top: 30px;
  border-bottom:1px solid #bbb;
  color:#0093C1;
}
#content-inner .field-field-brakeproblem-products .view-reference-views-formatter .views-field-image-attach-images {
  float:none;
  height:auto;
  width:auto;
  margin:0;
  padding:0;
}
#content-inner .field-field-brakeproblem-products .view-reference-views-formatter table, #suggested_products table {
  width:100%;
}
#content-inner .field-field-brakeproblem-products .view-reference-views-formatter table td, #suggested_products table td {
  text-align:center;
  width:12.5%;
  vertical-align:top;
}
#content-inner .field-field-brakeproblem-products .view-reference-views-formatter table td .views-field-title {
  font-weight:bold;
  font-size:.9em;
}
#content-inner .field-field-brakeproblem-products .view-reference-views-formatter .views-field-image-attach-images div {
  display: none;
}
#content-inner .field-field-brakeproblem-products .view-reference-views-formatter .views-field-image-attach-images div:first-child {
  display: block;
}

#content-area table.overlap {
  background:url('images/cv-overlap-background.gif') repeat-x 0 20px;
  margin:0;
}
#content-area table.overlap td {
  padding:2px 10px;
}
#content-area table.overlap tr.body-header td {
  padding-top:0px;
  border-top:none;
}
#content-area table.overlap tr.body-header td.header {
  padding-top:35px;
}

/*Truck & Trailer*/
.cv-table {
  width:100%;
  border:1px solid #B2B2B2;
}
.cv-table thead td, .application-table thead th {
  background:#555856;
  color:#fff;
}
.cv-table td, .application-table td {
  padding:3px 8px;
}
.cv-table tbody td, .application-table tbody td {
  border-right:1px solid #B2B2B2;
}
.cv-table tbody tr.odd, .application-table tbody tr.odd {
  background:#fff;
}

.cv-table.application tbody td:nth-child(odd) {
  /*background:#eee;*/
}
.cv-table.application strong, .application-table strong {
  color:#008FC3;
}
.cv-table.application tbody td, .application-table tbody td {
  background:#eee;
}
.cv-table.application tbody tr.odd td, .application-table tbody tr.odd td {
  background:#fff;
}
.cv-table.application thead td, .application-table .fht-table td {
  padding:0px 2px;
  font-size:10px;
  height:30px;
}
.application-table thead th, .application-table .fht-table th {
  padding:0px 2px;
  font-size:10px;
  height:30px;
  line-height: 16px;
}
.application-table {
  border:1px solid #B2B2B2;
  height: 400px;
}


/*Brake Shoes*/
.brakeshoes-table {
  width:100%;
  margin:20px 0;
}
.brakeshoes-table thead td {
  background:#1F659F;
  color:#fff;
  font-size:1em;
  font-weight:bold;
}
.brakeshoes-table td {
  padding:8px;
}
.brakeshoes-table td h3 {
  color:#06518D;
  text-transform:uppercase;
  margin:0;
  font-size:1em;
}
.brakeshoes-table td p {
  margin:0;
}
.brakeshoes-table tbody tr.odd {
  background:#ececec;
  border-bottom:none;
}
.brakeshoes-table tbody tr.even {
  background:#dcdcdc;
  border-bottom:none;
}

.brakeshoes-table-2 {
  width:100%;
  margin:20px 0;
}
.brakeshoes-table-2 thead td {
  background:#1F659F;
  color:#fff;
  font-size:1em;
  font-weight:bold;
}
.brakeshoes-table-2 td {
  padding:3px 8px;
}
.brakeshoes-table-2 td h3 {
  color:#06518D;
  text-transform:uppercase;
  margin:0;
  font-size:1em;
}
.brakeshoes-table-2 td p {
  margin:0;
}
.brakeshoes-table-2 tbody td {
  border-right:1px solid #B2B2B2;
}
.brakeshoes-table-2 tbody tr.odd {
  background:#fff;
  border-bottom:none;
}
.brakeshoes-table-2 tbody tr.even {
  background:#ececec;
  border-bottom:none;
}
ul.arrow-bullets {
  list-style-type:none;
  padding-left:0;
}
ul.arrow-bullets li {
  clear:left;
  margin-left:0;
}
span.arrow-bullet {
  color:#1B99C2;
  font-family:Arial, Helvetica, sans-serif;
  margin-right:5px;
  height:20px;
  display:block;
  float:left;
}


.view-bmail-non-members .views-field-nothing,
.view-newsbrake-non-members .views-field-nothing {
  float: left;
  height: 118px;
  margin-bottom: 10px;
  margin-right: 15px;
  width: 114px;
}
.view-bmail-non-members .views-field-title a,
.view-newsbrake-non-members .views-field-title a,
.view-editorials .views-field-title a,
.view-editorials .views-field-title {
  color:#0094BF;
  font-size:1.1em;
  font-weight:bold;
}
.view-bmail-non-members .views-field-title span.date,
.view-newsbrake-non-members .views-field-title span.date,
.view-editorials .views-field-title span.date {
  color:#878787;
  font-style:italic;
  padding-left:6px;
}
.view-bmail-non-members .views-field-nothing-1,
.view-newsbrake-non-members .views-field-nothing-1,
.view-editorials .views-field-nothing {
    text-align: right;
}

#content-inner .view-editorials .views-field-image-attach-images,
#content-inner .view-newsbrake-non-members .views-field-image-attach-images  {
  float: left;
  height: 118px;
  margin-bottom: 10px;
  margin-right: 15px;
  width: 114px;
  background: url(images/editorials-image.png) no-repeat top center;
  position:relative;
  padding-top:0;
}
.view-editorials .views-field-image-attach-images span div,
.view-newsbrake-non-members .views-field-image-attach-images span div {
  margin-left:auto;
  margin-right:auto;
}
.view-editorials .views-field-image-attach-images img,
.view-newsbrake-non-members .views-field-image-attach-images img {
  position: absolute;
  top: 50%;
}


/*****************************
Stuff from catalogue includes
******************************/
.noResultsCls{
	border:1px solid #c3c5c8;
	background:#a0dbe8;
	padding:8px;
	margin-right:10px;
}

div.rounded div {
  height: 1px;
  overflow: hidden;
}
#catSearchEngineDiv {
	height: 380px;
	width:774px;
}

.roundedBox h1, .roundedBox p, .roundedBox table {
	margin: 0 20px;
}
.roundedBox {
  background: #F2F2F2;
  color:black;
}

#popularButtons {
	height:60px;
}

.lm a{
	margin-left:10px;
	margin-top:5px;
}

.newSearchBtn{
	background: url(/sites/all/themes/bendix/images/btnNewSearch.jpg);
	width: 66px;
	height: 64px;
	display: block;
  float: right;
}

#PopManBox{
	margin-top:10px;
	clear:right;
}

#VehicleBox{
	width:470px;
	height:250px;
	margin-top:20px;
	float:left;
}

#PartBox, #CrossBox{
	margin-top:20px;
	margin-left:20px;
	float:left;
	display:block;
	width:284px;
	/*height:115px;*/
	/*clear:right;*/
}
.searchBoxesDiv{
	height:220px;
}

.searchBoxes2Div{
	height:100px;
}

#edit-manufacturer, #edit-part, #edit-variant{
	/*background: #ffffff !important;*/
}

h3.error{
	display:none;
}

#edit-oepart{
	background:white;
}


/* popular changes 3 mar 2011 */
#popularButtons{
	width:769px;
	margin-top:5px;
	margin-left:10px;
	/*border:1px red solid;*/
}

#popularButtons ul li a{
  width: 88px;
	margin-right: 5px;
  margin-bottom: 4px;
}

#after-market{
	background: url(/sites/all/themes/bendix/images/after_market_upgrade.jpg) no-repeat;
	width:81px;
	height:60px;
	display:block;
	margin-left:20px;
	float:left;
}

#top-150-button{
	background: url(/sites/all/themes/bendix/images/150_pop_button.png) no-repeat 0 1px;
	width:81px;
	height:60px;
	display:block;
	margin-left:15px;
	float:left;
}
#popmans {
	float:left;
}
#popbigbuttons {
	float:left;
	width:210px;
}

#PopManBox p{
	margin-left:20px;
}
/* end popular changes 3 march 2011*/


#VehicleBox table, #VehicleBox p{
margin-left:20px;
}

#CrossBox p{
	margin-bottom:10px;
}

.vehicleSearchDiv{
	position:relative;
}

#asteriskFlashyThing {
	position:absolute;
	left:200px;
	top:50px;
	font-size:1.9em;
	line-height:100%;
	/*border:1px red solid;*/
	color:red;
	display:none;

	/*float:right;
	padding-right:130px;*/
}

.hiddenElement{
	display:none;
}

#oetooltip{
	display:block;
	position:relative;
}

#oetooltip img
{
	border:0;
	cursor:pointer;
	position:absolute;
	top:0;
	left:150px;
}

.tooltip {
	display:none;
	background:transparent url(/sites/all/themes/bendix/images/white_arrow_big3.png) no-repeat;
	font-size:12px;
	height:128px;
	width:325px;
	padding:25px;
	padding-top:10px;
	color:#222;
	/*border:red 1px solid;*/
}
/*****************************
End of catalogue includes
******************************/

#promoflyer-conditions, #promoflyer-examples {
  background:url(images/bendix-logo.jpg) no-repeat top left;
}
#promoflyer-conditions p:first-child,
#promoflyer-examples p:first-child {
  font-size: 1.7em;
  color: #58595b;
  text-transform: uppercase;
  margin: 5px 0 5px 120px;
  padding: 3px 0 0 0;
}
#promoflyer-conditions h2,
#promoflyer-examples h2 {
  font-size: 2.4em;
  color:#009bc5;
  margin: 0 0 0 120px;
  padding: 0;
  text-transform: uppercase;
}
#promoflyer-examples table {
  width:100%;
}
#promoflyer-examples table td img {
  width:100%;
}

/* views slideshow */
.view-dom-id-slideshow-page_1 .views-slideshow-controls-bottom {
  margin-top:-100px;
}
#views_slideshow_singleframe_playpause_slideshow-page_1 {
  display:none;
}
#views_slideshow_singleframe_prev_slideshow-page_1 {
  background:url(images/arrows.png) -8px -8px no-repeat;
  text-indent:-99999px;
  width:30px;
  height:31px;
  display:block;
  position:relative;
  z-index:20;
  top:-100px;
  left:20px;
}
#views_slideshow_singleframe_next_slideshow-page_1 {
  background:url(images/arrows.png) no-repeat -46px -8px;
  text-indent:-99999px;
  width:30px;
  height:31px;
  display:block;
  position:relative;
  z-index:20;
  top:-171px;
  left:1130px;
}
#views_slideshow_singleframe_playpause_slideshow-page_1 {
  background:url(images/playpause.png) no-repeat;
  text-indent:-99999px;
  width:90px;
  height:40px;
  display:block;
  position:relative;
  z-index:20;
  top:40px;
  left:519px;
}
#views_slideshow_singleframe_playpause_slideshow-page_1.views_slideshow_singleframe_play {
  background-position: 3px 0;
}
#views_slideshow_singleframe_playpause_slideshow-page_1.views_slideshow_singleframe_pause {
  background-position: -86px 0;
}

#views_slideshow_singleframe_playpause_slideshow-block_1 {
  display:none;
}
#views_slideshow_singleframe_prev_slideshow-block_1 {
  background:url(images/arrows-small.png) no-repeat;
  text-indent:-99999px;
  width:16px;
  height:17px;
  display:block;
  position:relative;
  z-index:20;
  top:-60px;
  left:354px;
}
#views_slideshow_singleframe_next_slideshow-block_1 {
  background:url(images/arrows-small.png) no-repeat -16px 0;
  text-indent:-99999px;
  width:16px;
  height:17px;
  display:block;
  position:relative;
  z-index:20;
  top:-77px;
  left:463px;
}

/* New Releases */
#vehicleTableLinks {
  font-size: 11px;
}
#block-views-new_releases-block_1 {
  margin-top:20px;
}
#block-views-new_releases-block_1 h2.title {
  margin-bottom:0.667em;
}
#new-release-pdflink {
  background: url("images/new-release-pdflink.jpg") no-repeat;
  display: block;
  height: 83px;
  margin-top: 15px;
  width: 333px;
}
.view-new-releases .views-field-image-attach-images {
  float: left;
  margin-right: 15px;
}
.view-new-releases .views-field-title,
.view-new-releases .views-field-field-new-release-summary-value,
.view-new-releases .views-field-nothing {
  margin-left: 120px;
}
.view-new-releases .views-field-title a {
  color: #009BC5;
  font-size: 1.1em;
  font-weight: bold;
}
.view-new-releases .views-field-nothing-2 {
  text-align: right;
  float: right;
  margin-left: 20px;
}
.view-new-releases .views-row {
  padding: 10px 0;
  border-bottom: 1px solid #84c1d1;
}
.view-new-releases .views-row-last {
  border-bottom: none;
}

#vehicleTableDiv {
  height: 200px;
  overflow: hidden;
  margin-bottom:0 !important;
}
#vehicleTableDiv table {
  width: 100%;
}
#new-release-handle {
  background: url(images/new-release-handle-closed.png) no-repeat center bottom;
  height: 100px;
  position: relative;
  bottom: 100px;
  margin-bottom: -70px;
  cursor: pointer;
}
#new-release-handle.opened {
  background: url(images/new-release-handle-opened.png) no-repeat center bottom;
}

.mobile-only,
.more-info-m {
  display: none;
}
.view-brakeshoes-editorials .views-field-image-attach-images,
.view-hd-editorials .views-field-image-attach-images,
.view-ultimate-editorials .views-field-image-attach-images,
.view-4wd-editorials .views-field-image-attach-images {
  float: left !important;
  padding-right: 8px;
}

/* Media releases, General CT */
.page-content-bendix-media-releases-brakes-general-ct .view-gen-ct-editorials .views-field-image-attach-images img {
  float: left;
  margin: 0 10px 10px 0; 
}

/* Registration Page */
#user-register label {
  padding:5px;
}
#user-register label.option {
  padding:0 5px;
}
#user-register label.option, 
#user-register #edit-mail-wrapper label {
  width:auto;
}
#user-register .legal-terms {
  height:auto;
  overflow:auto;
}
#user-register .description {
  margin: .5em 0;
}
#user-register .description p {
  margin: 0;
}
#user-register .roundedBox {
  background: #F2F2F2;
  color: #000000;
  padding: 10px 15px;
  margin-bottom:20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#user-register .roundedBox .form-item {
  margin: .25em 2em .25em 0;
} 
#user-register .roundedBox fieldset {
  margin-top:.25em;
  margin-bottom:.25em;
}
#user-register #edit-pass-wrapper .form-item {
  float: left;
}
#user-register #edit-pass-wrapper input {
  width: 250px;
}
#user-register #edit-pass-wrapper .form-item span.password-strength,  
#user-register #edit-pass-wrapper .form-item span.password-confirm, 
#user-register #edit-pass-wrapper .password-description {
  display: block;
  clear: left;
} 
#user-register #edit-profile-first-name-wrapper, 
#user-register #edit-profile-surname-wrapper, 
#user-register #edit-profile-gender-wrapper, 
#user-register #edit-profile-dob-wrapper {
  clear: none;
  float: left;
}
#user-register #edit-profile-first-name-wrapper input, 
#user-register #edit-profile-surname-wrapper input {
  width: 150px;
}
#user-register #edit-profile-dob-wrapper input {
  width: 100px;
}
#user-register #edit-profile-bus-name-wrapper input {
  width: 150px;
}
#user-register #edit-profile-franchise-wrapper {
  clear: left;
}
#user-register #edit-profile-franchise-wrapper .description {
  position: absolute;
}
#user-register #edit-profile-suburb-wrapper, 
#user-register #edit-profile-state-wrapper, 
#user-register #edit-profile-postcode-wrapper {
  clear: none;
  float: left;
}
#user-register #edit-profile-suburb-wrapper input, 
#user-register #edit-profile-state-wrapper input, 
#user-register #edit-profile-postcode-wrapper input {
  width: 150px;
}
#user-register #edit-profile-phone-wrapper, 
#user-register #edit-profile-mobile-wrapper {
  clear: none;
  float: left;
} 
#user-register #edit-profile-phone-wrapper input, 
#user-register #edit-profile-mobile-wrapper input {
  width: 150px;
}
#user-register #edit-profile-address-wrapper {
  padding-top: 20px;
}

/* Messages */
div.messages, div.status, div.warning, div.error {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcc55c), to(#f9cb1a)); 
  background: -webkit-linear-gradient(top, #f9cb1a, #fcc55c);
  background: -moz-linear-gradient(top, #f9cb1a, #fcc55c); 
  background: -ms-linear-gradient(top, #f9cb1a, #fcc55c);
  background: -o-linear-gradient(top, #f9cb1a, #fcc55c);
  border: 1px solid #FAB600;
  color: #fff;
  margin: 0 0 5px;
  min-height: 21px;
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
}
div.messages-inner {
  padding-left: 25px;
  background-image: url("images/message-icon-status.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  min-height: 21px;
}
div.warning .messages-inner {
  background-image: url("images/message-icon-warning.png");
}
div.error .messages-inner {
  background-image: url("images/message-icon-error.png");
}
div.warning {
}
div.warning, tr.warning {
  background-color: #f9cb1a;
}
div.error {
  border-color: #AE0E17;    
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b20f19), to(#e13323)); 
  background: -webkit-linear-gradient(top, #e13323, #b20f19);
  background: -moz-linear-gradient(top, #e13323, #b20f19); 
  background: -ms-linear-gradient(top, #e13323, #b20f19);
  background: -o-linear-gradient(top, #e13323, #b20f19);
}
div.error, tr.error {
  background-color: #e13323;
}
.error a {
  color: #f8b9af;
}
.status a, .warning a {
  color: #fcf58f;
}

/**** Bendix Support Form ***********/
body.page-bendixapp-support #webform-component-email {
  float: none;
}

/*body.page-bendixapp-support .description p {
    font-size: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
}*/

/**** Bendix APP Technical Support Form ***********/

body.tech-support .webform-client-form #webform-component-customer-details .description p{
  color: #2E9CD1;
  font-size: 1.3em;
  text-transform: none;
}
body.tech-support .webform-client-form #webform-component-enquiry,
body.tech-support .webform-client-form #webform-component-date-error-occurred,
body.tech-support .webform-client-form fieldset.webform-component-fieldset {
  background-color: #EDEDED;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
body.tech-support .webform-client-form #edit-submit {
  float: right;
  position: relative;
  right: 5px;
  bottom: 45px;
}
body.tech-support .webform-client-form #webform-component-enquiry .description p,
body.tech-support .webform-client-form #webform-component-device-details .description p{
  color: #AAAAAA;
  font-size: 1em;
  text-transform: none;
}
body.tech-support .webform-client-form #edit-submitted-device-details-device-1-wrapper,
body.tech-support .webform-client-form #edit-submitted-device-details-device-2-wrapper {
  float: left;
  margin-right: 20px;
}
body.tech-support .webform-client-form #webform-component-device-details--device .form-radios {
  margin: 0;
}

/***************/

/*bendix-brake-pads-europlus page background*/
.heuroplus #content-inner {
  background: url("images/euro-car-web-logos.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#reset-password, #user-login {
  width: 400px;
}
#reset-password .form-text, 
#user-login .form-text {
  width: 99%;
  padding-left: 1%;
}

/*navigation icon styles*/
#navigation-icons {
  display: block;
  float: right;
}

#navigation-icons .social-liks {
  float: left;
  padding-right: 3px;
}

/*navigation search bar*/

#navigation-icons .navigation-search {
  float: left;
}

#navigation-icons .search-bar {
  display: none;
}

#navigation-icons .search-bar {
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  position: absolute;
  right: 0;
  width: auto;
  margin-top: 5px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  z-index: 300;
}

#navigation-icons .search-bar #edit-submit {
  float: right;
  margin: 0 0 0 10px;
}

#navigation-icons #edit-search-theme-form-1 {
  height: 23px;
}

.region-navbar .search-bar .form-text {
  border-radius: 4px;
  background-color: #ECECEC;
}

/*Bendix Share block */

#share-block {
  top: 275px;
}

/*Bendix Share homepage block */
.front #stockists {
  position: relative;
}
.front #share-block {
  position: absolute;
  top: 0;
}

#stockists div.block.with-block-editing,
#footer div.block.with-block-editing {
  position: initial;
}

/*AAAA Member Footer Block*/

#footer .aaaa-members p {
  padding-top: 2px;
}

#footer .aaaa-members a {
  color: #0e4b8f; 
}

#footer .aaaa-members img {
  margin-right: 5px;
}

#footer #block-menu-secondary-links,
#footer #footer-message {
  margin-top: 15px;
}

.view-whats-new .views-row {
  margin-top: 10px;
}
.view-whats-new .views-field-upload-fid-1 {
  text-align: right;
}
.view-whats-new .pdf-download {
  background: url('images/pdf-download.png') no-repeat;
  text-indent: -10000px;
  width: 143px;
  height: 28px;
  display: inline-block;
  text-align: left;
}
.view-whats-new .views-field-image-attach-images img {
  float: left;
  margin: 0 10px 10px 0; 
}
.view-whats-new .views-field-title a {
  color: #0094bf;
  font-size: 1.2em;
  font-weight: bold;
}
.view-whats-new .views-field-title span.date {
  color: #000000;
  font-size: .8em;
  font-weight: normal;
  margin-left: 10px;
}

/*********************** T&T styles ****************************************/
hr.dash {
  border: medium none;
  height: 1px;
  margin: 30px 0;
  background: url("images/hr-dash.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.tt-header {
  background-color: #5d6157;
  border-radius: 10px 0px;
  color: #fff;
  padding: 10px;
}

.hardware-kits {
  min-height: 240px;
}

.hbendix-disc-pads p,
.hbendix-brake-shoes p,
.hbendix-brake-linings p {
  margin-top: 0;
}

.hardware-kits ul {
  list-style: none;
  padding-left: 0;
}

.hardware-kits li {
  padding-left: 1em;
  text-indent: -1em;
}

.hardware-kits li:before {
  content: "»";
  padding-right: 5px;
}

/*Performance data styles*/

.performance-data-chart {
  width: 50%;
  float: left;
}

.performance-data-chart > img {
  padding: 5px 20px;
}

/* T&T Table styles*/
.tt-table {
  margin: 10px 0;
}

.tt-table thead td {
  padding: 5px 8px;
  background-color: #5e6258;
  color: #fff;
  font-weight: bold;
  border: 1px solid #5e6258;
}

.tt-table thead td.first {
  border-radius: 10px 0 0;
}

.tt-table thead td.last {
  border-radius: 0 0 10px;
}

.tt-table tbody td {
  padding: 5px 8px;
}

.tt-table tbody tr.even {
  background-color: #e3e4e5;
}

.tt-table td {
  vertical-align: top;
}

/*Features and benefits*/

.features-benefits {
  background-color: #5d6157;
  border-radius: 20px 0px;
  color: #fff;
  display: flex;
  width: 100%;
  padding: 15px 0;
  margin: 30px 0;
}

.features {
  width: 50%;
  float: left;
  padding: 0 20px;
}

.benefits {
  width: 50%;
  float: left;
  padding: 0 20px;
  border-left: 1px solid #8c8980;
}

.features h5,
.benefits h5 {
  background-color: #0096c4;
  padding: 5px 15px;
  border-radius: 10px 0px;
  margin: 0;
}

/*Features & benefits list styles*/
.features-benefits ul {
  list-style: none;
  margin: 0 15px;
  padding-left: 0;
}

.features-benefits li {
  padding-left: 1em;
  text-indent: -1em;
}

.features-benefits li:before {
  content: "»";
  padding-right: 5px;
}

/*Regulations*/
.regulation {
  background: url("images/full_rgulation_90_approval.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 265px;
  margin: 30px 0;
}

.regulation-text {
  width: 315px;
  padding: 10px 30px;
}

.regulation-text h3 {
  color: #0089c1;
}

.regulation-text h5 {
  color: #0089c1;
  font-weight: normal;
  font-size: 1em;
}

/* Legal module */
.legal-terms ul, .legal-terms ul li {
    list-style-type: none;
}
.legal-terms ol, .legal-terms ol li {
    list-style-type: lower-alpha;
}


/*FAQ*/
.faq {
  min-height: 670px;
}
.faq-content .ui-accordion-header a {
  display: none;
}
.faq-content .ui-accordion-header {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em 2.2em;
}
.faq-content br {
  display: none
}
#content-area .faq-description {
  font-size: 14px;
}
#content-area .faq-description h2 {
  font-size: 18px;
  margin-top: 9px;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #231f20;
}

.faq-answer > p:first-child {
  margin-top: 8px;
  margin-bottom: 6px;
}

.faq-answer > p:first-child:before {
  content: "A: ";
  font-size: 12px;
  font-weight: bold;
  color: #3a82b5;
}

.faq-answer {
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 16px;
  color: #808285;
  padding-left: 28px;
}

.faq-answer > p.helptext {
  font-size: 11px;
}

.faq-answer .btn {
  border: 1px solid #b1b4b6;
  color: #808285;
  padding: 1px 6px;
  font-weight: bold;
  border-radius: 4px;
  text-decoration: none;

   Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddedf+0,e7e8e9+52,f4f4f5+100 
  background: rgb(221,222,223);  Old browsers 
  background: -moz-linear-gradient(top,  rgba(221,222,223,1) 0%, rgba(231,232,233,1) 52%, rgba(244,244,245,1) 100%);  FF3.6+ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,222,223,1)), color-stop(52%,rgba(231,232,233,1)), color-stop(100%,rgba(244,244,245,1)));  Chrome,Safari4+ 
  background: -webkit-linear-gradient(top,  rgba(221,222,223,1) 0%,rgba(231,232,233,1) 52%,rgba(244,244,245,1) 100%);  Chrome10+,Safari5.1+ 
  background: -o-linear-gradient(top,  rgba(221,222,223,1) 0%,rgba(231,232,233,1) 52%,rgba(244,244,245,1) 100%);  Opera 11.10+ 
  background: -ms-linear-gradient(top,  rgba(221,222,223,1) 0%,rgba(231,232,233,1) 52%,rgba(244,244,245,1) 100%);  IE10+ 
  background: linear-gradient(to bottom,  rgba(221,222,223,1) 0%,rgba(231,232,233,1) 52%,rgba(244,244,245,1) 100%);  W3C 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddedf', endColorstr='#f4f4f5',GradientType=0 );  IE6-9 
  opacity: 0.8;
}

.faq-answer .btn:hover {
  opacity: 1;
}

/*Contact form */
.hcontact-us #content-area .content h2 {
  font-size: 18px;
  margin-top: 9px;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #231f20;
}

.hcontact-us #content-area .content p {
  font-family: Calibri, Arial, sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  word-spacing: -1px;
}

.hcontact-us #content-area .content p span {
  font-family: Calibri, Arial, sans-serif;
  color: #0090c6;
  font-size: 13px !important;
}

.hcontact-us #content-area .content form > div {
  margin: 20px 0;
  background-color: #f3f4f4;
  padding: 10px;
  padding-left: 14px;
  padding-top: 0;
  border-radius: 11px;
}

.hcontact-us #content-area .content form .form-item {
  margin: 0;
}

.hcontact-us #content-area .content form .webform-component {
  margin-right: 10px;
  margin-top: 11px;
  margin-bottom: 9px;
}

.hcontact-us #content-area .content form #webform-component-phone {
  margin-bottom: 20px;
}

.hcontact-us #content-area .content form .form-text {
  width: 200px;
}

.hcontact-us #content-area .content form #webform-component-email .form-text,
.hcontact-us #content-area .content form #webform-component-business-name .form-text,
.hcontact-us #content-area .content form #webform-component-address .form-text,
.hcontact-us #content-area .content form #webform-component-comments textarea {
  width: 423px;
}

#edit-actions {
  margin-top: 26px;
}

#edit-actions .captcha_image {
  min-width: 212px;
}

#edit-captcha-response-wrapper .description {
  color: #8a8c8e;
}
.webform-client-form #edit-submit {
  float: none;
  position: static;
  margin-top: 30px;
}

.hcontact-us #content-area .content form #webform-component-name .description,
.hcontact-us #content-area .content form #webform-component-surname .description,
.hcontact-us #content-area .content form #webform-component-email .description {
  display: none;
}

.hcontact-us #content-area .content form label {
  font-weight: normal;
  font-size:10px;
  /*padding-bottom: 2px;*/
}

.hcontact-us #content-area .content p span.phone {
  background: url(images/phone-icon.png) no-repeat top left;
  display: block;
  height: 40px;
  font-size: 36px !important;
  color: #009ac7;
  padding-left: 40px;
  line-height: 36px;
  margin: .25em 0;
  font-weight: bold;
}

.webform-client-form .form-item {
  margin: .5em 0;
}
.webform-client-form.compact-form input.form-text,
.webform-client-form.compact-form textarea {
  padding: .5em;
}
.webform-client-form.compact-form .resizable-textarea {
  width: 100%;
}
.hcontact-us #content-area .webform-client-form.compact-form label.compact-form-label {
  padding: .5em;
  font-size: 11px;
  line-height: 18px;
}
.hcontact-us #content-area .content p.contact-intro {
  font-size: 14px;
}

/* Catalogue Iframe hides and branding */
body.iframed.section-catalogue, 
body.iframed.section-oe-catalogue {
  background: none;
}
body.iframed.section-catalogue #header, 
body.iframed.section-catalogue #navbar, 
body.iframed.section-catalogue #sidebar-left, 
body.iframed.section-catalogue #footer, 
body.iframed.section-catalogue #admin-menu, 
body.iframed.section-oe-catalogue #header, 
body.iframed.section-oe-catalogue #navbar, 
body.iframed.section-oe-catalogue #sidebar-left, 
body.iframed.section-oe-catalogue #footer, 
body.iframed.section-oe-catalogue #admin-menu {
  display: none;
}
body.section-catalogue.iframed #content,
body.iframed.section-oe-catalogue #content {
  margin: 0 !important;
}
body.section-catalogue.iframed #page, 
body.iframed.section-oe-catalogue #page {
 width: 775px; 
}

/* Styling for bendix logo image in search catalogue iframe page. */
#bendix_branding {
  display: none;
}
body.section-catalogue.iframed #bendix_branding {
  display: block;
}
#bendix_branding img {
  position: relative;
  left: -23px;
}

/* Styling for the contact us form. */
.hcontact-us #content-area .content form #webform-component-business-name.webform-component, .hcontact-us #content-area .content form #webform-component-address-name.webform-component {
  float: left;
  clear: both;
}

.hcontact-us #content-area .content form #webform-component-business-name {
  margin-bottom: 20px;
}

/*** Styling for brake pads for driving style page. ***/
.brake-pads-for-driving-style-page #content-area h3 {
  font-size: 1.7em;
  color: #58595b;
}
.brake-pads-for-driving-style-page #content-area p {
  font-size: 13px;
}
.driving-style li, .vehicle-type li {
  list-style: none;
  border: 1px solid #58595b;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 0;
  text-align: center;
  font-size: 12px;
  word-wrap: normal;
  font-weight: bold;
  cursor: pointer;
}
.driving-style li {
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
  width: 95px;
  box-shadow: 0 4px 10px -5px #000000;
  background: #0097c0; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#0097c0, #3ABFEF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#0097c0, #3ABFEF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#0097c0, #3ABFEF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#0097c0, #3ABFEF); /* Standard syntax */
}
.driving-style li span {
  color: white;
  word-wrap: break-word;
}
.driving-style, .vehicle-type {
  padding-left: 0px;
}
.vehicle-type-image {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
}
.vehicle-type li {
  width: 105px;
}
.vehicle-type li.inactive:active, .vehicle-type li.inactive:hover {
  background-color: white;
  color: black;
}
.driving-style li.active, .vehicle-type li.active, .vehicle-type > li:active, .vehicle-type > li:hover, .driving-style > li:active, .driving-style > li:hover {
  color: white;
  background: none;
  background-color: #066f92;
}
.driving-style span, .vehicle-type-title {
  text-transform: uppercase;
}
.vehicle-type ul {
  padding-left: 0;
  padding-top: 5px;
  display: none;
}
.vehicle-type ul li {
  padding: 0;
  border: 0;
  border-radius: 0;
  float: left;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}
.vehicle-type .vehicle-type-examples:hover {
  text-decoration: underline;
}
.brake-pads-type {
  float: left;
  width: 48%;
  margin-right: 10px;
  margin-bottom: 15px;
}
.brake-pads-image {
  float: left;
  margin-right: 10px;
}
.brake-pads-type > p {
  position: relative;
  top: -10px;
  height: 100px;
}
.brake-pads-type > div {
  clear: both;
  margin-top: 10px;
}
.inactive {
  opacity: 0.2;
}
#street span span.break::after, #track span span.break::after {
  content: "\a ";
  white-space: pre;
}
ul.driving-style li > span {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  word-wrap: break-word;
}
.brake-pads-for-driving-style-page #page-header {
  background: rgba(0, 0, 0, 0) url("images/header-driving-style.png") no-repeat scroll 0 0;
  text-indent: -10000px;
}
div#vehicle-type-van-title {
  font-size: 11px;
}


/** Brake pad banners **/
.brake-pads-for-driving-style-mobile img {
  display: none;
}

/** Breake pad guide page **/
.brake-pads-for-driving-style-page .brake-pads-wrapper .mobile {
  display: none;
}

.brake-pads-for-driving-style-page .brake-pads-type .desktop > div {
  clear: both;
}

#menu-21332-1 a, #menu-21323-1 a{
  width: 100px;
}

#page-header.hbrake-wear-indicator{
  background: url(images/brake-wear-indicator-header.png) no-repeat;
  text-indent: -10000px;
}