@charset "UTF-8";
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,dfn,em,img,q,samp,small,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1em; font-size:62.5%; margin: 0 auto;text-align: center;}
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
table { border-collapse:collapse;border-spacing:0;}
.debug { border: 1px solid red; }
.hide  { display: none; }
.auraltext { position: absolute; font-size: 0; left: -1000px;}
.center { text-align: center; }
.row { display: inline; }
.row li { display: inline; margin: 0 5px 0 0; }
.clear { clear: both;}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

.hidden { display: none !important; visibility: hidden;}
#mobile { display: none;}

body  {
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	background: #f7f7f7;
	font-size: 12px;
	background: #000 url(../img/bg-new.jpg) no-repeat fixed top center !important;
}

body#tinymce {
	text-align:left;
	background:#fff !important;	
}

/* Tiny */
body#tinymce.content p {
	font-size: 13px;
    line-height: 18px;
    margin: 0 0 8px !important;
}

body#tinymce.content ul { 
	list-style: disc inside;
	margin-bottom: 20px;
}

body#tinymce.content ol,
body#tinymce.content ul li ol {
	list-style: decimal inside !important;
}

body#tinymce.content ul li ol { margin: 0 0 0 10px;}

body#tinymce.content li { margin: 8px 0 4px 0;}

body#tinymce.content a { color: red;}

.auraltext, legend {
    font-size: 0;
    left: -1000px;
    position: absolute;
}

#mainContent .btn {
	background:#000;
	border-radius:15px;
	color:#fff !important;
	padding: 10px 20px;
	margin: 0 0 21px;
	line-height: 18px;
	float: left;
	background: #2E2E2E url(../img/repeater.gif) repeat-x; 
	background: -moz-linear-gradient(top, #797979 0%, #2D2D2D 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#2D2D2D)); /* webkit */
	text-shadow: 0 -1px 0px #000;
	position:relative;
	behavior: url(/js/pie.htc);
	text-transform: uppercase;
	border: none;
}

#mainContent .btn:hover,
#mainContent .btn:focus {
	background: #2E2E2E;
	background: -moz-linear-gradient(top, #797979 0%, #000 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#000)); /* webkit */
	text-decoration: none;
	top: 1px;
}

#mainContent .btn:disabled {
	cursor: not-allowed;
}


textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="text"]:focus {outline: none;}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; margin-right: 5px; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }
a:hover, a:active { outline: none; }
::-moz-selection { background:#EE1C24; color:#fff; text-shadow: none; }
::selection { background:#EE1C24; color:#fff; text-shadow: none; } 

body, select, input, textarea {
	color: #444;
}

.fLeft {
	float: left;
	margin-right: 10px;
}

.floatRight {
	float: right;
	margin-left: 10px;
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
}
/*
Default link text
*********************/

a:link, a:visited {
	color:#fff;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

/*
Container
*********************/
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


header {
	float: left;
    position: relative;
    width: 100%;
    z-index: 100;
}

article header {
	z-index: 0;
}

header h1, header h2, header p#topContact {
	 text-indent: -5555px;
}

header h1.logo {
	display: block;
	float: left;
    width: 232px;
}

	header h1.logo a {
		display: block;
		background: url("../img/newlogo.png") no-repeat scroll left top transparent;
   		height: 112px;
   		width: 100%;
	}
	
	header h1.logo a:hover,
	header h1.logo a:focus {
		background-position: bottom left;
	}

header #header_tools {
	float: left;
	width: 728px;
	padding: 48px 0 0;
}



	header #header_tools ul {
		list-style: none;
		float: right;
		margin: 0 0 10px 0;
	}
	
	header #header_tools ul li {
		display: block;
		float: left;
		color: #b1b1b1;
		margin: 0 4px 0 0;
	}
	
	header #header_tools ul li a {
		color: #b1b1b1;
	}
	
	header #boxed {
		clear: right;
			float: right;
	width: 728px;
	}
	
	header #delivery {
		float: left;
		width: 185px;
		padding: 0 18px 0 56px;
		display: inline;
	}
	
	.lt-ie9 header #delivery {
		width: 212px;
		padding: 0 18px 0 30px;
	}
	
	header #delivery p {
		text-align: right;
		line-height: 18px;
		font-weight: 700;
		color:#b1b1b1;
		font-size: 12px;
	}
	
	
	header #search {
		float: left;
		width: 207px;
		padding: 0 18px 0 0px;
	}
	
	header #search form {
		background:#2f2f2f;
		border-radius: 5px;
		width: 190px;
		float: left;
		padding: 10px 9px;
	}
	
	header #search form input {
		background: #2f2f2f;
		border: none;
		float: left;
		width: 168px;
		color: white;
		font-size: 15px;
		padding: 0;
		line-height: 20px;
		margin: 0 0 0;
	}
	
	header #search form button {
		background: #2f2f2f url(../img/search-icon.gif) no-repeat top left;
		border: none;
		display: block;
		float: left;
		width: 20px;
		height: 20px;
		text-indent: -5555px;
	}
	
/*	.csscolumns header #main-navigation #dd_brands ul.dropdown {
	right: auto;
	left: 0 !important;
}
*/
.csscolumns header #main-navigation #dd_brands ul.dropdown {
			right: 0;
			left: auto;
			height: 370px;
		}
		
	
	header #basket {
		float: left;
		color: #b1b1b1;
		width: 243px;
	}
	
	header #basket-box {
		border-radius: 5px;
		width: 223px
		float: left;
		background: #2f2f2f url(../img/basket-icon.gif) no-repeat 10px 10px;
		padding: 13.5px 5% 7.5px;
float: left;
width: 90%;
	}
	
		header #basket p {
			color: #b1b1b1;
			padding: 0 0 0 17px;
			font-size: 14px;
			float: left;
		}
		
		header #basket p#checkout_p {
		padding: 0;
		float: right;
		}
		
		header #basket p #items {
			margin: 0 10px 0 5px;
			float: left;
		}
		
		header #amount {
			float:left;
		}
		
		header #basket p #checkout {
			background: #9d041a;
			border-radius: 3px;
			padding: 7px 7px;
			font-size: 12px;
			font-weight: 700;
			float: right;
			margin: -6px 0 0;
		}
	
	header #main-navigation {
		margin: 20px 0 0;
		background: #212121 url(../img/nav.gif) no-repeat top left;
		clear: both;
		width: 100%;
		float: left;
	}
	
	header #main-navigation ul {
		float: left;
		width: 100%;
	}
	
		header #main-navigation ul li {
			float: left;
			margin: 1px 0 1px;
			text-transform: uppercase;
			text-align: left;
			font-size: 13px;
			background: url(../img/nav_li.gif) repeat-y top right;
			position: relative;
			z-index:5000;
		}
		
		header #main-navigation ul li:last-of-type {
			background: none;
		}
		
		header #main-navigation  ul li a {
			color:#b1b1b1;
			font-weight: 700;
			display: block;
			/*padding: 15px 21px;*/
			padding: 15px 20px 14px 21px;
		}
		
		.lt-ie9 header #main-navigation  ul li a {
			padding: 15px 19px 14px 20px;
		}
		
		header #main-navigation  ul li a i {
			background: url(../img/dd-icon.png) no-repeat center center;
			display: inline-block;
			width: 9px;
			height: 6px;
			margin-left: 4px;
		}
		
		header #main-navigation ul li:hover {
			background: #000;
			background: rgba(0,0,0,0.2);
		}
		
		header #main-navigation ul li:hover a {
			color:#e30d2e;
			text-decoration: none;
		}
		
		header #main-navigation ul li ul.dropdown {
			display: none;
		}
		
		header #main-navigation ul li:hover ul.dropdown,
		header #main-navigation ul li ul.dropdown.active {
			display: block;
		}
		
		header #main-navigation ul.dropdown {
			position: absolute;
			top: 42px;
			left: 0;
			z-index:5000;
			width: 96%;
			background: #191919;
			padding: 10px 2% 5px 2%;
		}
		
		
		.csscolumns header #main-navigation #dd_category ul.dropdown {
			width: 362px;
			width: 335px;
		}
		
		.csscolumns header #main-navigation ul.dropdown {
			width: 260px;
			-webkit-columns: 2 auto;
   			-moz-columns: 2 auto;
    		columns: 2 auto;
    		
		}
		
		header #main-navigation ul.dropdown li {
			display: block;
			width: 100%;
			background: none;
			margin: 0 0 2px;
		}
		
		header #main-navigation ul.dropdown li.lvl1 {
		padding: 0 0 0 9px;
		}
		
		header #main-navigation ul.dropdown li.lvl0 a {
			background: rgba(255, 0, 0, 0.2);
		}
		
		header #main-navigation ul.dropdown li.lvl1 a {
			background: url(../img/dd-li.png) no-repeat 6px 8px;
			font-size: 11px;
			line-height: 15px;
		}
		
		header #main-navigation ul.dropdown li a {
			color:#b1b1b1;
			font-weight: 700;
			display: block;
			text-align: left;
			padding: 2px 0 2px 15px;
			text-transform: none;
			background: transparent;
			line-height: 17px;
			font-size: 12px;
			font-weight: 300;
		}
		
		header #main-navigation  ul.dropdown li a:hover  {
			color:#e30d2e;
			text-decoration: underline;
		}
	
	
/*
Content
*********************/

