/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:11px;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;height:100%;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
/* typography.css */
body {font-size:11px;color:#000;background:#ececec;font-family:Arial, Helvetica, sans-serif;background-image: url(Images/ride/bg4.png);background-repeat: repeat-x;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
p img.left {float:left;margin:1em 1em 1em 0;padding:0;}
p img.right {float:right;margin:1em 0 1em 1em;}
a:focus, a:hover {color:#000;}
a {color:#000;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1em;}
ul, ol {margin:0px;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
table {margin: 0px;padding:0px;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.xlarge {font-size:1.5em;font-weight:bold;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* main content */
.container {
	width:980px;
	margin:0 auto;
	border: 1px solid fcfbfb;
	height: 100%;
	min-height: 1000px;
}
.header {
	clear:both;
	width: 980px;
	background-color: #000;
}
.toplogo {
	float:left;
	width: 830px;
	height: 55px;
}
.topcart {
	float:left;
	width: 150px;
	font-size: 9px;
	color: #000;
	background-color: #000;
}
.topnav 
{
    clear:both;
}
.topline {
	height: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	text-indent: 10px;
	background: #000000 url(Images/Jquery/000000_40x100_textures_02_glass_50.png) 0 50% repeat-x;
	color: #FFFFFF;
	clear: both;
}
.topline a:link {
	color: #FFF;
}
.topline a:visited {
	color: #FFF;
}
.tleft {
	float:left;
	width: 560px;
}
.tright {
	float:left;
	width: 400px;
	text-align: right;
}
div.sspan, div.mspan {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-top:10px;
}
.sspan {
	width: 820px;
	height:100%;
	overflow-x: hidden;
}
.mspan {
	width: 150px;
	height:100%;
	overflow-x: hidden;
}

/* ROUNDED BOXES */
div.box150x {
	width: 150px;
	color: #000;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.box150x div.content 
{
	padding: 9px;
	background-color: #fff;
	overflow: hidden;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div.box150x div.content2
{
	padding-left: 9px;
	padding-right: 9px;
	background-color: #fff;
	overflow: hidden;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div.box150x div.content3
{
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	background-color: #fff;
	overflow: hidden;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

div.box150x div.topmeny
{
	background: transparent url(Images/ride/box150_top_meny.png) no-repeat top left;
	height: 25px;
}
div.box150x div.topsupport 
{
	background: transparent url(Images/ride/box150_top_support.png) no-repeat top left;
	height: 25px;
	cursor: pointer;
}
div.box150x div.topgarantier
{
	background: transparent url(Images/ride/box150_top_garantier.png) no-repeat top left;
	height: 25px;
}
div.box150x div.topjulhandla {
	background: transparent url(Images/text/box150_top_julhandla.png) no-repeat top left;
	height: 25px;
}
div.box150x div.bot {
	background: transparent url(Images/ride/box150_bot.png) no-repeat bottom left;
	height: 5px;
}


div.box820x {
	width: 820px;
	color: #000;
	margin-top: 0px;
	margin-bottom: 20px;
	overflow:hidden;
}

div.box820x div.content 
{
	padding: 10px;
	background-color: #fff;
	overflow: hidden;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	min-height: 500px;
}
div.box820x div.topsupport
{
	background: transparent url(Images/ride/box820_top_support.png) no-repeat top left;
	height: 25px;
}
div.box820x div.topcart2
{
	background: transparent url(Images/ride/box820_top_cart.png) no-repeat top left;
	height: 25px;
}
div.box820x div.bot {
	background: transparent url(Images/ride/box820_bot.png) no-repeat bottom left;
	height: 5px;
}


div.box820dark {
	width: 820px;
	margin-top: 0px;
	margin-bottom: 15px;
}

div.box820dark div.content 
{
	background-color: #333;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	padding-top: 10px;
	padding-left: 2px;
	padding-bottom: 25px;
}
div.box820dark div.topnews
{
	background: transparent url(Images/ride/box_dark_top.png) no-repeat top left;
	height: 33px;
}
div.box820dark div.bot {
	background: transparent url(Images/ride/box_dark_bot.png) no-repeat bottom left;
	height: 5px;
}


.brands
{
    width: 820px;
    height: 120px;
    background-image: url(Images/ride/brands.png);
    background-repeat:no-repeat;  
    margin-bottom: 20px;
}
div.footer
{
    width: 820px;
    height: 200px;
    background-image: url(Images/ride/footer.png);
    background-repeat:no-repeat;  
    margin-bottom: 20px;
    font-size: 10px;
}
div.footer div.rubrik 
{
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 15px;
}
.footer a:hover 
{
    text-decoration: underline;
}
div.footer div.item
{
    width:147px;
    float: left;
    padding: 10px;
    padding-left: 25px;
}
div.footer div.itemlong
{
    width: 239px;
    float: left;
    padding: 10px;
    padding-left: 25px;
}
div.footer div.itemlong div.col1
{
    width: 90px;
    float: left;
}
div.footer div.itemlong div.col2
{
    width: 90px;
    float: left;
}

#searchwrap
{   
    width: 130px;
    height: 20px;
    padding-top: 10px;
    border-top: 1px solid #cecece;
    margin-top: 10px;
    
}
#search_box 
{
    width: 130px;
    height: 20px;
    background: url(images/ride/bg_search_box.gif);
    margin-bottom: 0px;
}
#search_box .swap_value {
    float: left;
    padding: 0;
    margin: 5px 0 0 6px;
    border: 0;
    width: 88px;
    background: none;
    font-size: 9px;
}
#search_box .Go {
    float: right;
    margin: 3px 4px 0 0;
}





div.last {
	margin-right:0;
}



div.logo {
  height: 70px;
	position: relative;
	display: block;
	background: url(images/ride/logo.png) 0 0 no-repeat;
	width: 980px;
}
div.logo * {
 display:none;
}
#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,#navigation li.spacer {
  height: 32px;
	position: relative;
	display: block;
	background: url(images/ride/topmenu.png) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.Streetwear {
  background-position: 0 0;
  width: 105px;
}

#navigation a.Streetwear:hover{
  background-position: 0 -32px;
}

#navigation a.Motocross {
  background-position: -105px 0px;
  width: 105px;
}

#navigation a.Motocross:hover {
  background-position: -105px -32px;
}

#navigation a.Snow {
  background-position: -210px 0;
  width: 105px;
}

#navigation a.Snow:hover{
  background-position: -210px -32px;
}

#navigation a.Cykel {
  background-position: -315px 0px;
  width: 105px;
}

#navigation a.Cykel:hover {
  background-position: -315px -32px;
}

#navigation li.spacer {
	background-position: -420px -0px;
  width: 290px;

}
#navigation a.Login {
  background-position: -710px 0px;
  width: 90px;
}

