html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #000 url(../newsite/images/body_bg.gif) top repeat-x; 
 font-family:Arial, Helvetica, sans-serif;
}

a{
  outline: none;
  color:#520304;
  text-decoration: none
}

a:hover{
text-decoration: underline
}

ul#nav {
cursor:pointer;
float:right;
font-size:12px;
margin-right:21px;
margin-top:-27px;
text-transform:uppercase;
width:655px;
z-index:999;
}

li#navabout{
background-image:url("../newsite/images/navsprite.png");
background-position:0 -35px;
display:block;
height:21px;
width:63px;
}

li#navabout:hover{
background-position:0 0;cursor:pointer
}


li#navproducts{
background-image:url("../newsite/images/navsprite.png");
background-position:-82px -35px;
display:block;
height:21px;
width:72px;
float:left;
}

li#navproducts:hover{
background-position:-82px 0;cursor:pointer
}


li#navsearchbybike {
background-image:url("../newsite/images/navsprite.png");
background-position:-172px -35px;
display:block;
height:21px;
width:106px;
float:left;
}

li#navsearchbybike:hover {
background-position:-172px 0;cursor:pointer
}

li#navcustom{
background-image:url("../newsite/images/navsprite.png");
background-position:-299px -35px;
display:block;
height:21px;
width:106px;
float:left;
}

li#navcustom:hover {
background-position:-299px 0;cursor:pointer
}

li#navshopping{
background-image:url("../newsite/images/navsprite.png");
background-position:-425px -35px;
display:block;
height:21px;
width:106px;
float:left;
}

li#navshopping:hover {
background-position:-425px 0;cursor:pointer
}

li#navcontact{
background-image:url("../newsite/images/navsprite.png");
background-position:-552px -35px;
display:block;
height:21px;
width:78px;
float:left;
}

li#navcontact:hover {
background-position:-552px 0;cursor:pointer
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
}


li.dir a{
color:#fff
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 cursor: pointer
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #000;
	}

	ul.dropdown a:link {color:#fff;text-decoration: none; }
	ul.dropdown a:visited	{color:#fff;text-decoration: none; }
	ul.dropdown a:hover		{color: #a0a0a0;text-decoration: none;  }
	ul.dropdown a:active	{ color:#fff;text-decoration: none; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 background:#333;
	 	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px 1px 1px 0px solid #111;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
		}

 

span.small{
font-size:11px;
padding-bottom:3px;
font-style: italic;
text-transform: none !important
}

ol, ul{
font-family:Arial,Helvetica,sans-serif;
font-size: 11px
}
 
 #innerfooter {
color:white;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0 auto;
padding-top:11px;
text-align:center;
}
#innerfooter a {
color:white;
text-decoration:none;
}
#innerfooter a:hover {
text-decoration:underline;
}

#logo{
display:block;
float:left;
}

#pagewidth{ 
 width:980px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
.container {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#header {
height:153px;
}
#header .disclaimer {
	color: #999;
	padding: 100px 0 7px 0;
	text-align: right;
	display: block;
	position: absolute;
	top: 0; right: 0;
}


#shop{
font-size: 11px;
color:#fff;
font-family: Yanone Kaffeesatz,Arial,sans-serif;
}


.anyClass{
height:167px;
margin-left:36px;
width:905px !important;
}

.prev{
background:url("../newsite/images/leftarr.png") repeat scroll 0 0 transparent;
border:0 none;
float:left;
height:54px;
margin-top:68px;
width:30px;
cursor: pointer
}

.next{
background:url("../newsite/images/rightarr.png") repeat scroll 0 0 transparent;clear:both;
border:0 none;
cursor:pointer;
float:right;
height:54px;
width:30px;
clear:none;
margin-top:66px;
}

#header .disclaimer a {	color: #ccc;}

#header img {
width:330px;
}

.find{
color:#FFFFFF;
float:right;
font-size:10px;
margin-right:17px;
text-decoration:none;
font-family: Arial, sans-serif
}

.find a:hover{
text-decoration: overline
}
 
#maincol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }
 
#footer{
 height:200px; 
 clear:both;
 background: url(../newsite/images/footerbg.jpg) repeat-x scroll;
 }
 
 .jcarousel{
margin-bottom:15px;
height:160px
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#login{
background:none repeat scroll 0 0 #000000;
border-bottom:1px solid #282828;
font-size:11px;
height:25px;;
}

 
 /* *** Fader starts here*** */ 


.anythingFader                         {
background:none repeat scroll 0 0 #000000;
bottom:2px;
height:370px;
margin-left:auto;
margin-right:auto;
position:relative;
width:920px;
}
.anythingFader .slidewrapper           { overflow:none !important; width: 905px; overflow: auto; height: 385px; margin:0 5px; position: absolute; top: 0; left: 0; }
.anythingFader .slidewrapper ul        { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingFader ul li                   { background:none repeat scroll 0 0 #000000; display: block; float: left; padding: 0; height: 370px; width: 900px; margin: 0; }
.anythingFader .arrow                  { display: block; height: 200px; width: 67px; background: url(../newsite/images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingFader .forward                { background-position: 0 0; right: -20px; }
.anythingFader .back                   { background-position: -67px 0; left: -20px; }
.anythingFader .forward:hover          { background-position: 0 -200px; }
.anythingFader .back:hover             { background-position: -67px -200px; }

#thumbNav                               {margin-left:21px;
position:relative;
text-align:left;
top:205px;
z-index:999;}
#thumbNav a                             { 
background:url("../newsite/images/cellshade.png") repeat-x scroll 0 0 #520304;
color:#FFFFFF;
display:inline-block;
font:14px Arial,bold;
height:20px;
margin:0 8px 0 0;
padding:2px 10px;
text-align:center;
text-decoration:none;
}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #86070a; }

#start-stop                             { display:none; background: green; background-image: url(../newsite/images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop .playing                    { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingFader .slidewrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingFader .slidewrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


#cables {
color:#FFFFFF;
float:left;
height:400px;
width:260px;
margin:0 15px 0;
}

#cables img{
margin-bottom:10px;
}