#n_maincontent {
	width: 77.5%;
	width: 75.5%;
	margin: 0;
	float: left;
	
}

	#n_maincontent #search_inpage {
		margin: 20px 0 0;
	}

	#n_header {
		/*background: #ed1d24 url(../img/headerbg_tile.gif) repeat top left;*/
		background: #000 url(../img/header_stripe.png) no-repeat top left;
		color:#fff;
		padding: 0 20px 14px;
		border-top: 1px solid #000;
		border-bottom: 1px solid white;
		position: relative;
	}
	
	#n_header #cat_image {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#n_header #brand_image {
		position: absolute;
		top: 0px;
		right: 20px;
	}
	
	#n_header h1 {
		font-size: 24px;
		line-height: 24px;
		margin: 0;
		padding: 14px 0 8px;
		text-transform: uppercase;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
	}
	
	#n_header .breadcrumb {
		display: inline;
		
	}
	
	#n_header .breadcrumb a {
		font-size: 11px;
		font-weight: 600;
	}
	
	#n_maincontent section {
		padding: 0 0 0 20px;
		float: left;
		width: 98%;
	}
	
	#n_maincontent ul#brandsList {
		list-style: none;
		padding: 0;
		margin: 0;
		float: left;
		width: 100%;
	}
	
	#n_maincontent ul#brandsList li {
		padding: 2.5%;
		margin: 0 0 30px;
		float: left;
		text-align: center;
		width: 20%;
		height: 60px;
		display: block;
		font-weight: 700;
	}
	
	#n_maincontent ul#brandsList li img {
		margin: 0 0 10px;
		width: 100%;
	}
	
	/* New Filter bar across the top */
	
	#n_maincontent section#productFilters {
		background-color: #ededed;
		border: 1px solid #c3c3c3;
		padding: 0;
		width: 97%;
		margin: 20px 0 0 0;
	}
	
	#n_maincontent section#productFilters .form_item {
		float: left;
		width: auto;
	}
	
	#n_maincontent section#productFilters button {
		clear: none;
		margin: 20px 0 0 10px;
	}
	
	input#sub-search-txt {
		width: 100px;
	}
	
	#n_maincontent section#productFilters form {
		background-color: #ededed;
		padding: 5px 1%;
		float: left;
		width: 98%;
	}
	
	#n_maincontent section#productFilters form#modelSelect {
		width: 45%;
	}
	
	#n_maincontent #viewControls {
		display: inline;
		float: right;
		margin: 0;
		width: 16%;
		padding: 2px 0 0;
		}
		
	
		
	
	#n_maincontent section#productFilters form h1,
	#n_maincontent #viewControls h1 {
		float: none;
		display: block;
		margin: 2px 10px 6px 0;
	}
	
	#n_maincontent section#productFilters form select {
		float: left;
		display: inline;
		clear: none;
		margin: 0 4px 5px 0;
		width: auto;
	}
	
	/* Temp: productFilters 
	#n_maincontent #productFilters {
		display: none;
	}*/
	
	#n_maincontent h2.subGroupName {
		font-size: 24px;
		padding: 0 0 20px 0;
		line-height: 24px;
		text-transform: uppercase;
		text-shadow: 0px 1px -1px rgba(255,255,255,0.8);
	}
	
	#n_maincontent #gridView {
		margin: 0;
	}
	
	#n_maincontent #bike_desc {
		padding: 20px 25px 0 0;
	}
	
	#n_maincontent #bike_desc h2 {
		line-height: 18px;
		margin: 0 0 12px;
		font-size: 18px;
		font-weight: 700;
	}
	
	#n_maincontent #bike_desc p {
		line-height: 20px;
		margin: 0 0 12px;
		font-size: 14px;
	}
	
	#n_maincontent #bike_desc ul {
		list-style: disc;
		margin: 0 0 0 20px;
	}
	
	#n_maincontent #bike_desc ul li {
		line-height: 15px;
		margin: 0 0 4px;
		font-size: 14px;
	}
	
	#n_maincontent #gridView.group {
		padding: 60px 0 0;
	}
	
	/* Products Box */
	
	#n_maincontent #gridView .box,
	#n_maincontent #listView .box,
	#subFooter #gridView .box {
		border-radius: 4px;
		background: white;
		width: 30%;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
		box-shadow:  0px 2px 5px rgba(0, 0, 0, 0.1);
		margin: 0 3.3% 18px 0;
		border: 1px solid #d9d9d9;
	}
	
	/* If Related to different */
	
	#n_maincontent.often_bought_width #gridView .box {
		width: 22%;
	}
	
	@media screen and (max-width: 480px) {
		#n_maincontent.often_bought_width #gridView .box {
		width: 48%;
		}
	}
	
	#subFooter #featured_mask {
		width: 96%;
		margin: 0 auto;
		display: block;
		overflow: hidden;
		height: 310px;
		position: relative;
	}
	
	#subFooter #featured_container {
		width: 6000px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#subFooter #gridView .box {
		width: 212px;
		margin: 0 20px 0 0;
	}
	
	#n_maincontent #gridView .box:hover,
	#n_maincontent #listView .box:hover,
	#subFooter #gridView .box:hover {
		box-shadow:  0px 2px 5px rgba(230, 84, 83, 0.3);
	}
	
	#n_maincontent #listView .box { 
		width: 96%;
		margin-right: 0;
	}
	
		#n_maincontent #gridView .box .header,
		#n_maincontent #listView .box .header,
		#subFooter #gridView .box .header {
			border-radius: 4px 4px 0 0;
			background: #fff;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			height: auto;
			overflow: hidden;
			padding: 10px;
			float: none;
			width: auto;
			border-bottom: 1px solid #d9d9d9;
			min-height: 25px;
			min-height: 45px;
			min-height: 30px;
			text-shadow: none;
		}
		
		#n_maincontent #listView .box .header,
		#subFooter #gridView .box .header {
			min-height: 0;
		}
			
			#n_maincontent .box .header h1,
			#subFooter .box .header h1 {
				color:#2e2e2e !important;
				text-shadow: 0px 1px -1px rgba(255,255,255,0);
			}
		
			#n_maincontent .box .header h1 a ,
			#subFooter .box .header h1 a {
				color:#2e2e2e !important;
				text-shadow: 0px 1px -1px rgba(255,255,255,0);
				font-size: 13px;
				line-height: 13px;
			}
	
	#n_maincontent #gridView .box .middle,
	#n_maincontent #listView .box .middle,
	#subFooter #gridView .box .middle {
		background: #fff;
		text-align: left;
		padding: 0;
		width: 100%;
	}
	
	#subFooter #gridView .box .middle {
		min-height: 235px;
	}
	
	#subFooter #gridView .box .middle .productDetails {
		padding-bottom: 0px;
		float: left;
		width: 90%;
	}
	
	#subFooter #gridView .box .header {
		min-height: 32px;
	}
	
	#content.home #listView {
		margin: 20px 0 0;
	}
	
	#content.home #listView .box .middle p {
		padding: 20px 15px;
		font-size: 15px;
		line-height: 22px;
	}
	
	#content.home #listView .box .middle p a {
		color:red;
	}
	
	#n_maincontent #gridView .box .middle .productDetails,
	#n_maincontent #listView .box .middle .productDetails,
	#subFooter #gridView .box .middle .productDetails {
	 	width: auto;
	 	float: none;
	 	padding: 12px 12px 0 12px;
	}
	
	#n_maincontent #gridView .box .middle .productDetails .pDescription,
	#n_maincontent #listView .box .middle .productDetails .pDescription,
	#subFooter #gridView .box .middle .productDetails .pDescription{
		float: left;
		width: 52%;
	}
	
	#n_maincontent #listView .box .middle .productDetails .pDescription {
		width:70%;
	}
	
	#n_maincontent #gridView .box .new {
		top: 50px;
		left: 0px;
	}
	
	#n_maincontent #listView .box .new {
		top: 33px;
		left: 0px;
	}
	
	#n_maincontent #gridView .box .middle .pButtons,
	#n_maincontent #listView .box .middle .pButtons,
	#subFooter #gridView .box .middle .pButtons {
		float: left;
		width: 47%;
		
		min-height: 60px;
	}
	
	#n_maincontent #listView .box .middle .pButtons {
		width: 70%;
		margin: 0 0 12px;
	}
	
		.button {
			color:#fff;
			display: block;
			width: 100%;
			border-radius: 4px;
			text-align: center;
			font-weight: 700;
			padding: 7px 0;
			text-shadow: 0 -1px 0 #000;
			box-shadow: inset 0 1px 0px rgba(255,255,255,0.5);
			text-decoration: none;
			font-size: 12px;
		}
		
		.button:hover {
			text-decoration: none;
		}
		
		#listView .button { 
			/*width: 48%;*/
			width: 28%;
			float: left;
			margin: 0 1% 0 0;
		}
		
		.buynow {
			border: 1px solid #aa504d;
			background: rgb(233,37,19); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(233,37,19,1) 0%, rgba(214,25,28,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,37,19,1)), color-stop(100%,rgba(214,25,28,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(233,37,19,1) 0%,rgba(214,25,28,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(233,37,19,1) 0%,rgba(214,25,28,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(233,37,19,1) 0%,rgba(214,25,28,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(233,37,19,1) 0%,rgba(214,25,28,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e92513', endColorstr='#d6191c',GradientType=0 ); /* IE6-9 */

		}
		
		.options {
			border: 1px solid #7c7c7c;
			margin: 0 0 4px;
			color:#fff;
			position: relative;
			background: #ababab; /* Old browsers */
			background: -moz-linear-gradient(top, #ababab 0%, #969696 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababab), color-stop(100%,#969696)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ababab 0%,#969696 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ababab 0%,#969696 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ababab 0%,#969696 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ababab 0%,#969696 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#969696',GradientType=0 ); /* IE6-9 */
		}
		
		.options .pOptions {
			position: absolute;
			top: 21px;
			left: -21px;
			width: 195px;
			display: block;
			background: #CCC;
			border: 1px solid #333;
			text-align: left;
			padding: 4px 6px 0 6px;
			z-index: 10000;
			display: none;
		}
		
		.options:hover .pOptions {
			display: block;
		}
		
		.options .pOptions ul {
			margin: 0;
			padding: 0;
		}
		
		.options .pOptions ul li {
			float: none;
			display: block;
			margin: 0 0 4px;
			color: #444;
			line-height: 18px;
			text-shadow: 0px 0px 0px;
		}
		
		.options .pOptions ul li a {
			color: #444;
			background: transparent;
			border: none;
			box-shadow: 0 0 0;
		}
		
		.options .pOptions ul li a .out,
		.options .pOptions ul li a .in {
			float: right;
			font-size: 11px;
			width: 56px;
			text-align: center;
			padding: 2px 0 !important;
		}
		
		.options .pOptions ul li a .out {
			background: red;
			color: #fff;
		}
		
		.options .pOptions ul li a .in {
			background: green;
			color: #fff;
		}
		
		.stock.out {
			background: red;
			color: #fff !important;
			border-radius: 10px;
display: inline-block;
width: auto;
padding: 2px 7px;
		}
		
		.stock.in {
			background: #47F629;
			color: #000 !important;
			border-radius: 10px;
display: inline-block;
width: auto;
padding: 2px 7px;
		}
		
		
	
	
	#n_maincontent #brand_info {
		/*border-radius: 4px;
		background: white;*/
		width: 95%;
		width: 688px;
		/*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
		margin: 15px 0 0 0;*/
		padding: 10px 0%;
		/*border: 1px solid #D9D9D9;*/
		clear: both;
		float: left;
	}
	
	@media screen and (max-width: 480px) {
		#n_maincontent #brand_info {
		width: 330px;
		}
	}
	
	
		#n_maincontent #brand_info h2 {
			margin: 4px 0 8px;
			font-size: 14px;
			line-height: 18px;
			
		}
		
		#n_maincontent #brand_info p {
			margin: 4px 0 8px;
			font-size: 12px;
			line-height: 17px;
		}
		
		#n_maincontent #brand_info a {
			color:red;
			text-decoration: underline;
		}
	
	#n_maincontent #tooltip {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		background: none repeat scroll 0 0 black;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.86);
		border-radius: 10px 10px 10px 10px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
		padding: 10px;
		z-index: 1000;
		-webkit-transition: all 0.01s linear; 
		-moz-transition: all 0.01s linear;
		-o-transition: all 0.01s linear;
		transition: all 0.01s linear;
		}
	
	#n_maincontent #tooltip:before {
		border-bottom: 10px solid hsla(0,0%,0%,.8);
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		content: '';
		height: 0;
		left: 50%;
		margin-left: -10px;
		position: absolute;
		top: -10px;
		width: 0;
	}
	
	#n_maincontent #tooltip p {
		font-size: 12px;
		line-height: 16px;
	}
	
	#n_maincontent #tooltip li {
		font-size: 12px;
		line-height: 16px;
		color:#fff;
	}
	
	#n_maincontent #gridView .box .product_img,
	#n_maincontent #listView .box .product_img,
	#subFooter #gridView .box .product_img {
		border: 1px solid #d9d9d9;
		margin: 0 0 12px;
		max-height: 140px;
		background: #EFEFEF;
		display: block;
		overflow: hidden;
		position: relative;
	}
	
	#n_maincontent #listView .box .product_img,
	#subFooter #gridView .box .product_img {
		width: 180px;
		float: left;
		margin-right: 12px;
	}
	
	.rgba #n_maincontent #gridView .box .product_img .product_overlay,
	.rgba #n_maincontent #listView .box .product_img .product_overlay,
	.rgba #subFooter #gridView .box .product_img  .product_overlay {
		background:#000;
		background:rgba(0,0,0,0.5);
		position: absolute;
		top:0;
		left: 0;
		display: block;
		height: 100%;
		width: 100%;
		opacity: 0;
		-webkit-transition: all 0.3s linear; 
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	#n_maincontent #gridView .box .product_img:hover .product_overlay,
	#n_maincontent #listView .box .product_img:hover .product_overlay,
	#subFooter #gridView .box .product_img:hover .product_overlay {
		opacity: 1;
		-webkit-transition: all 0.3s linear; 
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	#n_maincontent #gridView .box .product_img img,
	#n_maincontent #listView .box .product_img img,
	#subFooter #gridView .box .product_img img {
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
	}
	
	#n_maincontent #gridView .box .product_img:hover img,
	#n_maincontent #listView .box .product_img:hover img,
	#subFooter #gridView .box .product_img:hover img {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		-webkit-transition: all 0.3s linear; 
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	#n_maincontent #gridView a.help,
	#n_maincontent #listView a.help,
	#subFooter #gridView a.help {
		bottom: 0;
		right:0;
		background-image: none;
		position: relative;
		font-weight: 600;
		height: 52%;
		text-align: center;
		width: 100%;
		font-size: 14px;
		margin: 0;
		padding: 37% 0 0;
		display: none;
		-webkit-transition: all 0.3s linear; 
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	#n_maincontent #gridView .product_img:hover a.help,
	#n_maincontent #listView .product_img:hover a.help,
	#subFooter #gridView .product_img:hover a.help {
		display: block;
	}
	
	
	
	
	#n_maincontent #gridView .box .product_img a.pimage,
	#subFooter #gridView .box .product_img a.pimage {
		width: 100%;
		height: 100%;
		background: #EFEFEF;
		min-height: 140px;
	}
	
	#n_maincontent #gridView .box .product_img a.pimage img,
	#n_maincontent #listView .box .product_img a.pimage img,
	#subFooter #gridView .box .product_img a.pimage img {
		padding: 0;
		margin: 0;
		line-height: 0;
		float: none;
		width: 100%;
		
	}
	
	#n_maincontent #listView .box .product_img a.pimage img {
		width: auto;
	}
	
	#n_maincontent #gridView .box .middle p,
	#n_maincontent #listView .box .middle p,
	#subFooter #gridView .box .middle p {
		text-align: left;
		color: #2e2e2e;
		color:#878787;
		font-size: 12px;
		line-height: 17px;
		text-shadow: none;
		font-weight: 600;
	}
	
	#n_maincontent #gridView .box .middle p.price span,
	#n_maincontent #listView .box .middle p.price span,
	#subFooter #gridView .box .middle p.price span {
		color:#c82a2a;
		font-weight: 700;
	}
	
	#n_maincontent #gridView .box .middle p.stock,
	#n_maincontent #listView .box .middle p.stock,
	#subFooter #listView .box .middle p.stock {
		color:#878787;
	}
	
	#n_maincontent #listView .box .middle p.stock {
		margin: 0 0 0;
	}
	
	
	#n_maincontent #gridView .box .brand,
	#n_maincontent #listView .box .brand {
		background: #EEE;
		border-radius: 0 0 4px 4px;
		margin: 7px 0 0;
		padding: 4px 0;
		border-top: 1px solid #D9D9D9;
	}
	
	#subFooter h2.subGroupName {
		margin: 10px 0 16px 20px;
	}
	
	#subFooter {
	background: url(../img/sub_footer_grain2.jpg) repeat;
	float: left;
	width: 100%;
	clear: both;
	color:#fff;
	text-shadow: 0 -1px 0px #000;
	}
	
	#subFooter #gridView {
		
		margin: 0;
		padding: 10px 0 0;
		border-top: 1px solid black;
		position: relative;
	}
	
	#subFooter #sub_right {
		background: url(../img/sub_footer_right.png) no-repeat bottom left;
		width: 38px;
		height: 39px;
		display: block;
		position: absolute;
		top: 180px;
		right: -19px;
		z-index: 50000;
		 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
	}
	
	#subFooter #sub_right:hover {
		right: -22px;
	}
	
	#subFooter #sub_left {
		background: url(../img/sub_footer_left.png) no-repeat top left;
		width: 38px;
		height: 39px;
		display: block;
		position: absolute;
		top: 180px;
		left: -19px;
		z-index: 50000;
		 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
	}
	
	#subFooter #sub_left:hover {
		left: -22px;
	}
	
	/* Register page
	 * 3 boxes same size
	 */
	 #n_maincontent.full {
	 	width: 100%;
	 	padding: 20px 0 20px;
	 }
	 
	 #n_maincontent .r_box {
	 	background:#fff;
	 	width: 30%;
	 	margin: 0 1.5% 20px 1.5%;
	 	float: left;
	 	border-radius: 3px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	 }
	 
	 #n_maincontent .r_box.row {
	 	width: 64%;
	 }
	 
	 #n_maincontent .r_box.row .r_inner {
	 	min-height: 0px;
	 }
	 
	  #n_maincontent #register.r_box {
	  	width: 97%;
	 	margin: 0 1.5% 20px 1.5%;
	 	padding: 0 0 10px;
	  }
	  
	  
	#n_maincontent .box a.questionMark {
		color:#878787;
		background: url("../img/help-button.png") no-repeat scroll left top transparent;
		bottom: 3px;
		height: 34px;
		position: absolute;
		left: 5px;
		width: 34px;
		text-indent: -5555px;
		display: none;
	}
	 
	 #n_maincontent .r_box .r_inner {
	 	padding: 10px;
	 	display: block;
	 	min-height: 208px;
	 }
	 
	
	#n_maincontent .r_box form input {
	 	width: 98%;
	 }
	 
	 #n_maincontent #register form input {
	 	width: 400px;
	 }
	 
	 
	  #n_maincontent #register.r_box button {
	  	clear: both;
	  	margin: 10px 0 0 0px;
	  	padding: 10px 10px;
	  	width: auto;
	  }
	  
	  #n_maincontent label.checkbox input {
	  	width: auto !important;
		margin: 3px 10px 0 0;
		line-height: 24px;
	  }
	 
	#n_maincontent .r_box p {
		font-size: 12px;
		line-height: 18px;
		margin: 0 0 8px;
	}
	
	#n_maincontent .r_box #passwordReminder {
		margin: 10px 0 10px;
	}
	
	#signIn {
		margin: 10px 0 0;
	}
	
	#n_maincontent .r_box p a {
		color:#333;
	}
	 
	#n_maincontent .r_box  h1 {
		background: #282828;
		border-top: 1px solid #3F3F3F;
		color:#fff;
		border-radius: 3px 3px 0 0;
		padding: 12px 0;
		width: 100%	;
		text-transform: uppercase;
		font-style: italic;
		text-indent: 20px;
		display: block;
		
		
		
	
	}
	
	#n_maincontent .r_box  h6 {
		font-size: 12px;
	}


