/* © Shoppi.fi */

BODY  {		
scrollbar-face-color: #65747E;
scrollbar-shadow-color: #97ACB9; 
scrollbar-highlight-color: #97ACB9;
scrollbar-3dlight-color: #97ACB9; 
scrollbar-darkshadow-color: #97ACB9;
scrollbar-track-color: #97ACB9; 
scrollbar-arrow-color: #D7F44A;

	background-color : #FFFFFF;

	overflow-x:shown;	
	overflow-y:shown;	

	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
	
}


.background {
	background-color: #EBEFF2;
	background-image:  url("http://www.shoppi.fi/shoppi/images/background.jpg");
	background-repeat: repeat-x;
}
.fontTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.fontText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

a:link {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a:visited {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #D7F44A;
}
a:active {
	font-weight: normal;
	color: #829A12;
	text-decoration: none;
}

PRE {font-size: 8pt; 
     font-family: "Verdana", "Arial"; 
     line-height: 12pt; 
     color: black}

.shoppi {
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
	background-color : #FFFFFF;
}

.shoppi2 {
    border: 4px solid  #65747e;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
	background-color : #FFFFFF;
}

.shoppi3 {
	border: 1px solid #000000;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
	background-color : #FFFFFF;
}

.shoppi4 {
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
	background-color : #FFFFFF;
}

.shoppi5 {
	border: 1px solid #000000;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
	background-color : #E4E4E4;
}

.vasen_palkki {
	font-size : 11px;
	font-weight : bold;
	font-style : normal;
	color : #FFFFFF; 
	font-family : "Verdana", "Arial";
	background-color : #65747e;
}

.vasen_palkki a:link {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.vasen_palkki a:visited {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.vasen_palkki a:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #D7F44A;
}
.vasen_palkki a:active {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	background-color : #bfda3e;
}

.otsikko2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color : #97acb9;
}

.otsikko3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color : #000000; 
	background-color : #bfda3e;
}

.reuna_viiva {
    border: 1px solid  #65747e;
	background-color : #65747e;
}

.reuna_viiva2 {
	background-color : #FFFFFF;
    border: 1px solid  #FFFFFF;
}

.imageborder { 
        border: 1px solid #000000;
        background-color: #DFBD98;
        margin-top: 30px;
        margin-bottom: 30px;
}

.text  {	
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
}

.header  {	
	font-size : 11px;
	font-weight : bold;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
}

.linkit  {	
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	text-decoration : none;
	color : #000000; 
	font-family : "Verdana", "Arial";
}

.content  {	
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
}

.form {
	Font-size : 10px;
	Font-family : "Verdana";
	border-width : 1px;
	border-color : #000000; <!-- #9097A9 -->
}

.SUBMIT {
	Font-size : 10px;
	Font-family : "Verdana";
	border-width : 1px;
	border-color : #9097A9;
	background-color : #65747e;
}

.image {
        border-style: solid;
        border-width:1px;
        border-color: #000000;
        margin: 2px;
}

SUBMIT {
	Font-size : 10px;
	Font-family : "Verdana";
	border-width : 1px;
	border-color : #9097A9;
	background-color: #65747e;
}

INPUT {
	Font-size : 10px;
	Font-family : "Verdana";
	border-width : 1px;
	border-color : #9097A9;
}

SELECT {
	Font-size : 10px;
	Font-family : "Verdana";
	border-width : 1px;
	border-color : #9097A9;
}

OPTION {
	Font-size : 9px;
	Font-family : "Verdana";
	border-width : 1px;
	border-color : #9097A9;
}

CHECKBOX {
	Font-size : 10px;
	Font-family : "Verdana";
	border-width : 1px;
	border-color : #000000;
}

TEXTAREA {
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #65747E; 
	scrollbar-highlight-color: #65747E;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF	;
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #65747E;
}


.copyright  {	
	font-size : 10px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	font-family : "Verdana", "Arial";
}

.piilo {
	font-size : 11px;
	font-weight : normal;
	font-style : normal;
	font-family : "Verdana", "Arial";
}

.piilo a:hover {
	font-weight: normal;
	color: #ebeff2;
	text-decoration: none;
	background-color: #ebeff2;
}