#cables h1 a{
font-family:Yanone Kaffeesatz,Arial,Helvetica,sans-serif;
font-size:18px;
letter-spacing:1px;
margin-bottom:5px;
text-transform:uppercase;
color:#fff;
text-decoration: none
}

#cables li{
line-height:14px;
list-style-position:outside;
list-style-type:disc;
margin:5px 2px 7px 11px;
}

#cables ul{
width:250px;
margin-top:5px
}

.shopbtn img{
float:right;
height:34px;
margin-bottom:0 !important;
margin-right:10px;
margin-top:10px;
width:144px;
}

#loginform{
height:225px;
margin-bottom:10px;
margin-left:140px;
padding-top:20px
}


.dropmenu {
background:none repeat scroll 0 0 #1C1C1C;
border:1px solid #373737;
clear:both;
color:#FFFFFF;
font-size:13px;
height:25px;
margin-bottom:11px;
margin-top:21px;
padding-top:3px;
text-transform:uppercase;
width:155px;
 }

.submit {
background:url("../newsite/images/search.png") no-repeat scroll 0 0 transparent;
border:medium none;
float:right;
height:30px;
margin-right:4px;
margin-top:8px;
text-indent:-9999px;
width:68px;
cursor: pointer
}

ul.productlist{
background:none repeat scroll 0 0 #141414;
margin-left:20px;
width:280px;
color: #fff
}

ul.productlist li{
border-bottom:1px solid #000000;
border-top:1px solid #333232;
font-size:13px;
padding:10px 10px 10px 10px;
} 

a.shopallproducts{
color:#fff;
text-decoration: none;
}

a.shopallproducts:hover{
text-decoration: underline
}

h3.redborder{
border-bottom:1px solid #520304;
border-top:1px solid #520304;
color:#FFFFFF;
font-family:arial;
font-size:18px;
padding-bottom:5px;
padding-top:5px;
text-transform:uppercase;
}

.shopall{
font-size: 19px;
font-family: Arial;
font-weight: bold;
color:#fff;
background: #630506 url("../newsite/images/redbar.jpg") repeat-x;;
margin-left:20px;
padding:5px 5px 5px 5px

}

ul.topnav li span
{
	display: none;
}

.carouselimg{
height:130px;
margin-top:23px;
width:210px;
padding:8px
}

.loginlinks{
color:white;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-left:700px;
padding-top:5px;
text-align:center;
}

.loginlinks a{
color:white;
}

	/* some styling for triggers */
	#triggers {
	}
	
	#triggers img {
		cursor:pointer;
		margin-left:10px;
		margin-right:5px
	}
	
	
	
	/* styling for elements inside overlay */
	.details {
		font-size:11px;
		color:#fff;
		width:600px;
		margin-bottom:15px
	}
	
	.details ul{
font-family:Arial,Helvetica,sans-serif;
line-height:19px;
padding-left:29px;
padding-right:33px;
}

.details li {
font-size:12px;
letter-spacing:0.04em;
line-height:16px;
list-style-image:url("../newsite/images/bolt.gif");
padding-bottom:10px;
padding-right:25px;
}

.details img{
height:147px;
margin-bottom:15px;
margin-left:8px;
margin-top:0;
}

	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 550px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 557px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
		
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }


	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left; display:none }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; display:none }
	
	li.tab1 a{background-image:url("../newsite/images/subnav.png");color:#FFFFFF;display:block;float:left;height:93px;margin-right:1px;padding:2px 7px 0;text-decoration:none;width:180px;}
	
		li.tab1 a:hover {
	background-image:url("../newsite/images/subnav.png");
    background-position:0px 95% !important;
	}

	
	li.tab1 a.current {
	background-image:url("../newsite/images/subnav.png");
    background-position: 0px 95% !important;
	}
	
		li.tab2 a{
		background-image:url("../newsite/images/subnav.png");
		background-position:399px 0 !important;
		color:#FFFFFF;
		display:block;
		float:left;
		height:93px;
		margin-right:1px;
		padding:2px 7px 0;
		text-decoration:none;
		width:180px;
		}
	
		li.tab2 a:hover {
	background-image:url("../newsite/images/subnav.png");
    background-position:399px 95% !important;
	}

	
	li.tab2 a.current {
	background-image:url("../newsite/images/subnav.png");
    background-position:399px 95% !important;
	}
	
		li.tab3 a{
		background-image:url("../newsite/images/subnav.png");
		background-position:200px 0 !important;
		color:#FFFFFF;
		display:block;
		float:left;
		height:93px;
		margin-right:1px;
		padding:2px 7px 0;
		text-decoration:none;
		width:180px;}
	
		li.tab3 a:hover {
	background-image:url("../newsite/images/subnav.png");
    background-position:200px 95% !important;
	}

	
	li.tab3 a.current {
	background-image:url("../newsite/images/subnav.png");
    background-position:200px 95% !important;
	}
	

	
	
