/* General Styles, applies to all areas */

BODY {
margin: 0px;
background:transparent url(images/vas_taus.gif) top left repeat-x;
background-color : #ffffff;
color : #000000;
font-family: 'trebuchet ms', Verdana, Arial;
}

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H3 {
font-family: 'trebuchet ms',Verdana, Arial;
font-size : 100%;
font-weight : bold;
color : #003366;
}

P {
font-family: 'trebuchet ms', Verdana, Arial;
font-size : 75%;
line-height : 140%;
color : #003366;
}
li {
font-family: 'trebuchet ms', Verdana, Arial;
font-size : 75%;
line-height : 140%;
color : #003366;
}

P.smallbasic {
font-family: Verdana, Arial;
font-size : 70%;
color : #003366;
}

P.smallfade {
font-size : 70%;
color : #003366;
}


INPUT, TEXTAREA, SELECT {
font-family: Verdana, Arial;
font-size : 70%;
}

INPUT.button {
	border-top : 1px solid #eaeaea;
	border-bottom : 1px solid #eaeaea;
	border-left : 0px solid #eaeaea;
	border-right : 0px solid #eaeaea;
	font-family : Verdana, Arial;
	font-size : 70%;
	color : #ffffff;
	background-color: #993366;
}

INPUT.field {
border-top : 1px solid #9999CC;
border-bottom : 1px solid #9999CC;
border-left : 1px solid #9999CC;
border-right : 1px solid #9999CC;
font-family : Verdana, Arial;
font-size : 70%;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
} 



/* Page Top Styles, applies to the top area */

TD.top {
padding : 0px;
background-color : #ffffff;
}



/* Breadcrumb Styles, applies to the breadcrumb area */

TD.topbreadcrumb {
	background-color : #BE7D9B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

P.topbreadcrumb {
	font-family : 'trebuchet ms', Verdana, Arial;
	font-size : 70%;
	font-weight : bold;
	color : #f3f3f3;
	background-image: url(images/breadhcrumb_tausta.jpg);
	line-height: 24px;
}

A.topbreadcrumb {
text-decoration : none;
color : #ffffff;
}



/* Navigation Styles, applies to the navigation area on the left hand side */

TD.navigation {
border-right : 0px dashed #ffdece;
background-color : #FFFFFF;
}



/* 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-top : 1px solid #9999CC;
border-bottom : 1px solid #9999CC;
background-color : #dcbacb;
}

FONT.cartbottom {
font-family: 'trebuchet ms',Verdana, Arial;
font-size : 70%;
color : #9999CC;
}



/* Bottom Styles, applies to the bottom area */

TD.bottom {
	padding : 5px;
	background-color : #993366;
	background-image: url(images/footer.jpg);
}



/* Product Table Styles, applies to product table area */

TD.picturebig {
padding : 0px;
border-right : 1px solid #9782FF;
border-left : 1px solid #9782FF;
background-color : #ffffff;
color : #000000;
} 

TD.picturesmall {
padding : 0px;
text-align : center;
border-left : 1px solid #9782FF;
background-color : #ffffff;
color : #000000;
} 

TD.introduction {
padding : 5px;
/*border-right : 1px solid #9999CC;*/
background-color : #ffffff;
color : #003366;
}

P.introduction {
font-family: 'trebuchet ms',Verdana, Arial;
font-size : 75%;
line-height : 120%;
color : #003366;
}

TD.price {
padding : 10px;
border-right : 1px solid #9782FF;
text-align : left;
background-color : #ffffff;
}

P.price {
font-weight : bold;
color : #990066;
}

P.stock {
font-size : 70%;
color : #000000;
}

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 #9999CC;
background-color : #ffffff;
color : #000000;
} 

P.cartbasic {
font-size : 75%;
color : #000000;
} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #9999CC;
background-color : #ffffff;
color : #000000;
} 

P.carttotal {
font-size : 80%;
font-weight : bold;
color : #000000;
} 

/*opy alkaa*/

#matkapuhelinmarkkinat {
	display:none
	}
#top {
	margin:auto;
	
		}
#wrap1 {
	margin:auto;
	
	}

#wrap2 {
	background:transparent url(images/oik_taus.gif) top right no-repeat;
	}

#wrap3 {
	align: center;
	margin:auto;
	width:780px;
	background-image: url(images/oik_taus.gif);
	background-repeat: no-repeat;

	}

#wrap4 {
	background:#FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	}

#paiva {
	float: right;
	line-height: 28px;
	color: #CCCCCC;
}

#content {
	margin:auto;
	padding:15px 1%;
	max-width:98%;
	width:760px;
	}

#top {
	height:68px;
	}
