@font-face {
		font-family: 'HelveticaNeue-CondensedBold';
		src:   url('/fonts/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'),  
			url('/fonts/HelveticaNeue-CondensedBold.otf')  format('opentype'),
			url('/fonts/HelveticaNeue-CondensedBold.woff') format('woff'), 
			url('/fonts/HelveticaNeue-CondensedBold.ttf')  format('truetype'), 
			url('/fonts/HelveticaNeue-CondensedBold.svg#HelveticaNeue-CondensedBold') format('svg');
  		font-weight: normal;
  		font-style: normal;
	}
		
	@font-face {
		font-family: 'HelveticaNeueLTStd-LtCn';
		src: 	url('/fonts/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'),  
			url('/fonts/HelveticaNeueLTStd-LtCn.otf')  format('opentype'),
			url('/fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'), 
			url('/fonts/HelveticaNeueLTStd-LtCn.ttf')  format('truetype'), 
			url('/fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
		font-weight: normal;
		font-style: normal;
	}
    
    	body{
    		background-color: #1a1a1a;
    	}

    	.container{
    		background-color: #fff;
    		margin-top: 53px;
    	}

    	.logo{
    		background-repeat: no-repeat;
  		background-position: center center;
    		background-image: url(/graphics/logo.gif);
    		background-size: 90%;
    		height: 100px;
    	}

	.logo a{
		display: block;
  		height: 100%;
  		text-indent: -9999em;
	}	

    	.topNav{
    		margin-top: 0x;
    		text-align: right;
    		font-size: 1.1em;
    	}

    	.topNav ul{
    		margin: 0;
    		padding: 0;
    	}

    	.topNav ul li {
    		list-style: none;
  		float: left;
  		color: #333333;
  		font-size: 0.72em;
  		padding: 0 16px;
  		border-left: 1px solid #bcbdbd;
  		line-height: 13px;
    	}
    	
    	.topNav ul li.firstlistitem {
  		border-left: none;
	}
		
	.navbar-default .navbar-brand {
  		color: #ed2626;
  		font-family: 'HelveticaNeue-CondensedBold' !important;
  		font-size: 1.5em;
	}
		
	.navbar-brand:focus, .navbar-brand:hover {
  		color: #ed2626;
	}		


    	.highlightedtext{
    		color: #ed2626;
  		font-weight: bold;
    	}
    	
	.mainNavContainer{
		margin-top: 10px;
	}
	    
	.mainNav{
	    	margin:0;
	    	padding:0;
	}

	.mobileBasket{
		float: right;
    		margin-top: 14px;
    		margin-right: 10px;
	}
	    
	.mainNav li{
	    	list-style: none;
	    	padding: 6px 0px;
	  	height: 23px;
  		float: left;
  		margin-right: 1px;
  		color: #ffffff;
  		font-size: 0.75em;
  		line-height: 23px;
  		background: #a6a6a6 url(/graphics/tab_corner.gif) top right no-repeat;
	}
	    
	.mainNav li a{
	    	padding: 0 28px 0 12px;
	    	line-height: 21px;
  		display: block;
  		color: #ffffff;
	}
	    
	    .navbar-centered, .topNav .navbar-centered{
	        float: none;
	        text-align: center;
	    }
	    
	    .navbar-centered li, .topNav .navbar-centered li {
	        float: none;
	        display: inline;
	    }
	    
	    .navbar-centered li a, .topNav .navbar-centered li a{
	        display: inline-block;
	    }
	    
	    .redBorderBottom {
	    	border-bottom: 9px solid #ed2626;
  			padding-bottom: 2px;
  			margin-bottom: 2px;
	    }
	    
	    .greyAdColumn{
	    	background-color: #e0e0e0;
	    	border-right: 0px;
	    	margin: 0;
  			padding: 0;
	    }

		.redAdColumn{
	    		margin: 0;
  			padding: 0;
	    	}
	    
	    .greyAd{
	    	border: 2px solid white;
	    	font-family: 'HelveticaNeue-CondensedBold' !important;
	    	color: #000;
	    	
	    }
	    
	    .searchModel a h4{
	    	margin: 15px 8px 10px;
	    }
	    
	    .searchPartNumber a h4{
	    	margin: 15px 8px 10px;
	    }
	    
	    .greyAd a{
	    	display: block;
	    }
	    
	    .greyAd a h4{
	    	color: #000;
  			font-size: 1.73em;
  			font-size: 6vw;
  			text-transform: uppercase;
	    }
	    
	    .greyAd a p{
	    	color: #ed2626;
	    	margin-left: 8px;
	    	  line-height: 1em;
	    }

		.redAd{
			background-color: #ed2626;
			margin-bottom: 2px;
		}

		.kymco{
			margin-bottom: 0px;
		}

		.redAd a{
			display: block;
  			margin: 0;
  			height: 73px;
  			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			text-indent: -999em;
		}
	    
		.redAd a h4{
			margin: 0;
		}

	    .mainImage{
	    	margin: 0;
  			padding: 0;
	    }
	    
	    .mainImage h1{
			margin: 10px 0 -16px 0px;
			text-transform: uppercase;
			font-size: 1.8em;
			line-height: 1.1em;
			padding: 0;
			letter-spacing: 0px;
			color: #000;
			font-family: 'HelveticaNeue-CondensedBold';
			text-rendering: optimizeLegibility;
  			
			text-align: center;
	    }
	    
	    .mainImage h1 span{
	    		display: block;
  			font-family: arial;
  			font-size: 0.8em;
	    }
	    
	    .mainImage h3{
	    		padding: 24px;
			margin: 0;
			font-size: 1.1em;
			color: #000;
			width: 100%;
			font-weight: normal;
			line-height: 1.2em;
			text-align: center;
	    }
	    
	    .homepagead{
	    		text-indent: -999em;
  			padding: 0;
  			display: inline-block;
  			position: relative;
  			border-bottom: 2px solid #fff;
	    }
	    
	    .homepagead:after {
  			padding-top: 72.5%;
  			/* 16:9 ratio */
  			display: block;
  			content: '';
		}
	    
	    .homepagead a{
	    		display: block;
	    		background-size: cover;
	    		position: absolute;
 			top: 0;
  			bottom: 0;
  			right: 0;
  			left: 0;
	    }
	    
		.wuyang a{
			background-image: url(/graphics/wuyang.gif);
			background-position-x: -1px;
		}

		.kymco a{
			background-image: url(/graphics/kymco.png);
		}

	    .partsAd a{
  			background-image: url(/graphics/parts_ad.gif);
  			margin-right: 2px;
		}
		
		.accessoriesAd a{
  			background-image: url(/graphics/accessories_ad.gif);
  			  margin-right: 2px;
		}
		
		.offersAd a{
  			background-image: url(/graphics/offers_ad.gif);
		}
		
		.footerRow{
			margin-bottom: 20px;
  			padding: 0 6px;
		}

		.footerRow div{
			  padding: 5px 0px 0px;
		}

		.footerRow h3{
			margin: 0 0 5px 8px;
  			padding: 0;
  			color: #ed2626;
  			font-size: 0.75em;
  			font-weight: bold;
		}

		.footerRow ul{
			margin: 0 0 27px 0;
  			padding: 0;
		}

		.footerRow ul li{
  			list-style: none;
  			float: left;
  			color: #333333;
  			font-size: 0.75em;
  			padding: 0 8px;
  			border-left: 1px solid #bcbdbd;
  			line-height: 12px;
  			height: 12px;
		}

		.footerRow ul li.firstlistitem {
  			border-left: none;
		}

		.footerRow ul li a {
  			color: #333333;
		}

		.footerRow div.twitter{
			padding: 22px 0 0 1.5%;
		}

		.footerRow div.fb-like {
  			padding: 25px 0 0 1.5%;
		}

		.footerRow div.verisign{
			text-align: center;
			margin-top: -11px;
		}

		.footerRow .socialRow{
			margin-bottom: 10px;
		}

		div.copyright{
			background-color: #000;
  			color: #fff;
  			font-size: 0.8em;
  			text-indent: 16px;
  			padding: 10px 16px;
		}

		p.cantfind{
			clear: both;
		}

		#contentArea #generalContent #content #productlist .productrow{
				float: left;
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid #eee;
				width: 100%;
			}

		/* Custom, iPhone Retina */ 
	    @media only screen and (min-width : 320px) {
	        
	    }

	    /* Extra Small Devices, Phones */ 
	    @media only screen and (min-width : 480px) {

	    }

	    /* Small Devices, Tablets */
	    @media only screen and (min-width : 768px) {
			.container{
    				margin-top: 10px;
    			}
    		
   	 		.topNav .navbar-centered {
		        	float: right;
		        	margin-right:20px;
		    	}
		    	
		    	.topNav{
    				margin-top: 19px;
    			}
    			
    			.noLeftPadding{
    				padding-left: 0px;
    			}
    			
    			.mainNavContainer{
		    	  margin-top: 0px;
		    	}
		    	
		    	.mainNav{
		    		float: left;
		    	}
		    	
		    	.mainImage{
		    		background: url(/graphics/home_blank.jpg) 0 0;
		    		background-size: cover;
  					height: 210px;
		    	}
		    	
		    	.mainImage h1{
		    		margin: 30px 0 10px 27px;
		    		text-align: left;
		    		color: #fff;
		    		font-size: 2.2em;
				text-shadow: 2px 2px 8px #000;
				
		    	}
		    	
		    	.mainImage h3{
		    		width: 66%;
		    		padding: 0px 0 0 27px;
				font-size: 0.88em;
				color: #fff;
				line-height: 16px;
		    		text-align: left;
		    	}
		    	
		    	.greyAd a h4{
		    		font-size: 2vw;
		    	}
		    	
		    	.searchModel a h4{
		    		margin: 10% 8px 5%;
		    	}
		    
		    	.searchPartNumber a h4{
		    		margin: 5% 8px 5%;
		    	}
		    	
		    	.greyAdColumn, .redAdColumn{
		    		border-right: 2px solid #fff;
		    	}
		    	
		    	.greyAd{
		    		border: 0px;
				border-bottom: 2px solid #ffffff;
				height: 106px;
		    	}
		    	
		    	.greyAd a{
		    		height: 106px;
		    	}
	    	
			.greyAd a h4 {
  				font-size: 23px;
			}		
	
		    	.homepagead{
		    		border-bottom: 0px;
		    	}

			.redAd a{
				height: 67px;
			}

			.footerRow div{
			  padding: 0px;
			}

			.footerRow div.verisign{
				text-align: right;
				padding-right: 2%;
				margin-top: 0px;
			}
			
			#contentArea #generalContent #content #productlist .productrow .productImage {
			  width: 40%;
			}
			
			#contentArea #generalContent #content #productlist .productrow .productText{
				width: 60%;
			}

			#contentArea #generalContent #content #productlist .productrow{
				float: left;
				margin-bottom: 0px;
				padding-bottom: 0px;
				border-bottom: 0px;
height: 95px;
			}
		
	    }

	    /* Medium Devices, Desktops */
	    @media only screen and (min-width : 992px) {
			.redAd a{
				height: 87px;
				
			}

			#contentArea #generalContent #content #productlist .productrow .productText{
				width: 74%;
			}
			
		}

	    

@media (min-width:970px) and (max-width: 2500px) {
    .container {
     width:970px;
    }   
}