#n_aside {
	float: left;
	width: 22%;
	display: inline;
	padding: 74px 0 0;
	padding: 19px 0 0;
}
	#content.home #n_aside {
		padding: 20px 0 0;
	}

	#n_aside .box {
		border-radius: 4px;
		background: white;
		width: 92%;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
		margin: 0 3.3% 18px 0;
		border: 1px solid #d9d9d9;
		padding: 10px 4%;
	}
	
	#n_aside #viewControls {
		display: inline;
		float: left;
		margin: 0px;
		width: auto;
	}
	
	#n_aside #viewControls a {
		margin: 0 8px 0 0;
	}
	
	#n_aside .box h1 {
		color: #2E2E2E !important;
		text-shadow: 0px 1px -1px rgba(255, 255, 255, 0);
		font-size: 13px;
		line-height: 13px;
		margin: 0 0 14px;
	}
	
	#n_aside .box a {
		color: #2E2E2E;
	}
	
	#n_aside #partsSelection li {
		margin: 0 0 0 !important;
	}
	
	#n_aside #partsSelection li a {
		width: 95%;
		display: block;
			padding: 5px 0 5px 10px;
	 -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
	}
	
	#partsSelection li.selected a,
	#partsSelection li a:focus,
	#partsSelection li a:hover {
		 -webkit-transition: all .25s ease-in;
		-moz-transition: all .25s ease-in;
		background-color: #EEAEB1;
		
	}


	#n_aside #partsSelection li.lvl1 a {
		width: 90%;
		padding-left: 20px;
		background: #E7EAEC url("../img/bullet.gif") no-repeat 10px 10px;
	}
	
	#n_aside #partsSelection li.lvl1.selected a {
		background-color: #EEAEB1;
	}
	
	#n_aside #partsSelection li.lvl1 a:focus,
	#n_aside #partsSelection li.lvl1 a:hover {
		text-indent: 0;
		padding-left: 20px;
	}
	
	#n_aside #partsSelection li.lvl1 {
		text-indent: 0;

	}
	
	.no-csscolumns #n_aside #brands label {
		float: left;
		width: 50%;
	}
	
	.csscolumns #n_aside #brands fieldset {
		/*-webkit-column-width: 5em;
		-webkit-column-gap: 2em;
		-moz-column-width: 5em;
		-moz-column-gap: 2em;
		column-width: 5em;
		column-gap: 2em;*/
		-webkit-columns: 2 auto;
    -moz-columns: 2 auto;
    columns: 2 auto;
	}
	
	#n_aside label {
		font-weight: 600;
		color: #878787;
	}
	
	/* Parts Selection

#partsSelection {
	padding: 0 !important;
	padding-bottom: 10px !important;
}

#partsSelection li {
	margin: 0 0 0 !important;
}

#partsSelection li a {
	display: block;
	width: 220px;

}

#partsSelection li.lvl1 {
	background: url("../img/bullet.gif") no-repeat scroll 11px 7px #fff;
}

#partsSelection li.lvl1.selected {
	background: url("../img/bullet.gif") no-repeat scroll 11px 7px #EEAEB1;
}

#partsSelection li.lvl1 a {
	padding-left: 20px;
	width: 210px;
}

#partsSelection li.child a {
	padding-left: 15px;
	width: 215px;
	font-style: italic;
}

#partsSelection li.selected,
#partsSelection li:hover,
#partsSelection li:focus {
	 -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    background-color: #EEAEB1;
	
}

.csstransitions #partsSelection li a {
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
}

.csstransitions #partsSelection li a:hover {
	-webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
	text-indent: 17px;
	
}/*

/* New Homepage Banner */

#carousel {
	width: 100%;
	display: block;
	height: 313px;
	background:#000;
	background: rgba(0,0,0,.8);
	overflow: hidden;
	position: relative;
	z-index: 0;
}

	#scroll_container {
		width: 2880px;
		display: block;
		height: 313px;
		background:#000;
		background: rgba(0,0,0,.8);
	}


	.carousel_holder {
		width: 960px;
		display: block;
		height: 313px;
		overflow: hidden;
		position: relative;
		z-index: 1;
		float: left;
	}
	
	#carousel_a .carousel_mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: 313px;
		background: url(../img/mask_home.png) no-repeat top left;
	}
	
	#carousel_a .carousel_img {
		position: absolute;
		
		top: 0;
		left: -1000px;
		width: 3000px;
		display: block;
		height: 313px;
		background: url(../img/brands_home.png) repeat-x top left;
	}
	
	#carousel_a .carousel_img2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: 313px;
		background: url(../img/brands_large_home.png) no-repeat top left;
	}
	
	#carousel_a-a .carousel_text {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: 313px;
	}
	
	#carousel_a .carousel_text h2 {
		color:#fff;
		font-size: 36px;
		line-height: 36px;
		font-weight: 700;
		width: 1000px;
		margin: 0;
		position: absolute;
		top: 70px;
		left: 380px;
		text-transform: uppercase;
		text-shadow: 1px 1px 4px #000;
	}
	
	#carousel_a .carousel_text p.heading {
		color:#fff;
		font-size: 60px;
		line-height: 60px;
		font-weight: 700;
		text-transform: uppercase;
		text-shadow: 1px 1px 4px #000;
		margin: 0;
		width: 1000px;
		position: absolute;
		top: 108px;
		left: 180px;
	}
	
	/* Carousel_A */
	
	.cssanimations #carousel_a.active .carousel_text h2 {
   		animation: fromRightAnim1 0.6s ease-in 1.2s both;
   		-webkit-animation: fromRightAnim1 0.4s ease-in 1.2s both;
   		-moz-animation: fromRightAnim1 0.4s ease-in 1.2s both;
	}
	
	.cssanimations #carousel_a.active .carousel_text p.heading {
		animation: fromRightAnim2 0.4s ease-in 1.2s both;
		-webkit-animation: fromRightAnim2 0.4s ease-in 1.2s both;
		-moz-animation: fromRightAnim2 0.4s ease-in 1.2s both;
	}
	
	.cssanimations #carousel_a.active .carousel_img {
		animation: fromRightAnim3 0.4s ease-in 0s both;
		-webkit-animation: fromRightAnim3 0.6s ease-in 0s both;
		-moz-animation: fromRightAnim3 0.6s ease-in 0s both;
	}
	
	.cssanimations #carousel_a.active .carousel_img2 {
		animation: fromRightAnim4 0.6s ease-in 0.8s both;
		-webkit-animation: fromRightAnim4 0.6s ease-in 1.3s both;
		-moz-animation: fromRightAnim4 0.6s ease-in 1.3s both;
	}

	/* Adjust animations for different behavior of each element: */
	@-webkit-keyframes fromRightAnim1 {
		0%{ left: 1000px; opacity: 0; }
		100%{ left: 380px; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim2 {
		0%{ left: 1000px; opacity: 0; }
		1%{ left: 480px; opacity: 1; }
		100%{ left: 180px; opacity: 1; }
	}
	
	@-webkit-keyframes fromRightAnim1_b {
		0%{ left: 1000px; opacity: 0; }
		100%{ left: 300px; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim2_b {
		0%{ left: 1000px; opacity: 0; }
		1%{ left: 480px; opacity: 1; }
		100%{ left: 150px; opacity: 1; }
	}
	
	
	@-webkit-keyframes fromRightAnim3 {
		0%{ left: 450px; opacity: 0; }
		
		100%{ left: -960px; opacity: 1; }
	}
	@-webkit-keyframes fromRightAnim4 {
		0%{ left: 1000px; opacity: 0; }
		100%{ left: 0px; opacity: 1; }
	}
	
	@-moz-keyframes fromRightAnim1 {
		0%{ left: 1000px; opacity: 0; }
		100%{ left: 380px; opacity: 1; }
	}
	@-moz-keyframes fromRightAnim2 {
		0%{ left: 1000px; opacity: 0; }
		1%{ left: 480px; opacity: 1; }
		100%{ left: 180px; opacity: 1; }
	}
	@-moz-keyframes fromRightAnim3 {
		0%{ left: 450px; opacity: 0; }
		
		100%{ left: -960px; opacity: 1; }
	}
	@-moz-keyframes fromRightAnim4 {
		0%{ left: 1000px; opacity: 0; }
		100%{ left: 0px; opacity: 1; }
	}
	
	


	#carousel_b .carousel_img {
		position: absolute;
		top: 0;
		left: 0px;
width: 960px;
		display: block;
		height: 313px;
		background: #000 url(../img/slides/slide1/image1.jpg) no-repeat top left;
	}
	
	#carousel_b .carousel_img2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: 313px;
		background: url(../img/slides/slide1/image2.png) no-repeat top left;
	}
	
	#carousel_b .carousel_text {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: 313px;
		background: url(../img/slides/slide1/image3-wide.png) no-repeat top left;
	}
	
	
	.cssanimations #carousel_b.active .carousel_img {
   		animation: fadeIn 0s ease-in 1.2s both;
   		-webkit-animation: fadeIn 0s ease-in 1.2s both;
   		-moz-animation: fadeIn 0s ease-in 1.2s both;
	}
	.cssanimations #carousel_b.active .carousel_text {
		animation: fromRightAnim4 1s ease-in 1.9s both;
		-webkit-animation: fromRightAnim4 1s ease-in 1.9s both;
		-moz-animation: fromRightAnim4 1s ease-in 1.9s both;
	}
	
	.cssanimations #carousel_b.active .carousel_img2 {
		animation: fadeIn 1s ease-in 1.4s both;
		-webkit-animation: fadeIn 1s ease-in 1.4s both;
		-moz-animation: fadeIn 1s ease-in 1.4s both;
	}
	
	@-moz-keyframes fadeIn {
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}
	
	@-webkit-keyframes fadeIn {
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}

	
	@-webkit-keyframes pulsate {
   		0% {-webkit-transform: scale(1,1); opacity: 1;}
    	50% {-webkit-transform: scale(1.5, 1.5);}
    	100% {-webkit-transform: scale(1, 1); opacity: 1; }
	}

	
	@-moz-keyframes pulsate {
   		0% {-moz-transform: scale(1,1); opacity: 1;}
    	50% {-moz-transform: scale(1.5, 1.5);}
    	100% {-moz-transform: scale(1, 1); opacity: 1; }
	}
	


	
	@-webkit-keyframes pulsate2 {
   		0% {-webkit-transform: scale(1.5, 1.5); opacity: 1;}
    	100% {-webkit-transform: scale(1, 1); opacity: 1; }
	}

	
	@-moz-keyframes pulsate2 {
		0% {-moz-transform: scale(1.5, 1.5); opacity: 1;}
    	100% {-moz-transform: scale(1, 1); opacity: 1; }
	}
	

	
	
	#carousel_c .carousel_img {
		position: absolute;
		top: 0;
		left: 0px;
		width: 960px;
		display: block;
		height: 313px;
		background: #000 url(../img/slides/slide2/bg.jpg) no-repeat top left;
	}
	
	#carousel_c .carousel_img2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: 313px;
		background: url(../img/slides/slide2/img1.png) no-repeat top left;
	}
	
	#carousel_c .carousel_text {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: 313px;
		background: url(../img/slides/slide2/img2.png) no-repeat top left;
	}
	
	
	
	.cssanimations #carousel_c.active .carousel_text {
		opacity: 0;
		-webkit-animation: pulsate 1s ease-out 1.1s forwards;
    	-ms-animation: pulsate 1s ease-out 1.1s forwards;

    	-moz-animation: pulsate2 0.4s ease-out 1.2s forwards;
    	-o-animation: pulsate 1s ease-out 1.1s forwards;
    	animation: pulsate 1s ease-out 1.1s forwards;
	}
	
	.cssanimations #carousel_c.active .carousel_img2 {
		opacity: 0;
		-webkit-animation: pulsate2 0.4s ease-out 1.2s forwards;
    	-ms-animation: pulsate2 0.4s ease-out 1.2s forwards;
    	-moz-animation:  pulsate2 0.4s ease-out 1.2s forwards;
    	-o-animation: pulsate2 0.4s ease-out 1.2s forwards;
    	animation: pulsate2 0.4s ease-out 1.2s forwards;
	}