#navigation a.Login:hover {
  background-position: -710px -32px;
}
#navigation a.Cart{
  background-position: -800px 0px;
  width: 90px;
}

#navigation a.Cart:hover {
  background-position: -800px -32px;
}
#navigation a.Checkout{
  background-position: -890px 0px;
  width: 90px;
}

#navigation a.Checkout:hover {
  background-position: -890px -32px;
}



#nav-menu
{
	width:820px;
	height: 35px;
	display: block;
} 
#nav-types
{
	width:820px;
	display:block;
	height: 20px;
} 

#nav-menu ul, #nav-types ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li, #nav-types li
{
	height: 16px;
	line-height: 16px;
	float: left;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-color: #0099ff;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 9px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 3px;
}

#nav-menu p, #nav-types p
{
	height: 16px;
	line-height: 16px;
	float: left;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 80px;
}
#nav-menu a:link, #nav-types a:link  {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#nav-menu a:visited, #nav-types a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#nav-menu a:hover, #nav-types a:hover {

	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#nav-menu2
{
	width:570px;
margin-top: 5px;
} 

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

#nav-menu2 li
{
	height: 16px;
	line-height: 16px;
	float: left;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-color: #666;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

#nav-menu2 p
{
	height: 16px;
	line-height: 16px;
	float: left;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 80px;
}
#nav-menu2 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#nav-menu2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#nav-menu2 a:hover {

	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
div.showstylewrap 
{
    height: 1450px;
    width: 820px;
        margin-bottom: 20px;
}
div.sizefilterbox 
{
    width: 820px;
    height: 20px;
    display: block;
margin-top: 10px;
}
.sizefilterbox select 
{
    font-size: 9px;
    color:#000000;
font-size:9px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.sizeinfo 
{
    float: left;
     font-size: 9px;
 color: #fff; 
 line-height: 9px;
 height: 9px;
 margin-top: 11px;
}
div.bigstylebox 
{
    height: 775px;
    width: 404px;
    float: left;
    overflow: hidden;

}
div.bigstylebox img
{ 
margin-bottom:10px;
}
div.styleproducts 
{
    float:left;
    width: 416px;
    overflow: hidden;
}
.support a
{
    display:block;
    height: 25px;
    line-height: 25px;
    text-indent: 4px;
    border-bottom: 1px solid #cccccc;
	background: url(images/ride/arrowbg.png) 8px 0 no-repeat;
}
.support a.last
{
    border-bottom: none;
}
.support a:hover
{
 color: #666;
 background: url(images/ride/arrowbg_hover.png) 8px 0 no-repeat;
}
#garantiacc a
{
    display:block;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #cccccc;
	background: url(images/ride/arrowbg.png) 8px 4px no-repeat;
}
#garantiacc a img
{
float: left;
margin-right: 7px;
padding-top: 2px;
padding-bottom:2px;
}
.hideme p
{
display:none;
}
.ui-accordion p
{
display:block;
}

#garantiacc p
{
padding-top: 10px;
padding-bottom: 10px;
}
#garantiacc a.first
{
    margin-top: 4px;
}
#garantiacc a:hover
{
 color: #666;
 background: url(images/ride/arrowbg_hover.png) 8px 4px no-repeat;
}
#garantiacc a.selected
{
	background: url(images/ride/arrowbgdown.png) 8px 4px no-repeat;
}
#contactform 
{
	width: 560px;
}
div.csleft 
{
    width: 620px;
    float: left;
   border-right: 1px solid #cecece;
}
div.csright
{
    width: 130px;
    margin-left: 30px;
    float: left;

}
div.box820dark div.item
{
    height: 218px;
    width: 268px;
    background-color: #000;
    float: left;
    margin-right: 2px;
    margin-bottom: 12px;
    padding: 1px;
    overflow: hidden;
    position: relative; 
}
div.box820dark div.item *{ padding:0px; margin:0px; }

div.box820dark div.item div.text {
				float: left; 
				position: absolute; 
				height: 110px; 
				width: 100%; 
                background-image:url(Images/Jquery/transbg.png);
                background-repeat:repeat;
				top: 175px;
				left: 0px;
				cursor: pointer;
}
div.box820dark div.item img { 
    position: absolute; 
    top: 0; 
	left: 0; 
	border: 0; 
				}
				
div.box820dark div.item p { 
	padding: 0 10px; 
	color:#fff;
				}
div.box820dark div.item div.intro { 
	padding: 0 10px 5px;
	color:#fff;
				}
div.box820dark div.text p a{ color:#0099ff; text-decoration: underline; font-size: 9px;}
div.box820dark div.text h3{ margin: 10px 10px 0 10px; text-decoration:none; color:#FFF; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 13px; font-weight: bold;  }
	
div.box820dark div.text a h3{ margin: 10px 10px 0 10px; text-decoration:none; color:#FFF; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 13px; font-weight: bold;  }	
	
#catslidewrap2 {
	padding: 0px;
	height: 520px;
	width: 820px;
	background-color: #000;
	overflow: hidden;
	margin-bottom: 20px;
}
#myContent {
	padding: 0px;
	height: 460px;
	width: 820px;
	background-color: #000;
	overflow: hidden;
	margin-bottom: 20px;
}
.skyddsektion
{
    width: 810px;
    height: 290px;
    background-image: url(Images/ride/skyddbg.png);
    background-repeat:no-repeat;  
	padding-top: 10px;
	padding-left: 10px;
	font-size: 13px;
display: block;
}
.skyddsektion a {
display:block;
font-decoration: underline;
}

#Table_01, #Table_01 tr, #Table_01 td

{
    margin: 0px;
    padding: 0px;
    border: 0px;
    line-height: 0px;
}
.brandsbox
{
    width: 807px;
    height: 206px;
    padding-top: 70px;
    padding-left: 13px;
    background-image: url(images/ride/brandsbox.png);
    background-repeat:no-repeat;  
    margin-bottom: 20px;
}
.branditem {float: left; margin: 4px; padding: 1px; padding-left: 4px; padding-right: 4px; background-color:#e7e7e7;}
.branditem a { color:#000; font-size: 10px;}
.branditem2 {float: left; margin-right: -14px; margin-left: -14px;}
.allbrands {width: 800px; display:block; margin-top: 23px; margin-right:20px;}
.topbrands {width: 816px; display:block; padding-left: 4px;}


#recowrap
{
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 32px;
    width: 820px; 
    height: 189px;
    background: transparent url(Images/ride/slidebg.png) no-repeat 0 0;
}