/* General styles, applies to all areas */

BODY {
font: 75% Tahoma, Geneva, sans-serif;
line-height: 1.88889;
margin-top : 0%;
margin-bottom : 0%;
margin-left : 1%;
margin-right : 1%;
background-color : #232323;
color : #afafaf;
/*background-image: url('site_images/konna.gif');
background-repeat: repeat;*/
}

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

IMG#blank {
padding: none;
border: none;
}

IMG#zoom {
padding: none;
border: none;
position:relative;
left:41px;
top:-190px;
}

IMG.thumbs {
border : 0px;
padding : 6px;
}

IMG.small {
padding:1px;
border:4px solid #333333;
background-color:#000000;
}

IMG.products {
padding:1px;
border:4px solid #333333;
background-color:#000000;
}

IMG.product_thumb {
padding:1px;
border:4px solid #333333;
background-color:#000000;
position: relative;
left:32px;
top:-200px;
z-index:2;
}

IMG.uutuus {
position:absolute;
left:-8px;
top:0px;
z-index:3;
}

IMG.tarjous {
position:absolute;
left:-8px;
top:0px;
z-index:2;
}

IMG.product_frame {
z-index:1;
}

div#indent { 
margin-left: 25px;
width: 95%; 
}

.footer_outer {
text-align:center;
height: 60px;
width:750px;
}

.footer_inner_left {
float:left;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
width:360px;
margin:10px auto;
margin-bottom:0;
}

.footer_inner_right {
float:right;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
padding-top:8px;
width:360px;
margin:10px auto;
margin-bottom:0;
}

.footer_inner_left_runtoshop {
padding-left:115px;
}

div#skateboarding1 {
float: left; 
width: 49%;
height: 100%;
}

div#skateboarding2 { 
float: right;
width: 49%;
height: 100%;
border-left : 2px solid #0d0d0d;
padding-left : 5px; 
}

div#lifestyle1 {
float: left; 
width: 49%;
height: 100% 
}

.FlashIndex {
z-index: -2;
}

div#lifestyle2 { 
float: right;
width: 49%;
height: 100%;
border-left : 2px solid #0d0d0d;
padding-left : 5px; 
}

div#muut1 {
float: left; 
width: 49%;
height: 100% 
}

div#muut2 { 
float: right;
width: 49%;
height: 100%;
border-left : 2px solid #0d0d0d;
padding-left : 5px; 
}

div#index1 {
float: left; 
width: 49%;
height: 100% 
}

div#index2 {
float: right;
width: 49%;
height: 100%;
padding-right: 5px;
}

H1 {
font-size : 100%;
font-weight : bold;
letter-spacing:-1px;
color : #b09573;
}

H2 {
font-size : 80%;
font-weight : bold;
color : #b09573;
}

h3 {
font-size:14px;
letter-spacing:-1px;
color:#b09573;
font-weight:bold;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 15px;
}

.numbered_custom_list {
color : #b09573;
line-height: 140%;
font-size: 125%;
font-weight:bold;
}

.category_title {
color : #b09573;
line-height: 140%;
font-size: 130%;
font-weight:bold;
}

.footer_bottom_title {
color : #363636;
font-size: 100%;
font-weight:bold;
}

P, LI {
font-size : 70%;
line-height : 130%;
}

P, DL {
font-size : 70%;
line-height : 130%;
}

P.smallbasic {
font-size : 70%;
}

P.smallnote {
font-size : 70%;
color : #7a7a7a;
display : inline;
}

P.smallfade {
font-size : 70%;
color : #ffffff;
}

.smallfade_green {
color : #b09573;
}

.smallfade_form {
color:#ffffff;	
}

.smallfade_form2 {
color:#434343;	
}

.current_page {
font-size: 130%;
color:#ff8e00;
}

.active_link {
font-size: 120%;
color:#ff8e00;
}

.smallfade_blue {
color : #0063a6;
}

.smallfade2 {
color:#b09573;	
}

.price {
color : #b09573;
line-height: 160%;
font-size: 125%;
}

.price2 {
color : #b09573;
line-height: 130%;
font-size: 140%;
}

.price_offer {
color : #b09573;
line-height: 130%;
font-size: 120%;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #ffffff;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #ffffff;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #ff8e00;
	}

INPUT, TEXTAREA, SELECT {
font-size : 70%;
}

INPUT.button {
border : 2px solid #0d0d0d;
font-size : 70%;
color : #0d0d0d;
background-color: #ff8e00;
}

INPUT.field {
border : 2px solid #0d0d0d;
font-size : 70%;
background : #262626;
color : #ffffff;
}

TEXTAREA.field {
border : 2px solid #0d0d0d;
font-size : 85%;
background : #262626;
color : #ffffff;
}

FORM.inline {
display : inline;
}

/* Page top styles, applies to the top area */

TD.toplinks {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
background-image : url(logos/toplinks_bg.gif);
}

P.toplinks {
font-size : 70%;
color : #007ba4;
}



