@import url('../common/style/commerce.css?foo=bar');  

/* 
	juju skin 
	
	punainen:
	violetti: 
	
*/


/* very common styles */
body, td, a, li, p {
	font:normal 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
}

p, ul {
	margin:5px 0px;		
}

table {
	border-collapse:collapse;
}

ul {
	padding-left:5px;
	font-size: 12px;
}

a:hover {
	/*text-decoration:underline !important;	*/
}


/* tower & content */
#container {
	width:817px;
	background:url(img/banner1.jpg) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font: Verdana;
}

#header {
	width:817px;
	background:url(img/banner1.jpg?v=0.1) no-repeat;		 
	height:185px;
}

body#product #header {
	background:url(img/banner2.jpg?v=0.1) no-repeat;		 
}

body#page #header {
	background:url(img/banner4.jpg?v=0.1) no-repeat;		 
}

body#by_group #header {
	background:url(img/banner5.jpg?v=0.1) no-repeat;		
}

body#feedback #header {
	background:url(img/banner7.jpg?v=0.1) no-repeat;
}

body#intro #header {
	background:url(img/banner8.jpg?v=0.1) no-repeat;		 
}

body#contact #header {
	background:url(img/banner8.jpg?v=0.1) no-repeat;		 
}

#slogan {
	position:relative;
	top:117px;
	left:40px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#slogan em {
	color:blue;
	font-style:normal;	
}

#navig {
	height:40px;
	margin-top:-43px;
	margin-left:20px;
}

#navig ul {
	padding:0px;
	margin:0px;
}

#navig li {
	float:left;
	list-style-type:none;
}

#left h1 {
	font-size:14px;
	color:#000000;
	margin-bottom:-10px;
	padding:22px 0px 10px 23px;
	text-decoration: underline;
}


#left {
	float:left;
	width:170px;
	margin:15px 5px 0 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#content {
	float:left;
	min-height:400px;
	width:570px;
	margin:10px 0px 30px 30px;	
}

#right {
	display:none;		
}


#navig a {                                                                                                                                                                                            
	font: Verdana;                                                                                                                                                                                
	font-size:11px;                                                                                                                                                                               
	border:dashed 1px;                                                                                                                                                                            
	border-color:#E11204;                                                                                                                                                                         
	display:block;                                                                                                                                                                                
	padding:10px 12px 15px 12px;                                                                                                                                                                  
	margin-top:-1px;                                                                                                                                                                              
	margin-left:2px;                                                                                                                                                                              
	color:#000000;                                                                                                                                                                                
}   
#navig li.last a {
	
}

#navig a:hover {
	color:#CC3333;
	background:url(img/neula_hover.gif) no-repeat center;
}

#navig a.current {
	background:url(img/neula.gif) no-repeat center;
}

#navig a.current:hover {
	cursor:default;
	text-decoration:none;
}

#middle {
	background:url(img/middle.jpg);
	min-height:400px;
}

#bottom {	
	margin:0px auto;
	width:817px;	
	text-align:right;
}

#footer {	
	background:url(img/bottom.jpg) no-repeat;
	margin-top:-40px;
	height:71px;
}

#bottom a {
	position:relative;
	top:-20px;
	left:-10px;
	color:#0067b7;
	font-size: 10px;
}



/* site overrides */
#left .block {
	margin:-10px 0 10px 5px;
	/*background-color:#ccd6e2;*/
	background:url(img/navibg.gif) no-repeat;
	/*padding-bottom:4px;
	border:1px solid #fff;*/
}

#left .block p {
	color:#000000;
	margin:5px 0px 5px 22px;
	font-size:12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#left .block button {
	/*border:1px outset #98f0ff;		*/
	font-size:11px;
	/*background-color:#efefef;*/
	padding:3px;
}

/* site overrides */
#left .haku {
	margin:-10px 0 20px 5px;
	background:url(img/navibg_s.gif) no-repeat;
}