/* OlD CONENT */

#content {
	background: #E0E0E0 url("../img/bg_tile.gif") repeat 0 0;
	background: #E0E0E0 url("../img/main-bg-new-1.jpg") repeat 0 0;
    display: block;
    float: left;
    width: 100%;
    color:#444;
    clear: both;
    padding: 0;
}

#mainContent {
	float: left;
    width: 660px;
    padding: 20px 20px 10px;
    margin-right: 10px;
    display: inline;
}

#mainContent.fullPage {
	  width: 920px;
	  background:#fff;
}

#mainContent .breadcrumb {
	display: inline;
	float: left;
	margin: 0 0 10px;
}

#mainContent #productFilters {
	width: 420px;
	float: right;
}

#mainContent #showResults {
	display: inline;
	float: left;
	width: 100px;
	margin: 0 0 10px;
	width: 200px;
}

#mainContent #showResults label {
	display: inline;
    margin: 4px 0 0;
}

#mainContent #showResults select {
	width: auto;
	display: inline;
	clear: none;
	 margin: 0 0 0 5px;
}

#mainContent #price {
	display: inline;
	float: left;
	width: 100px;
	margin: 0 0 10px;
	width: 220px;
}

#mainContent #price label {
	display: inline;
    margin: 4px 0 0;
}

#mainContent #price select {
	width: auto;
	display: inline;
	clear: none;
	 margin: 0 0 0 5px;
}

#viewControls {
	display: inline;
    float: left;
    margin: 0 0 0 10px;
    width: auto;
}

#viewControls a {
    display: block;
    float: left;
    height: 16px;
    overflow: hidden;
    text-indent: -5555px;
    width: 16px;
    margin: 0 8px 0 0;
}

#viewControls a#list {
	background: url("../img/viewtypes.gif") repeat scroll 0 0 transparent;
}

#viewControls a#grid {
	background: url("../img/viewtypes.gif") top right transparent;
}

#viewControls a#list:hover,
#viewControls a#list.selected {
	background-position: bottom left;
}

#viewControls a#grid:hover,
#viewControls a#grid.selected {
	background-position: bottom right;
}


#tooltip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	background: none repeat scroll 0 0 #000;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.86);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    padding: 10px 20px;
    z-index: 1000;
}

#tooltip p {
	color:#fff !important;
}

#tooltip a.btn {
	margin-bottom: 0 !important;
}

#tooltip a#tooltipClose {
	background: url("../img/closeTT.png") no-repeat scroll right top transparent;
    display: block;
    float: right;
    height: 16px;
    width: 16px;
}


#mainContent #info {
	border-top: 1px solid #3F3F3F;
	padding: 20px 0;
	margin: 0px 0 10px;
	float: left;
	clear: both;
	width: 100%;
}

#mainContent #info h1 {
	font-size: 18px;
	clear: none;
}

#mainContent h1 { 
	font-size: 16px;
	margin: 0 0 16px;
	line-height: 21px;
	clear: both;
}


#mainContent h2 { 
	font-size: 15px;
	margin: 0 0 12px;
}

#mainContent p { 
	font-size: 13px;
	margin: 0 0 16px;
	line-height: 18px;
}

#mainContent ul { 
	list-style: disc inside;
	margin-bottom: 20px;
}

#mainContent ol,
#mainContent ul li ol {
list-style: decimal inside !important;
}

#mainContent ul li ol {
	margin: 0 0 0 10px;
}

#mainContent li { 
	margin: 8px 0 4px 0;
}

#mainContent a:link, #mainContent a:visited {
	color:#444;
	text-decoration: none;
	 -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
}

#mainContent a:hover, #mainContent a:focus {
	text-decoration: underline;
	color:#EE1C24;
}

#mainContent ul.controls,
#mainContent ul.controls li a {
	margin-bottom: 0;
}

#mainContent a.lookactive {
	text-decoration: underline !important; 
	color: #EE1C24 !important;
}

#mainContent .productDescription a:link, #mainContent .productDescription a:visited {
	color:red;
}




/* boxes */

.box {
	background:transparent;
	-moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	box-shadow: 0px 2px 5px  rgba(0,0,0,0.7);
	clear: both;
	margin: 0 0 20px;
	float: left;
	width: 100%;
	position:relative;
	/*behavior: url(/js/pie.htc);*/
}

.box .header {
	background: #333 url(../img/repeater.gif) repeat-x; 
	background: -moz-linear-gradient(top, #797979 0%, #2D2D2D 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#2D2D2D)); /* webkit */
	text-shadow: 0 -1px 0px #000;
	padding: 10px 20px;
	-moz-border-radius: 20px 20px 0px 0px;
	/*-webkit-box-shadow: 20px 20px 0px 0px;*/
    border-radius: 20px 20px 0px 0px;
	color:#fff;
	position:relative;
	float: left;
	width: 94%;
	/*behavior: url(/js/pie.htc);*/
}

.box .header h1 a {
	color:#fff !important;
}

.box .middle {
	padding: 10px 20px;
	float: left;
	width: 94%;
	background:#EFEFEF;
	border-radius: 0px 0px 20px 20px;
}

.box .middle ul {
	list-style: none !important;
}

.box .footer {
	background:#C1C1C1;
	display: block;
	height: 20px;
	-moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	position:relative;
	float: left;
	width: 100%;
	behavior: url(/js/pie.htc);
}

.box .header h1 {
	margin: 0 !important;
}

ul#homepage, ul.categories {
	float: left;
	width: 100%;
}

ul#homepage {
	padding: 10px;
}

ul#homepage li {
	float: left;
    height: 125px;
    line-height: 155px;
    width: 155px;
}

ul#homepage li img {
	width: 100%;
}

ul#homepage li a {
	display: block;
}

ul.categories li {
	float: left;
    overflow: hidden;
    width: 206px;
    text-align: center;
    height: 205px;
}

ul.categories li h2 {
	line-height: 16px;
	font-size: 12px !important;
    margin: 0 0 12px;
}

ul.categories li img {
	max-width: 100%;
}



.hproduct img {
	float: left;
	display: inline;
	margin-right: 20px;
}

.hproduct .new {
	position: absolute;
	top: 41px;
	left: 0px;
	background: transparent url(/img/new-product.png) no-repeat top left;
	display: block;
	height: 53px;
	width: 53px;
}

#gridView .hproduct .new {
	top: 42px;
}

.hproduct .productDetails {
	float: left;
	  width: 100%;
}

.fullp.hproduct .productDetails {
	 width: 420px;
}

.hproduct .pDescription {
	float: left;
	width: 67%;
}

.hproduct .stockLevel {
	float: left;
}

.hproduct p {
	margin: 0 0 8px !important;
}

.hproduct .price {
	color: #EC2442;
    font-weight: bold;
}

.hproduct div.brand {
	display: none;
}

/* Category Page */

#categoryHeader {
	background: #323232; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #323232 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #323232 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #323232 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #323232 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #323232 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
	border-radius: 5px 5px 0 0;
	float: left;
	width: 100%;
}

#categoryHeader h1 {
	margin: 30px 0 36px 4%;
	padding: 0 0 0 0;
	font-size: 20px;
	float: left;
	width: 46%;
	color: white;
	text-transform: uppercase;
}

#categoryHeader p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	width: 50%;
}


#mainContent #productFilters {
	width: 98%;
	float: left;
	clear: both;
	padding: 5px 1% 5px;
	margin: 10px 0 20px;
	background:#EDEDED;
	border: 1px solid #C3C3C3;
}

#mainContent #productFilters form {
	margin-bottom: 0px !important;
	float: right;
}

#mainContent #productFilters form#price {
	float: left;
}	

/* Grid view */

#gridView {
	float: left;
	width: 100%;
	margin: 10px 0 0;
}

#gridView .box {
	width: 150px;
	margin: 0 20px 30px 0;
	clear: none;
}

#gridView .box.last {
	margin-right: 0 !important;
}

#gridView .box .header {
	height: 22px;
    overflow: hidden;
    padding: 10px;
    width: 130px;
}

#gridView .box .middle {
	 width: 110px;
}

#gridView .hproduct a.pimage {
	width: 100%;
	display: block;
	height: 100px;
	overflow: hidden;
}

#gridView .hproduct img {
	width: 100%;
}

#gridView .box .header h1 {
    clear: both;
    font-size: 12px;
    line-height: 15px;
}

#gridView .hproduct .pDescription .pdesc,
#gridView .hproduct .pDescription a.btn {
	display: none;
}

#gridView .hproduct .pDescription {
    float: left;
    width: 100%;
}

#gridView .hproduct .price {
	text-align: center;
}

#mainContent #gridView  .btn {
	margin-bottom: 11px;
}

/*#gridView a.help {
	background: url("../img/help-button.png") no-repeat scroll left top transparent;
    bottom: 35px;
    height: 34px;
    position: absolute;
    right: 5px;
    width: 34px;
    display: none;
}*/