/* Breadcrumb styles, applies to the breadcrumb area */

TD.topbreadcrumb {
padding-left : 5px;
}

P.topbreadcrumb {
font-size : 70%;
color : #747474;
}

A.topbreadcrumb {
text-decoration : none;
color : #adadad;
}

div#customer { 
border : 1px dashed #2b2b2b;
width: 90%;
}



/* Navigation styles, applies to the category navigation area on the left hand side */

TD.navigation {
padding-top : 3px;
padding-right: 2px;
border-right : 2px solid #0d0d0d;
background-color : #000000;
background-image : url(site_images/bg_left.gif);
background-repeat : repeat-y;
background-position: left;
}

DIV#nav_left {
padding-left: 20px;
}

TD.nav_open {
} 
 
P.nav_open { 
font-size : 70%; 
color : #747474; 
} 
 
A.nav_open { 
color : #747474; 
}

A.nav_active {
color : #aab80b;
text-decoration: none;
}
 
TD.nav_closed { 
} 
 
P.nav_closed { 
font-size : 70%; 
color : #007ba4; 
} 
 
A.nav_closed { 
color : #2b2b2b; 
}

.discount {
color:#ff8e00;	
}


/* Main styles, applies to the main page area on the right hand side */

TD.main {
padding-left : 10px;
padding-top : 5px;
padding-right : 25px;
padding-bottom : 5px;
background-color : #000000;
background-image : url(site_images/bg_right.gif);
background-repeat : repeat-y;
background-position: right;
}

TD.gradient_pattern {
background-color : #000000;
background-image : url(site_images/box_gradient_pattern.gif);
background-repeat : repeat-x;
background-position: top;
padding-top : 5px;
}

IMG.index {
border: 1px solid #161616;
}



/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

TD.cartbottom {
padding : 5px;
background-color : #f3f3f3;
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
background-image : url(logos/cartbottom_bg.gif);
}

FONT.cartbottom {
font-size : 70%;
color : #007ba4;
}



/* Bottom styles, applies to the bottom area */

TD.bottom {
padding : 0px;
background-color : #161616;
}



/* Product table styles, applies to product detail area */

TABLE.product {
border-bottom : 1px solid #f3f3f3;
}

TD.details {
padding : 10px;
border-top :  2px solid #0d0d0d;
border-left :  2px solid #0d0d0d;
border-right :  2px solid #0d0d0d;
}

TD.divider {
padding : 5px;
border-bottom : 1px solid #2b2b2b;
} 

TR.list1 {
background-color : #000000;
} 

TR.list2 {
background-color : #000000;
}

td#cats{
	height:10px;
	}
	
td#cats ul{
	width:95%;
	padding:5px;
	}	
	
td#cats ul li{
	display:inline;
	}
	
td#cats ul li a{
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background: #161616;
	padding:5px;
	margin:0 5 10px;
	text-decoration:none;
	}
	
td#cats ul li a.active, td#cats ul li a:hover, td#cats ul li a:active{
	color:#aab80b;
	background:#161616;
	}
	
	div#cats{
	height:10px;
	}
	
	div#cats ul{
	width:100%;
	padding:0 auto;
	margin:0 auto;
	}	
	
	div#cats ul li{
	display:inline;
	}
	
	div#cats ul li a{
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background: #161616;
	padding:5px;
	margin:0 5 5px;
	text-decoration:none;
	}
	
	div#cats ul li a.active, div#cats ul li a:hover, div#cats ul li a:active{
	color:#aab80b;
	background:#161616;
	}



/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #0d0d0d;
} 

P.cartbasic {
font-size : 80%;
color: #747474;
} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #0d0d0d;
} 

P.carttotal {
font-size : 100%;
font-weight : bold;
color: #ff8e00;
} 



/* Progress bar styles, applies to progress bar area */

P.pb {
font-size : 70%;
color : #747474;
} 

TD.pbactive {
border-top : 1px solid #2b2b2b;
border-bottom : 1px solid #2b2b2b;
background-color : #161616;
} 

TD.pbinactive {
border-top : 1px solid #2b2b2b;
border-bottom : 1px solid #2b2b2b;
background-color : #000000;
}

/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */

/*


   Magic Thumb v2.0.30 
   Copyright 2009 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magicthumb/


*/

/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
}

/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
cursor: default;
}

/* Style of the span inside the small image link */
.MagicThumb span {
display: none !important;
}

/* Style of the small image */
.MagicThumb img {
padding:1px;
border:4px solid #333333;
background-color:#000000;
outline: 0;
}

/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(graphics/zoomout.cur), pointer;
background: transparent;
outline: 0;
padding:1px;
border:4px solid #333333;
background-color:#000000;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
border: 0 !important;
outline: 0 !important;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(graphics/buttons1.png) no-repeat 0 0;
height: 24px;
display: block;
}

.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}

/* Style of the small images which swap the main image */
.MagicThumb-swap {
}

/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
display: none;
}