#left .haku p {
	color:#000000;
	margin:10px 0px 15px 22px;
	font-size:12px;
	padding-bottom: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

	
/* site overrides */
#left .intro {
	background:url(img/vasenPalkkikuva_1.gif) no-repeat;
	height:316px;
}

#left .recommend {
	background:url(img/vasenPalkkikuva_2.gif) no-repeat;
	height:316px;
}


#left .error {
	background-image:none;
	padding:8px;
	font-size:12px;
	background-color:#333;
	border:1px solid #fff;
	color:#fff;
}


/* commerce overrides */
#leftNarrow p, #content p {
	margin-top:15px;
	font-size:14px;
	color:#444;
}

.box h2 {
	margin:0px 0px 5px 10px;		
}

#productTitle h1 {
	margin-top:10px;	
}

h1#mbookTitle {
	margin:5px 0px -10px 0;
	font-weight:normal;	
	color:#339933;
	border-bottom:1px solid #ccc;
}

#productTitle h2 {
	margin-top:0px;
	color:#C72E0E;
	font-weight:normal;
	font-size:15px;
	letter-spacing:-1px;
}

#left .inputField {
	width:105px;		
}

/* customs */
.more {
	padding:8px 10px;
	margin:10px 0px; 
}

#content p.more {
	font-size:13px;
}

div.metadata {
	margin-top:10px;
}

div.cart {
	border:2px dashed #ff5146;		
	width:145px;
	margin-left:10px;
	background-color:#ffed9d;	
	margin-bottom:20px;
}

#left div.cart h1, #left div.cart p {
	margin:10px;
	padding:0px;		
}

table#cart {
	margin:0 0 10px 10px;
	width:125px;
}

#cart td {
	border-bottom:1px solid orange;		
}

#tabs {
	height:2.5em;		
}

#tabs li span {
	color:#FF0000;
}

#content h1 {
	margin:0 0 5px 0px;
	font-weight:normal;
	font-size:18px;
	color: #EF411C;
	
}
h2, h5 {
	margin:15px 0 0 0;
	font-size:15px;
	font-weight:normal;
	margin-bottom:2px;
	color: #C72E0E;
}

#content p {
	margin:5px 5px 10px 15px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#content b {
	margin:5px 0px;
	font-size: 13px;
}

#content u {
	margin:5px 0px;
	font-size: 12px;
	color: #E43210;
}

#content a {
	margin:5px 0px;
	font-size: 11px;
}

dt, dd a {
	font-size:14px;		
}

dd a, .skin {
	color:#2f6cbf;		
	font-size:14px;
}

dd.selected a {
	color:#000;	
}

#by_group #rightWide h1 {
	margin-top:23px;		
}

div.offer {
	background:url(img/raiskale-pun.png) no-repeat;
	width:207px;
	height:130px;
	text-align:center;
	padding-top:15px;
}

div.offer a, dif.offer {
	color:#fff;
	font-size:22px !important;		
	line-height:22px !important;
	text-decoration:none;
}


div.offer strong {
	font-size:40px;		
	line-height:40px;
	color:yellow;
}

#index #content h1 {
	font-size:26px;
	color:#EF411C;
	font-weight:bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#postal {
	position:absolute;
	top:165px;
	left:170px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px;
	width:185px;
	text-align:center;
	font-size:11px;
	opacity:0.8;
}

#leftNarrow h2, #leftNarrow dt {
	display:none;		
}

input.button, #content button {
  border:1px solid #F38D02;
  font:normal 13px "Trebuchet MS";
  /*font:normal 12px Arial, Verdana, Helvetica ,sans-serif;*/
  padding:0px 4px 0px 4px;
  background:#FEFDF6;
  height:23px;
  /*width:86px;*/
}

.testiliitynappi {
  border:1px solid #F38D02;
  font: bold 13px "Trebuchet MS";
  /*font:normal 12px Arial, Verdana, Helvetica ,sans-serif;*/
  padding:2px 6px 2px 6px;
  background:#FEFDF6;
  height:27px;
  /*width:86px;*/
}