#gridView .hproduct div.brand {
	display: block;
	width: 100%;
	background: #333;
	text-align center;
	float: left;
	text-align: center;
	height: 30px;
	border-radius: 0 0 20px 20px;
	behavior: url(/js/pie.htc);
}

#gridView .middle {
	border-radius: 0;
	padding: 10px 20px 0;
}

#gridView .hproduct .productDetails {
	width: 130px;
}

#gridView .hproduct div.brand img {
	width: auto;
	margin: 0;
	float: none;
}


/* Full Product Page */

.fullp {
	float: left;
	width: 100%;
}

.fullp #gallery {
	float: left;
	width: 500px;
	display: block;
	text-align: center;
	background: none repeat scroll 0 0 #EFEFEF;
	overflow: hidden;
	min-height: 400px;
}

.fullp #gallery img#bigImage {
	width: auto;
	float: none;
	max-width: 100%;
}

.fullp #gallery #thumbs {
	list-style: none;
	display: inline;
	float: left;
	width: 100%;
}

.fullp #gallery #thumbs li {
	float: left;
	width: 93px;
	display: inline;
	margin: 0 !important;
}

.fullp .productDetails {
	/*background: url("http://www.pedparts.co.uk/ekmps/shops/thebikeshop/resources/Design/tab.png") no-repeat scroll right top transparent;*/
	background: #363636 url(../img/repeater-corner.gif) no-repeat top right; 
	padding: 30px 0 0;
	border-top-right-radius: 10px; 
	position:relative;
}

#mainContent .fullp .middle h1 {
	margin: 0;
	text-align: center;
	color:#fff;
	padding: 0 0 10px;
	text-shadow: 0 -1px 0px #000;
}

#mainContent .fullp .middle p.price {
	text-align: center;
	margin: 0;
	text-shadow: 0 -1px 0px #000;
}

.fullp .middle {
	background:#333;
	padding: 0 20px 10px;
	width: 378px;
}

.fullp img {
	margin: 0;
}

.fullp .productDescription {
	background:#3e3e3e url(../img/bggrid.png) repeat top left;
	color:#fff;
	padding: 10px 20px 10px;
	width: 378px;
	height: auto;
	display: block;
}

.fullp.hproduct {
	background: url("../img/bggrid.png") repeat scroll left top #3E3E3E;
	background: url("../img/product-bg.gif") repeat-y left top #3E3E3E;
	border-radius: 10px 20px 10px 10px;
}

.highslide img {
    border: none !important;
}

.fullp #freeShipping {
	background: #8AC048;
	color:#fff;
	text-align: center;
	width:378px;
	padding: 10px 20px 4px;
}

.fullp #freeShipping p {
	margin: 0;
	font-weight: bold;
	padding: 0;
}

.fullp .fitment {
	color: #EC2442;
}

.fullp .fitment h6, .fullp .fitment ul {
	margin: 0 0 10px;
}

.fullp .fitment ul {
	width: 100%;
	float: left;
}

.fullp .fitment ul li {
	width: 50%;
	display: inline;
	float: left;
}

.fullp .footer {
	float: left;
	width: 100%;
	background:#8c8c9c;
	padding: 10px 0;
}

.fullp .footer .fb {
	float: left;
	width: 300px;
}

.fullp .footer .controls {
	float: right;
	display: inline;
	list-style: none;
}

.fullp .footer .controls li {
	float: left;
	display: block;
	margin-right: 10px !important;
}

li.addToCart a {
	background: transparent url(../img/addtocart.gif) no-repeat top left;
	display: block;
	width: 153px;
	height: 32px;
	text-indent: -5555px;
}

li.emailThis a {
	background: transparent url(../img/emailthis.gif) no-repeat top left;
	display: block;
	width: 124px;
	height: 32px;
	text-indent: -5555px;
}



/* - - - - - - - */

.basket .middle {
	border-bottom: 1px solid #AAAAAA;
}

.basket .middle.last {
	border-bottom: none;
}

.basket img {
	float: left;
	width: 91px;
	margin: 0 10px 0;
	display: inline;
}

.basket .productName {
	display: inline;
    float: left;
    margin: 0 10px;
    padding: 33px 0 0;
    width: 260px;
}

#mainContent ul#basketTotals li {
	font-size: 13px;
    margin: 0 0 12px;
    padding: 0 76px 0 0;
    text-align: right;
}

.basket .productQty {
	float: left;
	width: 50px;
	margin: 0 10px 0;
	padding: 13px 0 0;
	display: inline;
}

.basket .remove {
	display: inline;
    float: left;
    margin: 0 10px;
    padding: 8px 0 0;
    width: 50px;
}

td.totalPrice {
	width: 120px;
}

td.quantity {
	width: 168px;
}

.basket .productQty input {
	 width: 100%;
}

.basket .productCost {
	float: left;
	width: 91px;
	margin: 0 10px 0;
	display: inline;
	padding: 13px 0 0;
}

.basket .productCost p {
	margin: 0 !important;
}

.basket .productCost span {
	display: block;
}

#mainContent a#btnContinue {
	display: block;
    float: left;
}

#mainContent a#btnCheckOut {
	display: block;
    float: right;
}

select#country {
	width: auto;
}

#mainContent a#payPal {
	display: block;
    height: 42px;
    clear: none;
    float: right;
    margin: 7px 19px 0 0;
    text-indent: -99999px;
    width: 144px;
	background: transparent url("../img/btn_xpressCheckoutsm.gif") no-repeat 0 0;
	-webkit-transition: none !important;
    -moz-transition:none !important;
}

a#btnContinue:hover,
a#btnCheckOut:hover {
	background-position: top right;
}

#mainContent .cancel {
	display: inline; 
	float: left; 
	line-height: 37px; 
	margin: 0 0 0 16px; 
	clear: none;
}

#basketForm #total {
	margin-bottom: 0px !important;
}

/*
Aside
*********************/

#aside {
	float: left;
    width: 230px;
    margin-right: 15px;
    display: inline;
}

#aside .cats, #aside .pages {
	margin: 10px 0 20px;
	background:#EFEFEF;
	-moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
	position:relative;
	behavior: url(/js/pie.htc);
	 float: left;
	 width: 230px
}

#aside .cats h1, 
#aside .pages h1 {
	background: #797979 url(../img/repeater.gif) repeat-x; 
	background: -moz-linear-gradient(top, #797979 0%, #2D2D2D 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#2D2D2D));
	padding: 10px 20px;
	-moz-border-radius: 20px 20px 0px 0px;
	/*-webkit-box-shadow: 20px 20px 0px 0px;*/
    border-radius: 20px 20px 0px 0px;
	color:#fff;
	text-transform: uppercase;
	position:relative;
	text-shadow: 0 -1px 0px #000;
	
	behavior: url(/js/pie.htc);
}



#aside .cats form,
#aside .cats .info {
	padding: 10px;
	background: none repeat scroll 0 0 transparent;
	width: 210px;
	margin-right: 0px;
}

#aside .cats .info p {
	line-height: 15px;
	color:#444444;
	margin-bottom: 10px;
}

#aside .cats .info p a {
	color:#444444;
	text-decoration: underline;
}

#aside .pages ul {
	padding: 10px 20px;
}

#aside .pages ul li {
	margin: 0 0 10px 0;
}

#aside .pages ul li a {
	color:#444;
}

#aside #scrollUnderNav {
	float: left;
	margin: 10px 0 20px;
}

.e7 #aside #scrollUnderNav  {
	margin: 30px 0 20px;
}

/*
STRUCTURAL Divs */

#leftHalf {
	margin-right: 1%;
	padding-right: 1%;
	width: 46%;
}

#rightHalf {
	margin-left: 1%;
	padding-right: 1%;
	width: 46%;
}

.container {
	width: 95%;
	padding: 0px 2.5%;
	float: left;
}

#subFooter .container .half {
	height: 180px;
	overflow-x: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: auto;
	padding: 10px;
	background: rgba(0, 0, 0, 0.3);
}

.half {
	float: left;
	width: 50%;
}

.thrid {
	 width: 33.3%;
	float: left;
}

/*
Form
*********************/
.placeholder {
	color: #A9A9A9;
}

input::-webkit-input-placeholder {
    color:    #a9a9a9 !important;
}
input:-moz-placeholder {
    color:    #a9a9a9 !important;
}


form label {
	float: left;
	clear: both;
	margin-bottom: 4px;
}

form#newAccount {
	background:#fff;
}

form#newAccount input,
form#newAccount select {
	margin-bottom: 10px;
}

form#newAccount input[type="text"] {
	width: 400px;
}

form#newAccount select {
	width: 400px;
}

.group {
	padding: 0 20px;
}

#autoFill {
	margin: 10px 0;
	float: left;
	clear: both;
}

form .create {
	background:#eee;
	color:#fff;
	float: left;
	clear: both;
	width: 100%;
	padding: 16px 0;
	margin: 20px 0 0px;
	font-size: 16px;
	text-indent: 15px;
}

form .create button {
	margin-left: 20px;
}

form h6, .headingBar {
	background:#666666;
	color:#fff;
	float: left;
	clear: both;
	width: 100%;
	padding: 16px 0;
	margin: 0 0 20px 0;
	font-size: 16px;
	text-indent: 15px;
}

form p {
	float: left;
	clear: both;
	margin-bottom: 4px;
}

form input {
	font-size: 12px;
	float: left;
	clear: left;
	margin-bottom: 4px;
}

form textarea {
	font-size: 12px;
	float: left;
	clear: left;
	width: 400px;
	height: 120px;
	margin-bottom: 4px;
}

form select {
	float: left;
	clear: both;
	margin-bottom: 8px;
	width: 100%;
}

form label.radio {
	float: left;
	clear: both;
	margin-bottom: 8px;
	display: inline;
	line-height: 17px;
}

form label.radio input {
	float: left;
	margin: 0 5px 0 0;
	display: inline;
}

form button {
	float: left;
	clear: both;
}	

form.inline {
	display: inline !important;
}

form.inline label, form.inline input, form.inline button {
	display: inline;
	float: left;
	clear: none;
}

form.inline label {
	margin-right: 5px;
	font-weight: bold;
	line-height: 24px;
}

div.inline {
	display: inline !important;
	float: left;
	width: 100%;
}

div.inline .field {
	float: left;
	margin-right: 20px;
}	

.med {
	width: 150px !important;
}

.small {
	width: 99px;
}

/*Stepper */

.stepper {
	display: block;
	float: left;
	height: 40px;
	width: 50px;
}

td.quantity input {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom-right-radius: 0;
	border-color: #D0D0CE -moz-use-text-color #D0D0CE #D0D0CE;
	border-style: solid none solid solid;
	border-top-right-radius: 0;
	border-width: 1px medium 1px 1px;
	font-weight: bold;
	padding:6px 5px 7px 0;
	text-align: center;
	width: 25px;
}

.stepper input {
	float: left;
}

.stepper .stepUp, .stepper .stepDown {
	background: url("../img/stepper.gif") no-repeat scroll left top transparent;
	display: block;
	float: left;
	height: 15px;
	text-indent: -55555px;
	width: 14px;
}

.stepper .stepDown {
	background-position: left bottom;
}

select#shipping {
	width: auto;
}

#productOptionsForms {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

#productOptionsForms button {
	float: none;
	clear: none;
}
	

/*******/

/*
subFooter
*********************/
#subFooter h1 { 
	font-size: 16px;
	margin: 5px 0 16px;
}

#subFooter h2 { 
	font-size: 16px;
	margin: 0 0 13px;
}

#subFooter p { 
	font-size: 13px;
	margin: 0 0 16px;
	line-height: 18px;
}

#subFooter article h1 {
	font-size: 15px;
margin: 0 0 2px;
line-height: 20px;
}

#subFooter article p.date {
	font-size: 11px;
	margin: 0 0 5px;
}

/*
Footer
*********************/
footer {
	background:#181818;
	float: left;
	width: 100%;
	clear: both;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}


form#brands label.radio {
	clear: none;
    display: inline;
    float: left;
    line-height: 17px;
    margin-bottom: 8px;
    width: 96px;;
    
}


#brandsFoot {float: right; position:relative;margin-left: 25px;}
#brandBox {
	background: url("../img/box.gif") no-repeat scroll left top #000000;
    display: block;
    float: left;
    height: 183px;
    padding: 0;
    width: 272px;
    overflow: hidden;
}

#brandsFoot a#brandleft {
	display: block;
	width: 25px;
	height: 34px;
	overflow: hidden;
	/*background: url(../img/brand-left.png) no-repeat top left;*/
	position: absolute;
	top: 100px;
	left: -17px;
}