/* MEGA MENU AND CONTENT CSS3 */

.content {
margin:10px 0 20px;
padding:0;
}

.content p {
font-style:normal;
color:#afafaf;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0;
padding:20px;
}

.content_ohjeet {
font-style:normal;
color:#afafaf;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0;
padding:20px;
}

.product_list {
position:relative;
float:left;
margin:5px 5px 0;
padding:5px;
font-style:normal;
color:#676767;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:110px;
height: 315px;
}

.product_list_pages {
float:left;
margin:5px 5px 0;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:0px;
font-style:normal;
color:#676767;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:110px !important;
width:119px;
height: 80px;
}

.product_list_subcategories {
float:left;
margin:5px 5px 0;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:0px;
font-style:normal;
color:#676767;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:374px !important;
width:380px;
height:80px;
}

.content_navigation {
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:5px 0;
padding:10px;
width:162px !important;
width:182px;
list-style-type: none;
}

.content_navigation_search {
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:5px 0;
padding:10px;
width:162px !important;
width:182px;
list-style-type: none;
height: 25px;
}

.content_product_search {
float:left;
margin:5px 5px 0;
padding:5px;
font-style:normal;
color:#676767;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:505px;
}

.content_shopping_cart {
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:5px 0;
padding:10px;
list-style-type: none;
}

.content_news {
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:5px 0;
padding:10px;
list-style-type: none;
}

.content_product_details_descriptions {
float: left;
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:3px 0;
padding:10px;
width: 315px;
list-style-type: none;
}

.content_product_details_runtoshop {
float: left;
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:3px 0;
padding:10px;
width: 315px;
list-style-type: none;
}

.content_product_details_right {
float: right;
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:3px 0;
padding:10px;
width: 170px !important;
width: 195px;
list-style-type: none;
}

.content_product_details_right_productframe {
float: right;
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:3px 0;
padding:10px;
width: 170px !important;
width: 195px;
height: 210px;
list-style-type: none;
}

.content_product_details_right_sizechart_left {
color: #424242;
border-bottom:1px solid #0d0d0d;
border-right:1px solid #0d0d0d;
}

.content_product_details_right_sizechart_right {
color : #b09573;
border-bottom:1px solid #0d0d0d;
}

.content_general {
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:5px 0;
padding:10px;
list-style-type: none;
}

.product_list_numbered_custom_list {
float:left;
margin:5px 5px 0;
padding:5px;
font-style:normal;
color:#676767;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:505px;
}

.product_list_numbered_custom_list2 {
text-align:center;
float:left;
margin:5px 5px 0;
padding:5px;
font-style:normal;
color:#676767;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:505px;
}

.content_navigation_list {
margin:0px;
padding: 0px;
list-style-type: none;
}

.content_right {
font-style:normal;
background:#1a1a1a;
border:1px solid #1a1a1a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:10px 0;
padding:10px;
width:245px;
list-style-type: none;
}

.megamenu {
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:145px;
height:20px;
margin:0;
padding:0;
}

.megamenu ul {
text-align:center;
list-style-type:none;
margin:0;
padding:3px;
}

.megamenu ul li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
}

.megamenu ul li a,.megamenu ul li a:visited {
text-decoration:none;
color:#ff8e00;
margin:0;
padding:10px;
}

.megamenu ul li a:hover,.megamenu ul li a:visited:hover {
text-decoration:none;
color:#ffffff;
margin:0;
padding:10px;
}

.megamenu ul li.downservices {
background:url(site_images/arrow.png) 100% 55% no-repeat;
margin:0;
padding:10px 8px 10px 10px;
}

.servicesdropped {
display:none;
text-align:left;
position:absolute;
background:#1a1a1a;
font-size:12px;
width:550px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:3px solid #ff8e00;
margin:10px 0 0 20px;
padding:10px 20px 20px;
z-index:4;
}

.servicesdropped p.textleft {
float:left;
font-size:12px;
width:200px;
margin:10px 0 0;
padding:0 20px 15px 10px;
}

.servicesdropped ul.left {
text-align:left;
float:left;
border-left:1px solid #333;
font-size:12px;
width:180px;
margin:0;
padding:0;
}

.servicesdropped ul.middle {
text-align:left;
float:left;
border-left:1px solid #333;
font-size:12px;
width:180px;
margin:0;
padding:0;
}

.servicesdropped ul.right {
text-align:left;
float:left;
font-size:12px;
width:178px;
margin:0;
padding:0;
border-left:1px solid #333;
}

.servicesdropped ul.right li a,.servicesdropped ul.middle li a, .servicesdropped ul.left li a {
list-style-type:none;
display:block;
color:#888;
font-size:12px;
margin:0;
padding:5px 0 5px 20px;
}

.servicesdropped ul.right li a:hover,.servicesdropped ul.middle li a:hover, .servicesdropped ul.left li a:hover {
list-style-type:none;
color:#ff8e00;
display:block;
font-size:12px;
margin:0;
padding:5px 0 5px 21px;
}