.skin1 .box_content {
	background-color:#efefef;		
}


/* tabit */

#tabs {
background:transparent url(img/tabs/bg_tabs_main.gif) repeat-x scroll center bottom;
float:left;
line-height:normal;
margin:2px 0pt 10px;
width:531px;
}
* html #tabs {
background:transparent url(img/tabs/bg_tabs_main.gif) repeat-x scroll center bottom;
float:left;
line-height:normal;
margin:2px 0pt 10px;
width:535px;
}
#tabs ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:10px 10px 0pt;
}
#tabs li {
display:inline;
margin:0pt;
padding:0pt;
}
#tabs a {
background:transparent url(img/tabs/left_both.gif) no-repeat scroll left top;
border-bottom:1px solid #FAE900;
float:left;
margin:0pt;
padding:0pt 0pt 0pt 9px;
text-decoration:none;
}
#tabs a span {
background:transparent url(img/tabs/right_both.gif) no-repeat scroll right top;
color:#EF411C;
display:block;
float:left;
padding:5px 12px 4px 6px;
}
#tabs a span {
float:none;
}
#tabs a:hover span {
color:#666666;
}
#tabs #current a {
background-position:0pt -150px;
border-width:0pt;
color:#000000;
font-weight:bold;
}
#tabs #current a span {
background-position:100% -150px;
color:#000000;
font-weight:bold;
padding-bottom:5px;
}
#tabs a:hover {
background-position:0% -150px;
}
#tabs a:hover span {
background-position:100% -150px;
}


#navig a {
 font: Verdana;
 font-size:11px;
 border:dashed 1px;
 border-color:#E11204;
 display:block;
 padding:10px 12px 15px 12px;
 margin-top:-1px;
 margin-left:2px;
 color:#000000;
 text-decoration:none;
}

#navig a:hover {
 color:#CC3333;
 border-color:#F5920A;
 background:url(img/neula_hover.gif) no-repeat center;
}

#navig a.current {
 border-color:#333333;
 background:url(img/neula.gif) no-repeat center;
}

.grayBox {
background:#FEF49F none repeat scroll 0%;
color:#333333;
margin:5px 0pt 10px;
width:100%;
}
.grayBox h2 {
color:#C72E0E;
margin:0pt 0pt 0pt -2px;
}
.grayBox p {
margin:0pt 10px 5px;
}
.grayBoxContent {
margin:0pt 3px -4px 0pt;
}
.grayBoxTop {
background:transparent url(img/box/grayBox_top_right.gif) 
no-repeat scroll right top;
}
.grayBoxBottom {
background:transparent url(img/box/grayBox_bottom_right.gif) 
no-repeat scroll right top;
}
img.grayBoxCorner {
border:medium none;
display:block !important;
height:6px;
width:6px;
}
.lightGrayBox {
background:#FEF8BA none repeat scroll 0%;
color:#333333;
margin:5px 0pt 10px;
width:100%;
}
.lightGrayBox h2 {
color:#C72E0E;
margin:0pt 0pt 0pt -2px;
}
.lightGrayBox p {
margin:0pt 10px 5px;
}
.lightGrayBoxContent {
margin:0pt 3px -4px 0pt;
}
.lightGrayBoxTop {
background:transparent 
url(img/box/lightGrayBox_top_right.gif) no-repeat scroll 
right top;
}
.lightGrayBoxBottom {
background:transparent 
url(img/box/lightGrayBox_bottom_right.gif) no-repeat scroll 
right top;
}
img.lightGrayBoxCorner {
border:medium none;
display:block !important;
height:6px;
width:6px;
}

#blogiintro {
		 border: dashed #E11204 1px;
		 margin: 5px 17px 12px 5px;
		 padding: 8px 8px 8px 8px;
		 font: 12px "Trebuchet MS";
}