#brandsFoot a#brandright {
	display: block;
	width: 25px;
	height: 34px;
	overflow: hidden;
	/*background: url(../img/brand-right.png) no-repeat top left;*/
	position: absolute;
	top: 100px;
	right: -17px;
}

#brandsFoot ul {float: left;
    width: 70px;}
#brandsFoot ul li { float: left;line-height: 11px;margin: 0 1px 1px 0;padding: 0;}
#brandsFoot ul li.last { clear: left; }
#brandsFoot ul li a { 
	background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 30px;
    overflow: hidden;
    padding: 11px 4px;
    width: 61px;
}

#brandsFoot ul li a img {
	width: 100%;
}




/* pagination
*********************/
#pagination {
	border-top: 1px solid #EEEEEE;
    padding: 35px 0 0;
    font-size: 12px;
    height: 36px;
    line-height: 1;
    margin: 0 0 36px;
    text-align: center;
    width: 100%;
	list-style: none !important;
}

#pagination li {
	display: inline !important;
	margin: 0 4px !important;
}

#pagination li a {
	border: 1px solid #6E6E6E;
	background:#fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 3px 11px 4px;
    text-decoration: none;
    text-shadow: 0 -1px 1px #ddd;
}

#pagination li a:hover,
#pagination li a:focus,
#pagination li.on-page a {
	background: #6E6E6E;
	color:#fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #000;
}

/*
bottomStrip
*********************/

#bottomStrip {
	background-color: #2B2B2B;
    border-top: 1px solid #3F3F3F;
    clear: both;
    color: #FFFFFF;
    display: block;
    padding: 10px;
    width: 940px;
    float: left;
}

#bottomStrip p {
	font-size: 11px;
	line-height: 18px;
}

#bottomStrip ul {
	float: right;
	width: 120px;
}

#bottomStrip ul li {
	font-size: 11px;
	line-height: 18px;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	text-indent: -5555px;
	overflow: hidden;
	margin-left: 5px;
}

#bottomStrip ul li#fb {
	background-repeat: none;
	background-image: url("../img/facebook_32.png");
	background-position:-0 -0;
}

#bottomStrip ul li#fb a,
#bottomStrip ul li#tw a,
#bottomStrip ul li#plus a {
	display: block;
	height: 32px;
}

#bottomStrip ul li#tw {
	background-repeat: none;
	background-image: url("../img/twitter_32.png");
	background-position:0 -0;
}

#bottomStrip ul li#plus {
	background-repeat: none;
	background-image: url("../img/google_plus_32.png");
	background-position:0 -0;
}

a#top {
	display: none;
}


/*
Cards */

ul#cards {
	float: left;
	width: 100%;
}

ul#cards li {
	display: block;
	float: left;
	width: 61px;
	height: 40px;
	margin-right: 2px;
	margin-bottom: 2px;
	text-indent: -5555px;
}

ul#cards #ve {
	background-repeat: none;
	/*background-image: url("../img/global-sprite-v1.png");*/
	background-position:-93px -251px;
	width: 65px;
}

ul#cards #so {
	width: 30px;
	background-repeat: none;
/*background-image: url("../img/global-sprite-v1.png");*/
	background-position:-1px -251px;
}

ul#cards #vs {
	background-repeat: none;
	/*background-image: url("../img/global-sprite-v1.png");*/
	background-position:-31px -251px;
}

ul#cards #mc {
	background-repeat: none;
	/*background-image: url("../img/global-sprite-v1.png");*/
	background-position:-158px -251px;
}
ul#cards #mo {
	background-repeat: none;
	/*background-image: url("../img/global-sprite-v1.png");*/
	background-position:0 -400px;
}

ul#gways {
	float: left;
	clear: both;
	width: 100%;
}

ul#gways #sp {
	/*background-image: url("../img/global-sprite-v1.png");*/
    background-position: 0 -312px;
    width: 100%;
    display: block;
    height: 33px;
    text-indent: -5555px;
}

/*
jCarouselLite
*********************/
.jCarouselLite ul li {
	display: block;
    overflow: hidden;
    text-align: center;
}

.jCarouselLite ul li {
	display: block;
	height: 198px;
}

.jCarouselLite ul li a img {
	height: auto;
	margin-bottom: 10px;
}

.jCarouselLite ul li p {
	margin: 0 0 4px;
	line-height: 16px;
}

.red {
	color:red;
	font-weight: bold;
}

/*
Errors
**********************/

.error {
    background: no-repeat scroll 10px center #FFCCBA;
    border: 1px solid #D63301;
    clear: both;
    color: #D63301;
    margin-bottom: 20px;
    padding: 10px 50px;
}

.error a {
	 color: #D63301;
}

.success {
	background: no-repeat scroll 10px center #E0F4C1;
	border:1px solid #548D1C;
	color:#548D1C;
	margin-bottom:20px;
	padding:10px 50px;
	clear:both;
}

.success p {
	margin: 0 !important;
}

/*
Basket
*********************/

table#basketContents {
    border-top: 1px solid #A7A7A6;
    clear: both;
    background:#efefef;
    margin-bottom: 0px;
    width: 100%;
}

table#basketContents thead {
    background: none repeat scroll 0 0 #E4E4E4;
}

table#basketContents thead th {
    color: #4C4C4C;
    font-size: 14px;
    line-height: 1.2em;
    padding: 14px 0 12px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
}

tbody td {
    border-bottom: 1px solid #D0D0CE;
    font-size: 12px;
    line-height: 1.3em;
    padding: 10px 0 10px 10px;
    vertical-align: middle;
}


table#total {
    clear: both;
    background:#fff;
    margin-bottom: 20px;
    width: 100%;
}

table#total tbody td.aright {
	text-align: right;
	width: 80%;
}

table#total tbody td.t {
	
}

table#address {
    border-top: 1px solid #A7A7A6;
    clear: both;
    background:#efefef;
    margin-bottom: 10px;
    width: 100%;
}

.address h5 {
	margin-bottom: 10px;
}

/* Pagaination*/
ul.pagination {
    background: none repeat scroll 0 0 #F6F6F6;
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 7px 0 9px 10px;
    width: 100%;
}

ul.pagination li {
    display: inline;
    float: left;
    font-family: "Helvetica Neue",Arial,Helvetica,Calibri,sans-serif;
    margin-bottom: 0 !important;
    margin-right: 5px !important;
}

ul.pagination li.on-page a, ul.pagination li a:hover, ul.pagination li a:focus {
    background: none repeat scroll 0 0 #141414;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

ul.pagination li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B0B0AF;
    color: #141414;
    display: block;
    font-size: 13px;
    padding: 5px 8px;
    text-decoration: none;
}

/* Blue box */

div.general {
	border-top: 1px solid #A7A7A6;
    float: left;
    margin-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

.info {
    background: none repeat scroll 0 0 #2E2E2E;
    float: left;
    margin: 0 20px 0 0;
    padding: 20px 0 10px 10px;
    width: 190px;
    color:#fff;
}

.info h5 {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 15px 0;
}

#mainContent .info p a {
	color:#F37254;
	text-decoration: underline;
}

.forms {
    display: inline;
    float: left;
    width: 440px;
}

.forms h5 {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 15px 0;
}

.forms form label {
	font-weight: bold;
}

.forms form input {
	margin-bottom: 10px;
	width: 350px;
}

p#passwordReminder {
	display: inline;
    float: left;
    clear: none;
    margin-left: 20px;
    margin-top: 11px;
    width: 200px;
}

#register {
	clear: both;
}

#stock {
	clear: both;
    float: left;
    text-align: center;
    width: 100%;
}

#stock img {
	display: inline;
    float: none;
    margin-right: 0;
}

/* homeBestSellersCarousel */

#homeBestSellers {
	background: none repeat scroll 0 0 #414141;
    border: 1px solid #EFEFEF;
    float: left;
    height: 268px;
    margin: 25px 0 0;
    width: 910px;
}

.homeBestSellersButtons {
    float: left;
    height: 25px;
    padding: 10px;
    width: 878px;
}

.homePrevious {
   /*background-image: url("../img/global-sprite-v1.png");*/
	background-position:-240px 0;
	background-repeat: no-repeat;
    color: #D00004;
    cursor: pointer;
    display: block;
    float: left;
    padding: 3px 0 5px 25px;
}

.homeNext {
  /*background-image: url("../img/global-sprite-v1.png");*/
	background-position:-292px -28px;
	background-repeat: no-repeat;
    color: #D00004;
    cursor: pointer;
    display: block;
    float: right;
    padding: 3px 26px 5px 0;
}

.homeBestSellersHeading {
	float: left;
    margin-left: 200px;
}

.homeBestSellersCarousel {
	background: none repeat scroll 0 0 #EFEFEF;
    float: left;
     height: 192px;
    overflow: hidden;
    padding: 0 11px;
    position: relative;
    visibility: visible;
    width: 888px;
    z-index: 2;
}

.homeBestSellersCarousel h6 {
	color:red;
	text-shadow: 0 0 0;
	font-weight: normal;
}

.homeBestSellersCarousel h6 a {
	color:#000000;
	text-shadow: 0 0 0;
}

.homeBestSellersCarousel ul {
	float: left;
	width: 100%;
}

.homeBestSellersCarousel ul li {
	display: inline;
	width: 202px;
	text-align: center;
	float: left;
	padding: 10px 10px;
}

.homeBestSellersCarousel ul li a {
	display: block;
	height: 141px;
	overflow: hidden;
}

.homeBestSellersCarousel ul li h6 a {
	height: auto;
}

.homeBestSellersCarousel ul li a img {
	height: 100%;
}


/* PRODUCTS TABBED */

#tabbedProduct {
	float: left;
	margin: 0 0 29px;
	width: 100%;
}

#tabbedProduct ul#navProduct {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #5A5A5A;
}

#tabbedProduct ul#navProduct li {
	float: left;
	display: inline;
	width: auto;
	margin: 0 0 -1px;
	font-size: 11px;
}

#tabbedProduct ul#navProduct li a {
	display: block;
	color:#fff;
	background: #3D3D3D;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid #5A5A5A;
	padding: 5px 7px;
	margin-right: 5px;
	border-radius: 5px 5px 0 0;
}

#tabbedProduct ul#navProduct li a.selected {
	border-bottom: 1px solid #3D3D3D;
}

#tabbedProduct #tabbedBox {
	float: left;
	clear: left;
	background: #3D3D3D;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid #5A5A5A;
	border-top: 0;
	padding: 4.7%;
    width: 90%;
    border-radius: 0px 0 5px 5px;
}

/* RELATED PRODUCTS */

.releatedProduct {
	display: inline;
    float: left;
    width: 100%;
}

.releatedProduct a img {
	margin: 0 10px 10px 0;
	max-width: 100px;
}

.releatedProduct h6 {
	line-height: 16px;
}

/* Blog Styling */


#mainContent article {
	width: 100%;
}

#mainContent article header h1 {
	font-size: 26px;
    line-height: 32px;
    margin: 0 0 8px;
    text-indent: 0 !important;
}

#mainContent article header h1 a:link,
#mainContent article header h1 a:visited {
	color:#444;
	text-decoration: none;
}

#mainContent article header h1 a:hover,
#mainContent article header h1 a:focus {
	color:red;
	text-decoration: underline;
}

#mainContent article header p {
	  color: #555;
    line-height: 18px;
    margin: 0 0 20px;
    border-bottom: 1px solid #B9B9BB;
}

#mainContent article footer {
	background: transparent;
	margin: 0 0 40px 0;
	padding: 0 0 20px;
	border-bottom: 1px solid #B9B9BB;
}


#mainContent article h2 {
	font-size: 13px;
    line-height: 18px;
    margin: 0 0 16px;
}
#mainContent article h3 {
	font-size: 13px;
    line-height: 18px;
    margin: 0 0 16px;
}
#mainContent article h4 {
	font-size: 13px;
    line-height: 18px;
    margin: 0 0 16px;
}
#mainContent article h5 {
	font-size: 13px;
    line-height: 18px;
    margin: 0 0 16px;
}

#mainContent article h6 {
	font-size: 13px;
    line-height: 18px;
    margin: 0 0 16px;
}

#mainContent article p {
	font-size: 13px;
    line-height: 18px;
    margin: 0 0 16px;
}

#mainContent article li {
	font-size: 13px;
    line-height: 18px;
    margin: 0 0 16px;
}

#mainContent article img {
	max-width: 100%;
}

#mainContent article a:link,
#mainContent article a:visited {
	color:red;
	text-decoration: underline;
}


#aside .blog {
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    color: #666666;
    margin: 30px 0 15px;
    padding: 10px 10px 10px;
}

#aside .blog h3 {
	border-bottom: 1px dotted #99BB99;
    color: #333333;
    font-family: 'Droid Sans',arial,serif;
    font-size: 115%;
    line-height: 1.5em;
    margin: 0 0 10px;
    padding: 0 0 0.2em;
}

