/* -----------------------------------------------------------------------

CSS Document

   * Screen CSS - navigation
   * Copyright (c) 2008-Present.
   * Author - Nick Lansdell
   * Date of origin - 06/12/08

----------------------------------------------------------------------- */




/* primary navigation */
#primary-nav {
	height:26px;
	width:780px;
	background:url(../images/primary-nav-bg-repeat.jpg) repeat-x;
	overflow:hidden;
}

#primary-nav ul {
	float:right;
}

#primary-nav li {
	display:inline;
}

#primary-nav a {
	display:block;
	float:left;
	height:26px;
}

#primary-nav a.last {
	padding-right:20px;	
}

#primary-nav a.current {
	background-position: 0 -26px;	
}


/* home button */
#home {
	width: 45px;
	background:url(../images/home-btn.jpg) no-repeat 0 0;

}

#home:hover { 
  background-position: 0 -26px;
}

#home span {
  display: none;
}


/* who we are button */
#who-we-are {
	width: 89px;
	background:url(../images/who-we-are-btn.jpg) no-repeat 0 0;

}

#who-we-are:hover { 
  background-position: 0 -26px;
}

#who-we-are span {
  display: none;
}


/* what-we-do button */
#what-we-do {
	width: 90px;
	background:url(../images/what-we-do-btn.jpg) no-repeat 0 0;

}

#what-we-do:hover { 
  background-position: 0 -26px;
}

#what-we-do span {
  display: none;
}


/* client study button */
#client-study {
	width: 86px;
	background:url(../images/client-study-btn.jpg) no-repeat 0 0;

}

#client-study:hover { 
  background-position: 0 -26px;
}

#client-study span {
  display: none;
}


/* representation button */
#representation {
	width: 105px;
	background:url(../images/representation-btn.jpg) no-repeat 0 0;

}

#representation:hover { 
  background-position: 0 -26px;
}

#representation span {
  display: none;
}


/* contact button */
#contact {
	width: 53px;
	background:url(../images/contact-btn.jpg) no-repeat 0 0;
}

#contact:hover { 
  background-position: 0 -26px;
}

#contact span {
  display: none;
}




/* secondary navigation */
#secondary-nav {
	padding:0 20px 100px 20px;
	width:170px;
}

#secondary-nav ul{
	margin:0px;
	padding:0px;
}

#secondary-nav li {
	list-style:none;
	float:left;
}

#secondary-nav a {
	width:170px;
	height:32px;
	display:block;
}


/* product preview button */
#product-preview {
	background:url(../images/secondary-nav-header.jpg) no-repeat 0 0;
}

#product-preview span {
  display: none;
}


/* battery maintenance button */
#battery-maintenance {
	background:url(../images/battery-maintenance-btn.jpg) no-repeat 0 0;
}

#battery-maintenance:hover { 
  background-position:0 -32px;
}

#battery-maintenance span {
  display:none;
}


/* security-locking button */
#security-locking {
	background:url(../images/security-locking-btn.jpg) no-repeat 0 0;
}

#security-locking:hover { 
  background-position:0 -32px;
}

#security-locking span {
  display:none;
}


/* towing button */
#towing {
	background:url(../images/towing-btn.jpg) no-repeat 0 0;
}

#towing:hover { 
  background-position:0 -32px;
}

#towing span {
  display:none;
}


/* load restraints button */
#load-restraints {
	background:url(../images/load-restraints-btn.jpg) no-repeat 0 0;
}

#load-restraints:hover { 
  background-position:0 -32px;
}

#load-restraints span {
  display:none;
}


/* safety button */
#safety {
	background:url(../images/safety-btn.jpg) no-repeat 0 0;
}

#safety:hover { 
  background-position:0 -32px;
}

#safety span {
  display:none;
}


/* car care button */
#car-care {
	background:url(../images/car-care-btn.jpg) no-repeat 0 0;
}

#car-care:hover { 
  background-position:0 -32px;
}

#car-care span {
  display:none;
}


/* flashlights button */
#flashlights {
	background:url(../images/flashlights-btn.jpg) no-repeat 0 0;
}

#flashlights:hover { 
  background-position:0 -32px;
}

#flashlights span {
  display:none;
}


/* accessories button */
#accessories {
	background:url(../images/accessories-bg.jpg) no-repeat 0 0;
}

#accessories:hover { 
  background-position:0 -32px;
}

#accessories span {
  display:none;
}


/* battery-maintenance navigation */
.battery-maintenance {
	width:120px;
	margin:0 9px 0 0;
	float:left;
}

.last {
	margin:0px;
}

.battery-maintenance h4 {
	display:block;
	width:110px;
	padding:5px 0 5px 10px;
	background-color:#444;
	font-weight:bold;
}

.battery-maintenance li {
	list-style:none;
	float:left;
}

.battery-maintenance a {
	font-weight:bold;
	text-decoration:none;
	color:#adb8bf;
	display:block;
	background:url(../images/bullet-point.jpg) no-repeat 0 10px;
	width:90px;
	padding:5px 0 5px 15px;
}

.battery-maintenance a:hover {
	color: #C2D730;
}


/* product thumbnail navigation */
.product-thumbnail a {
	width:128px;
	height:106px;
	margin:0 9px 0 0;
	float:left;
}

.product-thumbnail a.last {
	margin:0;
}


/* CTEK chargers btn */
#ctek-charger {
	background:url(../images/battery-maintenance/ctek-charger-btn.jpg) no-repeat 0 0;
}

#ctek-charger:hover {
  	background-position:0 -106px;
}


