/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin-top : 0;
margin-bottom : 30px;
margin-left : 0;
margin-right : 0;
color : #000000;
background-image: url(http://www.motorpower.fi/img/bg_large.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed; 

}

TABLE {
/*border : 1px solid #fff;*/
}

IMG {
border : 0px solid #f4f4f4;
}

H1 {
font-family: Arial;
font-size : 14px;
font-weight : bold;
color : #FF4801;
color: #C00;
font-variant: small-caps;
}

P, LI {
font-family: Arial;
font-size : 11px;
line-height : 120%;
}

TD {
font-family: Verdana, Tahoma, Helvetica, Arial;
font-size : 11px;
line-height : 120%;
}

.product IMG, .details img, .smallbasic img {
/* background: #ffffff;
padding: 2px;
border: 3px solid #C0C0C0; */
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 3px;
border: 1px solid #C0C0C0;
padding: 7px;
}
img.tuotekuva {
background-color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #C0C0C0;
padding: 7px;
}
div.tuotekortti {
background-color: #EFEFEF;
-moz-border-radius: 10px;
-webkit-bordeer-radius: 10px;
border: 1px solid #A0A0A0;
padding: 15px;
}
table.product {
background-color: #E6E6E6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #A0A0A0;
padding: 15px;	
}
p.hinta {
background-color: #FF0;
color: #000000;
font-weight: bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #666;
}
p.hinta2 {
background-color: #C0C0C0;
color: #000000;
font-weight: normal;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #666;
}
td.myymala {
	background-color: #CCC;
	color: #000;
	font-weight: normal;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #666;
	padding: 10px;
}

P.smallbasic {
font-family: Verdana, Tahoma, Helvetica, Arial;
font-size : 11px;
}

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

P.smallfade {
font-size : 11px;
color : #336699;
padding-top : 6px;
}

FONT.search_match {
color : #202020;
}


A {
color : #003399;
text-decoration: none; 
}

INPUT, TEXTAREA, SELECT {
font-family: Verdana, Tahoma, Helvetica, Arial;
font-size : 11px;
}