#aside .blog ul li {
	 color: #b9b9bb;
	 margin: 0 0 6px 0;
	 line-height: 18px;
}

#aside .blog a {
	 color: red;
	 text-decoration: underline;
}

#aside #recentBlog {
	display: block;
	width: 100%;
	height: 320px;
	overflow-y: scroll;
}


/* ANDY CODE */

span.part {
	color: #ec2442 !important;
	font-size: 12px !important;
	float: right !important;
	text-align: right !important;
}


/* END */



/* Question and Answer */

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

#productQuestionBox ul li {
	margin-bottom: 18px;
}

#productQuestionBox ul li span.qu {
	font-weight: bold;
	display: block;
	margin: 0;
	line-height: 17px;
}

#productQuestionBox ul li span.as {
	font-size: normal;
	line-height: 17px;
}

/*
 * Brands 
 */
 
 

#brandSlide {
	float: left;
	background: #181818;
	width: 960px;
	border-bottom: 1px solid #373737;
	position: relative;
}

	#brand_right {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		background: #000 url(../img/right_brand.gif) no-repeat top right;
		width:33px;
		text-indent: -55555px;
		height: 60px;
		z-index: 40000;
	}
	
	#brand_right:hover {
		background-position: top left;
	}
	
	#brand_left {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: #000 url(../img/left_brand.gif) no-repeat top left;
		width:33px;
		text-indent: -55555px;
		height: 60px;
		z-index: 40001;
	}
	
	#brand_left:hover {
		background-position: top right;
	}



#brandMask {
	overflow: hidden;
	width: 960px;
	height: 60px;
	position: relative;
}

#brand_container {
	width: 40000px;
	position: absolute;
	top: 0;
	left: 0;
}

#brandSlide ul {
	float: left;
	width: auto;
	display: block;
	
}

#brandSlide ul li {
	float: left;
	display: inline;
	width: 156px;
	margin: 0 10px;
	
}

#brandSlide ul li a {
	display: block;
	height: 60px;
	text-indent: -55555px;
	width: 156px;
	background: url(../img/brand-sprite.png) no-repeat;
}

#brandSlide ul li a:hover {
	background-position: bottom left;
}


#brandSlide ul li.athena a {
	background-position: -156px 0;
}


#brandSlide ul li.athena a:hover {
	background-position: -156px -60px;
}

#brandSlide ul li.bcd a {
	background-position: -312px 0;
}

#brandSlide ul li.bcd a:hover {
	background-position: -312px -60px;
}


#brandSlide ul li.buzzetti a {
	background-position: -468px 0;
}

#brandSlide ul li.buzzetti a:hover {
	background-position: -468px -60px;
}

#brandSlide ul li.endy a {
	background-position: -624px 0;
}

#brandSlide ul li.endy a:hover {
	background-position: -624px -60px;
}

#brandSlide ul li.kiesler a {
	background-position: -780px 0;
}

#brandSlide ul li.kiesler a:hover {
	background-position: -780px -60px;
}

#brandSlide ul li.koso a {
	background-position: -936px 0;
}

#brandSlide ul li.koso a:hover {
	background-position: -936px -60px;
}

#brandSlide ul li.leo-vince a {
	background-position: -1092px 0;
}

#brandSlide ul li.leo-vince a:hover {
	background-position: -1092px -60px;
}

#brandSlide ul li.malossi a {
	background-position: -1248px 0;
}

#brandSlide ul li.malossi a:hover {
	background-position: -1248px -60px;
}

#brandSlide ul li.motoforce a {
	background-position: -1404px 0;
}

#brandSlide ul li.motoforce a:hover {
	background-position: -1404px -60px;
}

#brandSlide ul li.mtkt a {
	background-position: -1560px 0;
}

#brandSlide ul li.mtkt a:hover {
	background-position: -1560px -60px;
}

#brandSlide ul li.ngk a {
	background-position: -1716px 0;
}

#brandSlide ul li.ngk a:hover {
	background-position: -1716px -60px;
}

#brandSlide ul li.rock-oil a {
	background-position: -1872px 0;
}

#brandSlide ul li.rock-oil a:hover {
	background-position: -1872px -60px;
}

#brandSlide ul li.piaggio a {
	background-position: -2028px 0;
}

#brandSlide ul li.piaggio a:hover {
	background-position: -2028px -60px;
}

#brandSlide ul li.polini a {
	background-position: -2184px 0;
}

#brandSlide ul li.polini a:hover {
	background-position: -2184px -60px;
}

#brandSlide ul li.pm-tuning a {
	background-position: -2340px 0;
}

#brandSlide ul li.pm-tuning a:hover {
	background-position: -2340px -60px;
}

#brandSlide ul li.stage6 a {
	background-position: -2496px 0;
}

#brandSlide ul li.stage6 a:hover {
	background-position: -2496px -60px;
}

#brandSlide ul li.str8 a {
	background-position: -2652px 0;
}

#brandSlide ul li.str8 a:hover {
	background-position: -2652px -60px;
}

#brandSlide ul li.tnt a {
	background-position: -2808px 0;
}

#brandSlide ul li.tnt a:hover {
	background-position: -2808px -60px;
}

#brandSlide ul li.yamaha a {
	background-position: -2964px 0;
}

#brandSlide ul li.yamaha a:hover {
	background-position: -2964px -60px;
}

#brandSlide ul li.yasuni a {
	background-position: -3120px 0;
}

#brandSlide ul li.yasuni a:hover {
	background-position: -3120px -60px;
}

#brandSlide ul li.yss a {
	background-position: -3276px 0;
}

#brandSlide ul li.yss a:hover {
	background-position: -3276px -60px;
}

#brandSlide ul li.dmp a {
	background-position: -3432px 0;
}

#brandSlide ul li.dmp a:hover {
	background-position: -3432px -60px;
}

#brandSlide ul li.replay a {
	background-position: -3743px 0;
}

#brandSlide ul li.replay a:hover {
	background-position: -3743px -60px;
}


#brandSlide ul li.naraku a {
	background-position: -3588px 0;
}

#brandSlide ul li.naraku a:hover {
	background-position: -3588px -60px;
}

/* Suggest */

#suggestions {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 12px #222222;
    color: #000000;
    font-family: "Lucdia Grande",arial,sans-serif;
    font-size: 14px;
    line-height: normal;
    list-style-type: none;
    margin: 2px 0 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    max-height: 400px;
    overflow: auto;
}


#suggestions ul li:first-child {
    margin: 0;
}


#suggestions ul li a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: #FFFFFF #FFFFFF #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin: 0;
    display: block;
    color: #444;
    padding: 5px 12px;
}

#suggestions ul li a:hover {
    background-color: #3668D9;
    border-color: #3342E8;
    color: #FFFFFF;
    text-shadow: 0 1px 2px #122042;
}


/*
@media (min-width: 1200px) {
	#topstrip .container { width: 98%; max-width: 1200px; }
	#topstrip ul { width: 100%;}
	
	#container {
		width: 90%;
		max-width: 1200px;
	}
	
	.full {
		width: 100%;
		float: left;
	}
	
	#navBar {
    	clear: both;
    	float: left;
   		margin-top: 34px;
   		padding: 0;
    	width: 100%;
	}
	
	ul#homepage li {
    float: left;
    height: 125px;
    line-height: 155px;
    text-align: center;
    width: 25%;
}
	
	#navBar #search {
   		margin: 5px 13px 5px 0;
	}
	
	#mainContent {
    	width: 76%;
	}
	
	.fullp .productDetails {
		width: 68% !important;
	}
	
	#aside {
    	width: 17%;
	}
	
	#bottomStrip {
    padding: 10px 2%;
    width: 96%;
	}
	
	.hproduct .productDetails {
   		width: 77%;
	}
	
	
	.fullp .footer {
    width: 797px;
	}
	
	ul.categories li {
    width: 33%;
	}
	
	.fullp .middle {
		width:515px;
	}
	
	.fullp .productDescription {
		width: 515px;
	 }
	
}*/
@media screen and (max-width: 600px) {
	#topstrip .container { width: 98%; max-width: 600px; }
	#topstrip ul { width: 100%;}
	
	#container {
		width: 90%;
		max-width: 600px !important;
	}
	
	#mainContent.fullPage {
	  width: 485px;
	  background:#fff;
	}
	
	#navBar {
    	clear: both;
    	float: left;
   		margin-top: 34px;
   		padding: 0;
    	width: 100%;
	}
	
	ul#homepage li {
    float: left;
    height: 125px;
    line-height: 155px;
    text-align: center;
    width: 25%;
}
	
	#navBar #search {
   		margin: 5px 13px 5px 0;
	}
	
	#mainContent {
    	width: 47%;
	}
	
	#aside {
    	width: 40%;
	}
	
	#bottomStrip {
    padding: 10px 2%;
    width: 96%;
	}
	
	header h2 {
		display:none;
	}
	
	ul#homepage li {
    float: left;
    height: 70px;
    line-height: 78px;
    text-align: center;
    width: 25%;
	}
	
	
	
	ul#homepage li img {
		width: 100%;
	}
	
	header p#topContact {
    background-image: none;
    display: block;
    float: right;
    height: 107px;
    margin-top: 23px;
    overflow: hidden;
    text-align: right;
    width: 113px;
	}
	
	.hproduct .productDetails {
   		width: 77%;
	}
	
	ul.categories li {
    width: 33%;
	}
	
	form textarea {
    clear: left;
    float: left;
    font-size: 12px;
    height: 120px;
    margin-bottom: 4px;
    width: 100%;
	}

}
@media screen and (max-width: 480px) {
	
	#social-product {
		display: none !important;
	}
	
	#brand_graphic {
		display: none !important;
	}
	
	#dd_bikes ul {
	
		left: 0 !important;
	}
	
	#dd_brands ul {
	
    left: 0 !important;
    right: auto !important;
	}
	
	#dd_category ul {
	left: -100px !important;
	width: 290px !important;
	}
	
	html {-webkit-text-size-adjust: none}
	a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}
	#topstrip .container { width: 98%; }
	#topstrip ul { width: 100%;}
	
	body {
		background: #000 none !important;
	}
	
	#mainContent .btn {
		width: 90% !important;
		margin: 0 auto 10px !important;
		text-align: center !important;
		float: none !important;
		clear: both !important;
	}
	
	#mainContent.fullPage {
	  width: 96%;
	  background:#E0E0E0 !important;
	}
	
	header { position: relative;  }
	
	header #header_tools { width: 100%; padding: 0;}
	
	header #header_tools ul { 
		position: absolute;
		top: 0;
		left: 0;
		float: left;
		padding: 5px 0;
		background: #333 no-repeat top left;
		width: 100%;
		border: 1px solid #444;
		border-top: none;
	}
	
	header #search form {
		width: 96%;
		padding: 10px 2%;
	}
	

	header #search form input {width: 50%}
	
	header #header_tools ul li {margin: 0 2px 0 0;}
	
	header #header_tools ul li:first-of-type { display: none; }
	
	
	
	header #boxed { clear: none; float: none; width: 100%; }
	
	header #delivery { display: none; }
	
	header #search {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 8px;
	}
	
	header #main-navigation { background-repeat: repeat; }
	
	header #main-navigation ul li a { padding: 15px 4px;
font-size: 11px; }

header #search form button {
	background: #9D041A;