/* CTEK boosters btn */
#ctek-booster {
	background:url(../images/battery-maintenance/ctek-booster-btn.jpg) no-repeat 0 0;
}

#ctek-booster:hover {
  	background-position:0 -106px;
}


/* Bluetooth Accessories btn */
#access1 {
	background:url(../images/accessories/access_btn.jpg) no-repeat 0 0;
}

#access1:hover {
  	background-position:0 -106px;
}


/* Fuel Accessories btn */
#access2 {
	background:url(../images/accessories/access_btn2.jpg) no-repeat 0 0;
}

#access2:hover {
  	background-position:0 -106px;
}


/* SU locks btn */
#mcgard-su-locks {
	background:url(../images/security/mcgard-su-locks-btn.jpg) no-repeat 0 0;
}

#mcgard-su-locks:hover {
  	background-position:0 -106px;
}


/* SL locks btn */
#mcgard-sl-locks {
	background:url(../images/security/mcgard-sl-locks-btn.jpg) no-repeat 0 0;
}

#mcgard-sl-locks:hover {
  	background-position:0 -106px;
}


/* tuner locks btn */
#mcgard-tuner-locks {
	background:url(../images/security/mcgard-tuner-locks-btn.jpg) no-repeat 0 0;
}

#mcgard-tuner-locks:hover {
  	background-position:0 -106px;
}


/* 5 locks btn */
#mcgard-5-locks {
	background:url(../images/security/mcgard-5-locks-btn.jpg) no-repeat 0 0;
}

#mcgard-5-locks:hover {
  	background-position:0 -106px;
}


/* pcd locks btn */
#mcgard-pcd-locks {
	background:url(../images/security/mcgard-pcd-locks-btn.jpg) no-repeat 0 0;
}

#mcgard-pcd-locks:hover {
  	background-position:0 -106px;
}


/* marine locks btn */
#mcgard-marine-locks {
	background:url(../images/security/mcgard-marine-locks-btn.jpg) no-repeat 0 0;
}

#mcgard-marine-locks:hover {
  	background-position:0 -106px;
}


/* truck locks btn */
#mcgard-truck-locks {
	background:url(../images/security/mcgard-truck-locks-btn.jpg) no-repeat 0 0;
}

#mcgard-truck-locks:hover {
  	background-position:0 -106px;
}

/* black locks btn */
#mcgard-black-locks {
	background:url(../images/security/mcgard-black-locks-btn.jpg) no-repeat 0 0;
}

#mcgard-black-locks:hover {
  	background-position:0 -106px;
}


/* tie down btn */
#tie-down {
	background:url(../images/load-restraints/load-restraints-tiedown-btn.jpg) no-repeat 0 0;
}

#tie-down:hover {
  	background-position:0 -106px;
}


/* bungies btn */
#bungies {
	background:url(../images/load-restraints/load-restraints-bungies-btn.jpg) no-repeat 0 0;
}

#bungies:hover {
  	background-position:0 -106px;
}


/* luggage nets btn */
#luggage-nets {
	background:url(../images/load-restraints/load-restraints-nets-btn.jpg) no-repeat 0 0;
}

#luggage-nets:hover {
  	background-position:0 -106px;
}

/* luggage nets1 btn */
#luggage-nets1 {
	background:url(../images/load-restraints/load-restraints-nets1-btn.jpg) no-repeat 0 0;
}

#luggage-nets1:hover {
  	background-position:0 -106px;
}

/* luggage nets2 btn */
#luggage-nets2 {
	background:url(../images/load-restraints/load-restraints-nets2-btn.jpg) no-repeat 0 0;
}

#luggage-nets2:hover {
  	background-position:0 -106px;
}


/* smart bar btn */
#smart-bar {
	background:url(../images/load-restraints/load-restraints-smart-btn.jpg) no-repeat 0 0;
}

#smart-bar:hover {
  	background-position:0 -106px;
}



/* client study thumbnail navigation */
.client-study-thumbnail a {
	width:128px;
	height:53px;
	margin:0 9px 0 0;
	float:left;
}

.client-study-thumbnail a.last {
	margin:0;
}

/* ctek button */
#ctek {
	background:url(../images/ctek.jpg) no-repeat 0 0;
}

#ctek:hover { 
  background-position:0 -53px;
}


/* jumbo button */
#jumbo {
	background:url(../images/jumbo.jpg) no-repeat 0 0;
}

#jumbo:hover { 
  background-position:0 -53px;
}

/* mcgard button */
#mcgard {
	background:url(../images/mcgard.jpg) no-repeat 0 0;
}

#mcgard:hover { 
  background-position:0 -53px;
}


/* seecode button */
#seecode {
	background:url(../images/seecode.jpg) no-repeat 0 0;
}

#seecode:hover { 
  background-position:0 -53px;
}




/*misc btns*/
.video-btn, .more-btn, .back-btn, .pdf-btn {
	float:right;
	display:block;
	font-size:1.2em;
	height:50px;
	padding:14px 0 0 0;
}

.video-btn:hover, .more-btn:hover, .back-btn:hover, .pdf-btn:hover {
	color: #BFD42F;
	
}

.video-btn {
	background:url(../images/video-btn.jpg) no-repeat 100px 0;
	width:150px;
}

.pdf-btn {
	background:url(../images/pdf-btn.jpg) no-repeat 170px 0;
	width:240px;
}

.more-btn {
	background:url(../images/more-btn.jpg) no-repeat 55px 7px;
	width:100px;
}

.back-btn {
	background:url(../images/back-btn.jpg) no-repeat 55px 7px;
	width:100px;
}

h3 a {
	color:#BCD32D;
}

h3 a:hover {
	color:#fff;
	text-align: center;
}
