

/* General styles, applies to all areas */



BODY {

	font-family: Arial, Helvetica, sans-serif;

	margin-top : 1%;

	margin-bottom : 1%;

	margin-left : 1%;

	margin-right : 1%;

	background-color : #ffffff;

	color : #333;

}



TABLE {

border : 0px;

}



IMG {

border : 0px;

}



H1 {

font-family: Arial, Helvetica, sans-serif;

font-size : 100%;

font-weight : bold;

color : #DA2328;

}



P, LI {

font-family: Arial, Helvetica, sans-serif;

font-size : 76%;

line-height : 140%;

}



P.smallbasic {

font-family: Arial, Helvetica, sans-serif;

font-size : 76%;

}



P.smallnote {

font-size : 76%;

color : #7a7a7a;

display : inline;

}



P.smallfade {

font-size : 76%;

color : #adadad;

}



a {

	color : #007ba4;

	text-decoration: none;

}



a:link {

	color : #007ba4;

	text-decoration: none;

}

a:hover {

	color: #007ba4;

	text-decoration: none;

}

.toplinks a:hover {

	color: #007ba4;

	text-decoration: none;

	border-bottom: 1px dashed Red;

}

.navigation a:hover {

	color: #007ba4;

	text-decoration: none;

	border-bottom: 1px dashed Red;

}

INPUT, TEXTAREA, SELECT {

font-family: Arial, Helvetica, sans-serif;

font-size : 76%;

}



INPUT.button {

border-top : 1px solid #d3d3d3;

border-left : 1px solid #d3d3d3;

border-bottom : 1px solid #969696;

border-right : 1px solid #969696;

background-image : url(logos/button_bg.gif);

background-repeat:repeat-x;

font-family : Arial, Helvetica, sans-serif;

font-size : 76%;

color : #000000;

}



INPUT.field {

border-top : 1px solid #747474;

border-bottom : 1px solid #747474;

border-left : 1px solid #747474;

border-right : 1px solid #747474;

font-family : Arial, Helvetica, sans-serif;

font-size : 76%;

background : #ffffff;

color : #000000;

}



TEXTAREA.field {

border-top : 1px solid #747474;

border-bottom : 1px solid #747474;

border-left : 1px solid #747474;

border-right : 1px solid #747474;

font-family : Arial, Helvetica, sans-serif;

font-size : 76%;

background : #ffffff;

color : #000000;

}



FORM.inline {

display : inline;

} 







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



TD.toplinks {

padding : 5px;

background-color : #f3f3f3;

border-top : 1px solid #DA2328;

border-bottom : 1px solid #DA2328;

background-image : url(logos/toplinks_bg.gif);

}



P.toplinks {

font-family : Arial, Helvetica, sans-serif;

font-size : 76%;

color : #007ba4;

}







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



TD.topbreadcrumb {

padding : 5px;

}



P.topbreadcrumb {

font-family : Arial, Helvetica, sans-serif;

font-size : 76%;

color : #adadad;

}



A.topbreadcrumb {

text-decoration : none;

color : #adadad;

}







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



TD.navigation {

padding : 25px;

border-right : 1px dashed #DA2328;

background-color : #ffffff;

}



TD.nav_open { 



} 

.linkitvasen{

	float: left;

	height: 35px;

	width: 840px;

} 

.linkitoikea{

	float: right;

	height: 35px;

	width: 130px;

} 

.linkitvasen h1{

	font-size: 10px;

	color: #CCC;

	text-align: center;

}

.yla{

	background: url(http://www.t-paitoja.com/verkkokauppa/images/verkkokauppayla.jpg) no-repeat left top;

	height: 35px;	

} 

.ylapalkki{

	background: url(http://www.t-paitoja.com/verkkokauppa/images/verkkokauppa_02.jpg) no-repeat left top;

	height: 202px;	

} 

P.nav_open { 

font-family: Arial, Helvetica, sans-serif; 

font-size : 76%; 

color : #007ba4; 

} 

 

A.nav_open { 

color : #007ba4; 

} 

 

TD.nav_closed { 



} 

 

P.nav_closed { 

font-family: Arial, Helvetica, sans-serif; 

font-size : 76%; 

color : #007ba4; 

} 

 

A.nav_closed { 

color : #007ba4; 

}







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



TD.main {

padding : 25px;

background-color : #ffffff;

}







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



TD.cartbottom {

padding : 5px;

background-color : #f3f3f3;

border-top : 1px solid #DA2328;

border-bottom : 1px solid #DA2328;

background-image : url(logos/cartbottom_bg.gif);

}



FONT.cartbottom {

font-family: Arial, Helvetica, sans-serif;

font-size : 76%;

color : #007ba4;

}







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



TD.bottom {

padding : 5px;

}







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



TABLE.product {

border-bottom : 1px solid #f3f3f3;

}



TD.details {

padding : 10px;

border-left : 1px solid #f3f3f3;

}



TR.list1 {

background-color : #f9f9f9;

} 



TR.list2 {

background-color : #ffffff;

} 







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



TD.cartbasic {

padding : 5px;

border-bottom : 1px solid #f3f3f3;

} 



P.cartbasic {

font-size : 80%;

} 



TD.carttotal {

padding : 5px;

border-bottom : 1px solid #f3f3f3;

} 



P.carttotal {

font-size : 80%;

font-weight : bold;

} 







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



P.pb {

font-size : 76%;

color : #adadad;

} 



TD.pbactive {

border-top : 1px solid #f3f3f3;

border-bottom : 1px solid #f3f3f3;

background-color : #ffffb3;

} 



TD.pbinactive {

border-top : 1px solid #f3f3f3;

border-bottom : 1px solid #f3f3f3;

background-color : #ffffff;

}

.tiedote {
	height: 60px;
	width: 594px;
	background: #FFF;
	border: 2px solid #CCC;
	top: 172px;
	left: 160px;
	z-index: auto;
	position: absolute;
	padding: 3px;
	text-align: left;
}

.tiedote p {
	margin: 0px;
	padding: 0px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #F00;
}
td.omasolu {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 2px 6px 2px 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
P.matala {
	font: 9px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
.punainen {
	color: #F00;	
}
.omapieni {
	color: #F60;
	font-size: 11px;
}
.omakeski {
	color: #F60;
	font-size: 13px;
}
 
.taulu {

	border: 1px solid #cfcfcf;
	padding: 11px;
	background: none repeat scroll 0% 0% rgb(249, 249, 249);
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.taulu2 {

	border: 1px solid #c72323;
	padding: 6px;
	background: none repeat scroll 0% 0% #e18383;
	color: #ffffff;
	text-align: center;
	font-size: 13px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