#banneri {
	BACKGROUND: url(images/banneri.jpg) no-repeat left top; 
	FLOAT: right; 
	WIDTH: 781px; 
	HEIGHT: 68px; 
	TEXT-ALIGN: right
}
#menu {
	CLEAR: both;
	FONT-SIZE: 11px;
	BACKGROUND-color: #993366;
	/*BORDER-BOTTOM: #29166f 1px solid; 
	BORDER-TOP: #29166f 1px solid;*/
	HEIGHT: 28px;
	background-image: url(images/menu_tausta.gif);
}
#menu UL {
	PADDING: 0px; 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none
}
#menu LI {
	FONT-SIZE: 11px;
	PADDING: 0px;
	FLOAT: left;
	MARGIN: 0px;
	WIDTH: 13%;
	HEIGHT: 28px;
	border-top-width: 1px;
	border-bottom-width: 1px;

}
LI#oikea {
	WIDTH: 17%;
}
LI#puhelinvertailu {
	WIDTH: 17%;
}
LI#tilausehdot {
	WIDTH: 15%;
}

LI#seuranta {
	WIDTH: 15%;
}
#menu A {
	DISPLAY: block;
	BACKGROUND-color: #993366;
	WIDTH: 100%;
	COLOR: #CCCCCC;
	LINE-HEIGHT: 28px;
	HEIGHT: 28px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	background-image: url(images/menu_tausta.gif);
	background-repeat: repeat-x;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
}
#menu A SPAN {
	DISPLAY: block;
	WIDTH: 100%;
	HEIGHT: 28px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
#menu A:hover {
	CURSOR: pointer;
	BACKGROUND-COLOR: #CE87AB;
	background-image: url(images/menu_tausta2.gif);
	color: #FFFFFF;	
}
#menu A.selected {
	 CURSOR: pointer; 
	 BACKGROUND-COLOR: #ffffff;
}
LI#puhelinvertailu SPAN {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#srch {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FLOAT: right; 
	WIDTH: 500px; 
	HEIGHT: 28px; 
	TEXT-ALIGN: right;
}
#srch FORM {
	PADDING-TOP: 3px;
}
#srchbox {
	FONT-SIZE: 10px; MARGIN-BOTTOM: 4px; WIDTH: 143px;
}
#kuvaoikea {
	FLOAT: right; MARGIN: 0px 0px 10px 5px;
}
#kuvavasen {
	FLOAT: left; MARGIN: 5px 10px 5px 3px;
}
#cat {
	 BACKGROUND-color: #dcbacb; MARGIN-BOTTOM: 5px; BORDER-right: #29166f 1px solid; 
}
#cat UL {
	PADDING-RIGHT: 0px; PADDING: 0px;  MARGIN: 0px; LIST-STYLE-TYPE: none;
}
#cat LI {
	FONT-SIZE: 11px; 
	PADDING: 0px;  
	MARGIN: 0px; 
	WIDTH: 170px; 
	line-HEIGHT: 18px; 
	HEIGHT: 18px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #29166f;
	border-top-width: 1px;
	border-bottom-width: 1px;
}
#cat A {
	 DISPLAY: block; 
	 BACKGROUND-color: #dcbacb;   
	 WIDTH: 100%; 
	 COLOR: #000; 
	 LINE-HEIGHT: 18px; 
	 TEXT-ALIGN: right; 
	 TEXT-DECORATION: none; 
	 HEIGHT: 18px;
}

#cat A:hover {
	CURSOR: pointer; 
	BACKGROUND-COLOR: #fff; 
	PADDING: 0px;  
	MARGIN: 0px;
}

#cat .otsikko {
	background-color: #993366;
	color: #FFFFFF;
	HEIGHT: 20px;
	background-image: url(images/sivu_ots_tausta.gif);
}
.taulukko {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 70%; 
	COLOR: #006666; 
	LINE-HEIGHT: 20px; 
	FONT-FAMILY: Verdana, Arial;
}
#news {
	BORDER-RIGHT: #000066 1px solid;
	BORDER-TOP: #000066 1px solid;
	MARGIN: 0px 0px 3px 0px;
	BORDER-LEFT: #000066 1px solid;
	COLOR: #0066cc;
	BORDER-BOTTOM: #000066 1px solid;
	FONT-FAMILY: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 75%;
	HEIGHT: auto;
	BACKGROUND-COLOR: #F0F0FF;
	padding: 3px;
}
#news P {
	FONT-SIZE: 80%;
}
#news H3 {
	FONT-SIZE: 90%;
}
#sivu {
	POSITION: absolute; TOP: 300px;
}
.henkilot {
	border: 1px solid #CCCCCC;
}
.henkilot img{
	padding-top: 4px;	
}
.tuote_top_vas {
	background-image: url(images/taulukon_top_vas.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tuote_top_keski {
	background-image: url(images/taulukon_top_keski.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.tuote_top_oik {
	background-image: url(images/taulukon_top_oik.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.tuote_bottom_vas {
	background-image: url(images/taulukon_pohja_vas.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tuote_bottom_keski {
	background-image: url(images/taulukon_pohja_keski.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.tuote_bottom_oik {
	background-image: url(images/taulukon_pohja_oik.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* Clover Shop Copyright (c) 2001- Clover Wheel Ltd - http://www.clovershop.com */