border-radius: 3px;
padding: 7px 9px;
font-size: 12px;
font-weight: 700;
height: auto;
float: right;
width: auto;
color:#fff;
margin: 0;
text-indent: 0;
}
	
	header #main-navigation ul li:last-of-type {
		background: url(../img/nav_li.gif) repeat-y top right;
	}
	
	#content.home #n_aside {
		padding: 0px 0 0;
	}
	
	header #basket {
		float: right;
		width: 100%;
		padding: 0;
	}
	
	header h1.logo {
		margin: 0 0 10px;
	}
	
	header #main-navigation {
		margin: 8px 0 0;
	}
	
	header #basket p { padding: 0 0 0 5px;}
	
	header #basket p #items {margin: 0 10px 0 0;}
	
	header #basket-box {
		padding: 15px 5%;
		background-image: none;
	}
	
	#container {
		width: 90%;
	}
	
	#content {
		width: 100%;
		padding: 0;
		background-image: none !important;
	}
	
	#n_header {
		padding: 0 5px 5px;
	}
	
	#n_header h1 {
		font-size: 12px;
		line-height: 16px;
		padding: 6px 0 4px;
	}
	
	#n_maincontent {
		width: 100%;
		padding: 0;
	}
	
	#mainContent .fb_iframe_widget {
		display: none !important;
	}
	
	#n_maincontent #gridView .box .product_img, #n_maincontent #listView .box .product_img, #subFooter #gridView .box .product_img {
		max-height: 120px;
	}
	
	#n_maincontent .box .header h1 a, #subFooter .box .header h1 a {
		font-size: 11px;
		line-height: 12px;
		}
	
	#n_maincontent section {
		width: 100%;
		padding: 0;
	}
	
	#n_maincontent section#productFilters {
		width: 100%;
		margin: 0;
		border: none;
	}
	
	#n_maincontent section#productFilters form {
		float: left;
		width: 98%;
		padding: 5px 1% 5px;
	}
	
	#n_maincontent section#productFilters form h1 {
		display: block;
		float: left;
		width: 100%;
		margin: 0 0 5px;
	}
	
	#n_maincontent section#productFilters form select {
		display: block;
		floaT: left;
		width: 100%;
	}
	
	#n_maincontent #viewControls {
		float: left;
	}
	
	#n_maincontent #viewControls a {
		margin: 4px 8px 0 0;
	}
	
	#n_maincontent #gridView {
		width: 98%;
		margin: 0 auto;
		float: none;
	}
	
	#n_maincontent #gridView .box {
		width: 48%;
		margin: 0 0 20px 0;
		float: left;
		clear: right;
	}
	
	#n_maincontent.categories #gridView .box:nth-child(2n+2) {
		/*float: right;*/
	}
	
	#n_maincontent.categories  #gridView .box {
		/*margin-right: 0;
		float: left;*/
		
		margin-left: 2px;
		float: left;
	}
	
	#n_header #cat_image {
		display: none;
	}
	
	#n_header #brand_image img {
		width: 100%;
	}
	
	#n_header #brand_image {
		width: 40%;
	}
	
	#n_maincontent #gridView .box .header, 
	#n_maincontent #listView .box .header {
		min-height: 45px;
	}
	
	.home #n_maincontent #listView .box .header {
		min-height: 0;
	}
	
	#n_maincontent #gridView .box .product_img a.pimage img {
		min-height: 100px;
	}
	
	#n_maincontent #gridView .box .middle, 
	#n_maincontent #listView .box .middle, 
	#subFooter #gridView .box .middle {
		min-height: 256px;
		min-height: 260px;
	}
	
	#n_maincontent.categories #gridView .box .middle, 
	#n_maincontent.categories #listView .box .middle  {
		min-height: 0;
	}
	
	#content.home #n_maincontent #listView .box {
		width: 96%;
		margin: 0 2% 20px 2%;
	}

	#n_maincontent .r_box,
	#n_maincontent .r_box.row,
	#n_maincontent #review {
		width: 97% !important;
	}
	
	#n_aside {
float: left;
width: 96%;
display: inline;
padding: 0;
margin: 10px 2% 0;
clear: both;
}
	
	#flashReplace,
	#subFooter,
	#carousel {
		display: none;
	}
	
	#basketTop {
		width: 100%;
		margin: 15px 0;
	}
	
	#basketTop p {
		width: 90%;
	}
	
	#navBar {
    	clear: both;
    	float: left;
   		margin-top: 34px;
   		padding: 0;
    	width: 100%;
	}
	
	#navBar nav, #navBar nav ul {
    	float: left;
    	margin: 10px 0 0;
   		width: 100%;
	}
	
	#navBar nav ul li {
    	border-bottom: 1px solid #000000;
		display: block;
		float: left;
		height: auto;
		padding: 15px 0 0;
		text-indent: 0;
		text-transform: uppercase;
		width: 50%;
	}
	
	#navBar nav ul li#home a, #navBar nav ul li#home a:hover { background-image: none;}
	#navBar nav ul li#about a, #navBar nav ul li#about a:hover { background-image: none;}
	#navBar nav ul li#blog a, #navBar nav ul li#blog a:hover { background-image: none;}
	#navBar nav ul li#contact a, #navBar nav ul li#contact a:hover { background-image: none;}
	#navBar nav ul li#check a, #navBar nav ul li#check a:hover { background-image: none;}
	#navBar nav ul li#bike a, #navBar nav ul li#bike a:hover { background-image: none;}
	#navBar nav ul li#new a, #navBar nav ul li#new a:hover { background-image: none;}
	#navBar nav ul li#guides a, #navBar nav ul li#guides a:hover { background-image: none;}
	
	#navBar #search {
   		float: left;
	}
	#navBar {
   		padding: 0 2% 11px;
    	width: 96%;
	}
	
	#mainContent, #bottomStrip {
    	float: left;
    	margin-right: 0px;
    	 padding: 20px 2% 0;
    	width: 96%;
	}
	
	#aside {
   		float: none;
    	margin-right: 15px;
    	padding: 0 2% 10px;
    	width: 96%;
    	clear: both;
	}
	
	.half, .thrid  {
    	float: none;
    	margin-right: 15px;
    	padding: 0 2% 10px;
    	width: 96%;
	}
	
	a#btnContinue, a#btnCheckOut, a#payPal {
		float: none;
	}
	
	#leftHalf, #rightHalf, iframe {
		display: none;
	}
	
	iframe#askProduct,
	iframe#emailProduct {
		display: block;
	}
	
	iframe#askProduct, 
	iframe#emailProduct {
		left: 10% !important;
		right: 10% !important;
		width: 80% !important;
		z-index: 6000 !important;
		-webkit-shadow: 0 0 5px #888 !important;
		-moz-shadow: 0 0 5px #888 !important;
		box-shadow : 0 0 5px #888 !important;
	}
	
	#tech-center, #brandsFoot {
    	display: none;
	}
	
	footer {
		padding: 2px 0 0px;
	}
	
	form textarea {
    clear: left;
    float: left;
    font-size: 12px;
    height: 120px;
    margin-bottom: 4px;
    width: 100%;
	}
	
	fieldset {
    	width: 100%;
	}
	
	form#newAccount input[type="text"] {
    	width: 100%;
	}
	
	form#newAccount select {
		width: 100%;
	}
	
	ul#homepage li {
    	width: 32%;
    	text-align: center;
    	height: 90px;
	}
	
	ul#homepage li img {
		width: 90%;
	}
	
	section.vcard h1 ,section.vcard .adr, #scrollUnderNav {
		display: none;
	}
	
	section.vcard li.tel:before {
		content: "Call: ";
	}
	
	section.vcard li.tel {
		 width: 80%;
		 background: -moz-linear-gradient(center top , #666666, #000000) repeat scroll 0 0 transparent;
		 border: 1px solid #333333;
		 color: #D7D7D7;
		 border-radius: 0.5em 0.5em 0.5em 0.5em;
		 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
		 cursor: pointer;
		 display: inline-block;
		 font: 14px/100% Arial,Helvetica,sans-serif;
		 margin: 0 2px;
		 outline: medium none;
		 padding: 0.5em 2em 0.55em;
		 text-align: center;
		 text-decoration: none;
		 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
		 vertical-align: baseline;
	}
	
	#mainContent ul.controls {
		float: left;
		width: 95%;
		margin: 0 2.5% 0px;
	}
	
	
	
	#mainContent ul.controls li {
		float: left;
		clear: both;
		width: 100%;
	}
	
	#mainContent ul.controls li a.btn {
	 margin-bottom: 0px; !important;
	}
	
	#mainContent ul.controls li a {
		 width: 100% !important;
		 background: -moz-linear-gradient(center top , #666666, #000000) repeat scroll 0 0 transparent;
		 border: 1px solid #333333;
		 color: #D7D7D7;
		  font: 15px/28px 
		 border-radius: 0.5em 0.5em 0.5em 0.5em;
		 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
		 cursor: pointer;
		 display: inline-block;
		 font: 14px/100% Arial,Helvetica,sans-serif;
		 margin: 0 2px;
		 outline: medium none;
		 color:#fff !important;
		 padding: 0.5em 0 0.55em;
		 text-align: center;
		 text-indent: 0px;
		 text-decoration: none;
		 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
		 vertical-align: baseline;
		
	}
	
	.fullp {
		float: left;
		clear: both;
		width: 100%;
		margin: 0 0 20px;
	}
	
	.fullp .productDetails {
		float: left;
		clear: both;
		width: 100%;
	}
	
	.fullp .middle, .fullp .productDescription {
    width: 310px;
    height: auto;
	}
	
	.fullp .footer .fb {
		display: none;
	}
	
	.box .header {
		width: 88%;
	}
	
	.box .middle {
		width: 88%;
	}
	
	#aside .cats, #aside .pages {
		width: 100%;
	}
	
	ul.pagination {
		width: 97%;
	}
	
	ul.categories li {
		height: auto;
	}
	
	#paymentIcons {
		clear: both;
	}
	
	#mainContent #productFilters {
		width: 96%;
		float: left;
		background: #2E2E2E;
		border-radius: 10px;
		color:#fff;
		padding: 10px 2%;
		margin-bottom: 20px;
	}
	

	
	#gridView .box .header
	{
		width: 100%;
		padding: 10px 0;
	}
	
	#gridView .box img {
		width: 100%;
	}
	
	#gridView .hproduct .productDetails {
		width: 100%;
	}
	
	#gridView .hproduct a.pimage { 
		height: auto;
		height: 145px;
	}
	
	#brandImage {
		float: left;
		width: 100px;
		margin-bottom: 10px;
		padding-top: 10px;
	}
	
	#gridView .box .middle {
		width: 100%;
		padding: 4px 0;
	}
	
	.fullp #gallery {
		width: 100%;
		min-height: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	
	.fullp.hproduct .productDetails {
		width: 100%;
		border-radius: 0px;
	}
	
	.fullp .middle, .fullp .productDescription {
		width: 87%;
	}
	
	.fullp .footer .controls {
		margin: 0 2% !important;
		width: 92%;
		float:left;
	}
	
	ul.controls li a {
		font-size: 12px;
	}
	
	#emailWhenBackInStock {
		left: 0px !important;
		top: 0px !important;
		width: 100% !important;
		z-index: 200;
	}
	
	p#emailMe {
		margin: 10px 0 0;
		width: 100%;
	}
	
	#mainContent p#emailMe a {
		width: 84% !important;
		float: left !important
	}
	
	.basket img,
	.basket td.pd,
	.basket th:first-child {
		display: none;
	}
	
	table#basketContents thead th {
		font-size: 12px;
	}
	
	#total {
		width: 100%;
	}
	
	#total select {
		width: auto;
		width: 96%;
	}
	
	td.quantity {
		width: auto;
	}
	
	table#total tbody td.aright {
		text-align: right;
		width: 60%;
	}
	
	.info {
		width: 97%;
	}
	
	.forms {
	display: inline;
	float: left;
	width: 99%;
	}
	
	.forms form input {
		width: 96%;
	}
	
	#topstrip ul {
		
	}
	#topstrip ul li {
		padding: 0 5px;
	}
	
	.fullp #freeShipping {
		width: 90.5%;
		padding: 10px 5% 4px;
	}
	
	#brandSlide {
		display: none;
	}
	
	.options .pOptions {
		top: 21px;
		left: -82px;
		left: 0px;
		width: 195px;
	}
	
	#n_maincontent #gridView .box:nth-child(even) .options .pOptions {
			top: 21px;
			left: -122px;
			width: 195px;
		}
		
		header #main-navigation #dd_bikes .dropdown {
			top: 84px;
		}
		
		header #main-navigation #dd_category .dropdown {
			top: 84px;
		}
		
		
		#n_maincontent #listView .box {
			width: 98%;
			margin: 0 1% 10px;
		}		

		#n_maincontent #listView .box .header {
			min-height: 13px;
		}
		
		.middle, #n_maincontent #listView .box .middle {
			min-height: 0px;
		}
		
		#n_maincontent #listView .box .middle .productDetails {
		width: 96%;
float: left;
padding: 12px 2% 0;
		}
		
		#n_maincontent #listView .box .middle .productDetails .pDescription {
		width: 67%;
		}
		
		#n_maincontent #listView .box .product_img {
		max-height: auto;
		width: 28%;
		margin-right: 2%;
		}
		
		#n_maincontent #listView .box .product_img a.pimage img {
		width: 100%;
		}

	#n_maincontent #gridView .box .new, #n_maincontent #listView .box .new {
top: 65px;
left: 0px;
}

	#n_maincontent #gridView .box .middle .productDetails .pDescription {
		width: 100%;
	}
	
	#n_maincontent #gridView .box .middle .pButtons {

		min-height: 0;
		}
		
		#n_maincontent #gridView .box .middle .pButtons {
			width: 100%;
		}
	
}


.processing {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/ajax-loader.gif) center center no-repeat #000;
 	background:url(../img/ajax-loader.gif) center center no-repeat rgba(255,255,255,0.8);
	z-index:1001;
}