@import "style-content.css";

/* General styles, applies to all areas */

body {
	font-family: Verdana, Arial;
	margin-top : 0px;
	margin-bottom : 1%;
	margin-left : 0px;
	margin-right : 0px;
	background-color : #b0bac6;
	color : #000000;
}

table {
	width: 100%;
}

img {
	border : 0px;
}

h1 {
	font-family: Verdana, Arial;
	font-size : 100%;
	font-weight : bold;
/*	color : #006080;*/
	color: #200;
}

p, li {
	font-family: Verdana, Arial;
	font-size : 80%;
	line-height : 140%;
}

p.smallbasic {
	font-family: Verdana, Arial;
	font-size : 70%;
}

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

p.smallfade {
	margin: 0px;
	font-size: 70%;
	color: #111111;
}

a {
/*	color : #007ba4;*/
	color: #111111;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

input, textarea, select {
	font-family: Verdana, Arial;
	font-size : 70%;
}

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 : Verdana, Arial;
	font-size : 70%;
	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 : Verdana, Arial;
	font-size : 70%;
	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 : Verdana, Arial;
	font-size : 70%;
	background : #ffffff;
	color : #000000;
}

form.inline {
	display : inline;
} 



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

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

p.toplinks {
	font-family : Verdana, Arial;
	font-size : 70%;
/*	color : #007ba4;*/
	color: #111111;
}



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

td.topbreadcrumb {
	padding : 0px;
}

p.topbreadcrumb {
	font-family : Verdana, Arial;
	font-size : 70%;
	color : #adadad;
	margin: 0px;
	padding: 0px;
	border: 1px solid gray;
}

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



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

td.navigation {
	padding: 0px;
	width: 215px;
	background-color : #ffffff;
}

td.nav_open {
}

p.nav_open { 
	font-family: Verdana, Arial; 
	font-size : 70%;
/*	color : #007ba4;*/ 
	color: #111111;
}
 
a.nav_open { 
/*	color : #007ba4;*/
	color: #111111;
}

td.nav_closed {
}

p.nav_closed {
	font-family: Verdana, Arial;
	font-size: 70%;
/*	color: #007ba4;*/
	color: #111111;
}

a.nav_closed {
/*	color : #007ba4;*/
	color: #111111;
}



/* 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;
/*	border-bottom : 1px solid #c0c0c0;
	border-top : 1px solid #c0c0c0;
	background-color : #f3f3f3;
	background-image : url(logos/cartbottom_bg.gif);*/
	background: #ffffff;
}

font.cartbottom {
	font-family: Verdana, Arial;
	font-size : 70%;
	color : #007ba4;
}

label {
	font-size: 80%;
}


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

td.bottom {
	border-top: 1px solid #c0c0c0;
	padding : 5px;
}



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

table.product {
	border-bottom : 1px solid #d3d3d3;
	padding: 0px 0px 20px 0px;
	background: #f0f0f0;
}
td.details {
	padding : 10px;
	border-left : 1px solid #f3f3f3;
}
tr.list1 {
	background-color : #f9f9f9;
}
tr.list2 {
	background-color : #ffffff;
}

/*table.product td { border: 1px solid green; }*/
/* ===OMAT LISÄYKSET */
td.product-cell-image {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
td.product-cell-thumbnail {
	padding: 5px;
	width: 60px;
}
	td.product-cell-thumbnail img {
		margin: 0px 0px 3px 0px;
		padding: 0px;
		border: 1px solid #aaa;
	}
	td.product-cell-thumbnail img:hover {
		border: 1px solid #000;
		opacity: 0.2;
	}
td.product-cell-image img {
	border: 1px solid #333;
	margin: 0px;
	padding: 0px;
}
td.product-cell-descr {
/*	width: 65%;
	border: 1px solid green;*/
}
td.product-cell-links {
	width: 80px;
	font-size: 80%;
}
td.product-cell-header {
	padding: 5px;
}
td.product-cell-options {
	margin: 0px;
	padding: 0px 0px 5px 10px;
}
td.product-cell-price {
/*	border: 1px solid blue ! important;*/
}
p.product-buttons-normal {
	font-size: 100%;
	text-align: right;
	margin: 10px 10px 0px 10px;
	padding: 0px;
}
table.product h3 {
	margin: 5px 0px 0px 5px;
	padding: 0px;
	font-size: 80%;
}
table.product p.description {
/*	border: 1px solid yellow;*/
	margin: 5px 5px 5px 5px;
/*	width: 90%;*/
}
span.lisatietoa {
	font-size: 0.6em;
}


/* 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 : 70%;
	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;
}









div#container {
	width: 960px;
	border-top: 0px solid #222;
	border-left: 0px solid #222;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	margin: 0px auto 0px auto;
}
div.container-wrapper {
	border-top: 0px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}

div#topbanner {
}

div#topbanner-header {
	/*background: url("images/layout/tausta.jpg");*/
	height: 118px;
}
#topbanner-header h1 {
	background: url("images/layout/logo.jpg");
	height: 119px;
	width: 958px;
	margin: 0px;
	padding: 0px;
}

#topbanner-header span { display:none; }

/* ---------------------------------------------------
 * Vasemman reunan navigaatio
 */
div.element-left {
	padding: 0px;
	margin: 10px;
	color: #111111;
	background: url("images/layout/navi2back.png") top left repeat-y;
}

div.element-left h2 {
	margin: 0px;
	background: url("images/layout/navi2head.png") top left no-repeat;
	padding: 10px 0px 5px 15px;
	font-size: 80%;
	text-align: left;
}

div.element-left-footer {
	background: url("images/layout/navi2foot.png") bottom left no-repeat;
	height: 20px;
}

div#left-navigation {
}

/* table jossa menun elementit */
table.left-table-tuotteet {
	width: 180px;
	margin: 0px 0px 0px 5px;
}

/* ---------------------------------------------------
 * Vasemman reunan toiminnallisuusvalikko
 */

div#left-login {
}

div#left-login p {
	margin: 5px;
	padding: 0px;
	color: #111111;
	text-align: left;
}

div#left-login a {
	color: #111111;
}

/* Käyttäjähallinta-osuus */
div.element-left-login {
}
span.logininfo-username {
	color: #a00;
}

/* Splitteri */
div.element-left-splitter {
	width: 170px;
	margin: 0px 10px 0px 10px;
	border-top:    0px solid #ebe;
	border-bottom: 1px solid #666666;
}
/* Ostoskori-osuus */
div.element-left-cart {
}
span.solid_cost_price {
}

/* --------------------------------------------------
 * Sisältöosuus
 */

div.breadcrumbs2 {
	border: 0px solid blue;
	margin: 0px;
}
div.breadcrumbs2 p { margin: 0px; padding: 0px; }


/* ---------------------------------------------------
 * Tuotekortti
 */

#footer {
	background: url("images/layout/tausta.jpg") left bottom repeat-x;
	border: 2px solid black;
}


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