INPUT.button {
border-top : 1px solid #888;
border-bottom : 1px solid #888;
border-left : 1px solid #888;
border-right : 1px solid #888;
font-family : Verdana, Arial;
font-size : 10px;
font-weight: bold;
background : #C0C0C0;
color : #000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

INPUT:hover.button {
border-top : 1px solid #fffa9c;
border-bottom : 1px solid #fe840d;
border-left : 1px solid #fffa9c;
border-right : 1px solid #fe840d;
font-family : Verdana, Arial;
font-size : 10px;
font-weight: bold;
background : #FF0;
color : #000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

INPUT.field {
border-top : 1px solid #362904;
border-bottom : 1px solid #362904;
border-left : 1px solid #362904;
border-right : 1px solid #362904;
font-family : Verdana, Arial;
font-size : 11px;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
} 



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

TD.top {
padding : 6px;
background-color : #e4e4e4;
border : 0px solid #c0c0c0;
}

TD.toplinks {
padding : 5px;
padding-top : 5px;
background-color : #e4e4e4;
}

P.toplinks {
font-family : Verdana, Tahoma, Helvetica, Arial;
font-size : 11px;
color : #000000;
}

.toplinks a{
text-decoration : none;
color : #000000;
}

.toplinks a:hover {
color : red;
}
/* Breadcrumb styles, applies to the breadcrumb area */
/*
TD.topbreadcrumb {
padding : 5px;
	background-image: url(vk_uusibanner.jpg);
	background-position: left top;
	height: 154px;
	vertical-align: top;
	background-color: #000066;
	background-repeat: no-repeat;}
*/
TD.topbreadcrumb {
	padding : 5px;
	background-image: url(header_banneri.jpg);
/*	background-image: url(img/header_speedshop.jpg); */
	background-position: left top;
	height: 134px;
	vertical-align: top;
	background-color: #000066;
	background-repeat: no-repeat;
}
P.topbreadcrumb {
font-family : Verdana, Tahoma, Helvetica, Arial;
font-size : 11px;
color : #e4e4e4;
}

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

A.topbreadcrumb:hover {
text-decoration : none;
color : red;
}



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

div.navigation {
	width: 177px;
	border: 1px solid #CCC;
	padding: 1px 1px 1px 1px;
}

TD.navigation {
padding : 11px;
border-right : 1px solid #c0c0c0;
background-color : #ffffff;
}

TD.nav_open { 
background-color : #ffffff;
padding-left: 4px;
background-image: url(img/navi_open.png);
width: 175px;
height: 20px;
} 
 
P.nav_open { 
font-family: Arial;
font-size : 11px; 
color : #ffFFFF; 
} 
 
A.nav_open { 
color : #000000;
}

A.nav_open:hover { 
color : #ff0000;
}

#navigation td.nav_open p.nav_open a {
	color: #FFFFFF;	
}
 
TD.nav_closed { 
/*
border-right : 0px solid #eaeaea;
border-left : 0px solid #eaeaea;
*/
padding-left: 4px;
/*
border-top : 1px solid #eaeaea;
border-bottom : 0px solid #eaeaea;
*/
padding-top: 2px; padding-bottom: 2px;
background-color : #ffffff;
} 
 
P.nav_closed { 
font-family: Verdana, Tahoma, Helvetica, Arial; 
font-size : 11px;
color : #362904;
background-color : #ffffff;
} 

p:hover.nav_closer {
color: #FF0000;
background-color: #000000;
}

A.nav_closed { 
color : #362904;
background-color : #ffffff; 
}

A.nav_closed:hover { 
color : red;
background-color : #ffffff; 
}



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

TD.main {
padding : 16px;
background-color : #ffffff;
color : #493704;
font-family: Verdana, Tahoma, Helvetica, Arial; 
font-size : 11px;
}



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

TD.cartbottom {
padding : 0px;
background-color : #e4e4e4;
border-top : 0px;
border-bottom : 0px;
}

FONT.cartbottom {
font-family: Verdana, Tahoma, Helvetica, Arial;
font-size : 11px;
color : #362904;
}



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

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



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

/*
TABLE.product {
border-bottom : 0px;

}
*/

.product {
/*
border-bottom : 0px;
*/
color : black;

}

.product a{
border-bottom : 0px;
color : #003399;
}

.product a:hover {
border-bottom : 0px;
color : red;
}



TD.details {
padding : 0px;
border-left : 0px;

}

TR.list1 {
background-color : #000000;

} 

TR.list2 {
background-color : #ffffff;

} 



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

TD.cartbasic {
padding : 0px;
border-bottom : 0px solid #e4e4e4;

} 

P.cartbasic {
font-size : 90%;
} 

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

P.carttotal {
font-size : 11px;
font-weight : bold;
} 



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

P.pb {
font-size : 11px;
color : #336699;
} 

TD.pbactive {
border-top : 1px solid #e4e4e4;
border-bottom : 1px solid #e4e4e4;
background-color : #f2f2f2;
} 

TD.pbinactive {
border-top : 1px solid #e4e4e4;
border-bottom : 1px solid #e4e4e4;
background-color : #ffffff;
}
img.ale_corner {
	border: 0;
	background: none;
	padding: 0;
	position: relative;
	left: 95;
	bottom: 41;
}
/* div.ylapalkki {
	background-image: url(img/ylapalkki_bg.jpg);
	background-repeat: repeat-x;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	padding-top: 1px;
	position: fixed;
} */
div.ylapalkki {
	background-image: url(img/metal_bg.png);
	background-repeat: no-repat;
	top: 0;
	left: 0;
	width: 100%;
	height: 85px;
	padding-top: 0px;
	position: fixed;
}

P.toplinks {
font-family : Arial;
font-size : 12px;
color : #000000;
letter-spacing: 1px;
padding-top: 0px;
}

.toplinks a{
text-decoration : none;
color : #ffffff;
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
}

.toplinks a:hover {
color : red;
}
img.toplink_cart {
position: relative;
top: 2px;
}
img.topnavi {
display: block;	
}
img:hover.topnavi {
-webkit-transform: rotate(350deg);
-moz-transform: rotate(350deg);	
}
div.cart_float {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 25px;
padding-top: 10px;
background-image: url(img/metal_bg_footer.png);
background-repeat: no-repat;
}
div.cart_float a {
color: #FFF;	
}
INPUT.topfield {
border-top : 1px solid #362904;
border-bottom : 1px solid #362904;
border-left : 1px solid #362904;
border-right : 1px solid #362904;
font-family : Verdana, Arial;
font-size : 10px;
background : #444;
color : #CCC;
width: 100px;
}

input:focus.topfield {
width: 200px;
font-size: 14px;
background-color: #DDD;
color: #444;
-webkit-transition: width 1s linear;
}
/* Clover Shop Copyright (c) 2001- Clover Wheel Ltd - http://www.clovershop.com */