@import url('modules.css');
@import url('menus.css');
#passwd_login.inputbox, #username_login.inputbox {display: block;}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
text-align: center;
}
ul.pagination li {
	margin: 2px 5px;
	padding: 0;
	display: inline;
	background: none;
}
ul.pagination a {
	padding: 2px 5px;
}


/**
* Template by emowes.com               *
* @version 1.0                         *
* @copyright (C) 2007 - Jani Peltonen  *
* @web http://www.emowes.com           *
**/

/*global resets - eliminates cross browser inconsistancies*/

* {  
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; } 
li,dd { margin-left: 1em;} 
fieldset { padding: 0.5em; } 
img {border: 0;}
a img {border: 0;}
table {
font-size: 1em;
}
body {
font-size:76%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.8em;
color: 000;
}
/*end global resets*/

.left_osa_inner fieldset, .left_osa_inner form {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {  line-height:1.3em; color:#; }
h1, .componentheading  {font-size: 2.0em;font-weight: normal;margin-top: 0em;margin-bottom: 0em;}
h2, .contentheading {font-size: 1.7em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h3 {font-size: 1.4em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h4 {font-size: 1.2em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h5 {font-size: 1.0em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h6 {font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
/*fieldset label, fieldset input { display: block; }*/
.clear { clear:both }

body {
background: #FFB6C1;
}
.keskitys {
text-align: center;
}
.rako_top {
height: 15px;
width: 100%;
}
.container_osa_inner {
padding: 0;
margin: 0 auto;
text-align:left;
width: 930px;
border: #969696 solid 2px ;
background: url(../images/bg_body.jpg) repeat-y;
}

/* #### VASEN OSA #### */

.left_osa {
position: relative;
left: ;
top: ;
width: 201px;
float: left;
}
.left_osa_inner {
width: ;
height: ;
}
.logo_osa {
background: url(../images/logo.jpg) no-repeat;
width: 201px;
height: 110px;
}


/* #### OIKEA OSA #### */
.right_osa {
position: relative;
left: ;
top: ;
width: 725px;
float: right;
line-height:1.3em;
}
.right_osa_inner {
width: ;
height: ;
}
.top_osa {
height: 185px;
width: 725px;
overflow: hidden;
}
.top_osa_inner {
}
.kaupan_kuva {
background: url(../images/bg_kaupan_kuva.jpg) left no-repeat;
height: 185px;
width: 385px;
overflow: hidden;
float: left;
}
.top_3 {
width: 170px;
height: 185px;
background: url(../images/bg_nurkka.jpg) top left no-repeat;
float: right;
overflow: hidden;
}
.ajankohtaista {
width: 170px;
height: 185px;
background: url(../images/bg_nurkka.jpg) top left no-repeat;
float: right;
overflow: hidden;
}
.content_osa-vasen {
width: 100%;
}
.content_osa_inner-vasen {
padding: 10px;
}
.content_wrapper {
width: 100%;
}
/* #### LINKIT #### */

a, a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #650000;
}
div.content_osa-kapea a, div.content_osa-kapea a:visited {
color: #666666;
text-decoration: underline;
}
/* #### LISTAT #### */

ul {
margin: 0;
list-style:;
margin-left: 10px;
padding-left: 10px;
list-style-image:url(../images/list_bullet.gif);
}
div.ajankohtaista ul {
}

li {
line-height:;
padding-left: 0px;
padding-top: 0px;
list-style-position:outside;
}
#login ul {
margin: 0;
padding-left: 0px;
list-style: none;
}

#login li {
line-height:;
padding-left: 0px;
padding-top: 0px;
margin: 0px;
list-style-position:outside;
}
/* #### MODULETABLE #### */

div.module_menu h3, .left_osa_inner div.module h3 { /* moduulien otsikot menulle ja vasemmalle moduulipaikalle */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #650000;
margin-bottom: 0.5em;
margin-top: 0em;
}

div.module_menu, .left_osa_inner div.module {
background: url(../images/moduletable_bg.jpg) left top no-repeat;
width: 201px;
min-height:100px;
height:auto !important;
height:100px;
margin: 0 0 30px 0;
}
div.module_menu div div div {
position: relative;
left: 15px;
top: 15px;
width: 174px;
}
.left_osa_inner div.module div div div {
position: relative;
left: 8px;
top: 3px;
width: 174px;
}
.left_osa_inner div.module div div div ul {
list-style-type: none;
}

/* oikean puolen moduuli */
div.top_osa_inner h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #650000;
text-align: center;
margin-bottom: 0.3em;
}
div.top_osa_inner div.module div div div {
width: 146px;
position: relative;
left: 4px;
}
div.top_osa_inner div.module div {
padding-top: 0px;
}
div.top_osa_inner div.module div div div a, div.top_osa_inner div.module div div div td {
font-size: 11px;
}
div.top_osa_inner div.ajankohtaista div.module div div div li {
margin-left: 0;
}
/* #### MENU #### */

/* #### perus vertikaali #### */

ul.menu {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
ul.menu li {
border-bottom: #DCD5C2 solid 1px;
margin-left: 0px;
} 
ul.menu li a span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #595959;
line-height: 25px;
padding-left: 3px;
}
ul.menu li.active, ul.menu li:hover {
background:url(../images/mainlevel_over.gif) no-repeat;
text-decoration:  none;
}
ul.menu li.active a span, ul.menu li:hover a span {
position: relative;
left: 5px;
color: #000000;
}

/* perus loppu */

/* #### TOP-MENU #### */

ul.menu-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}


ul.menu-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
/*	border-right: 1px solid #cccccc;*/
}

ul.menu-nav li a, ul.menu-nav li a:visited {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #000;
	background: transparent;
}

ul.menu-nav li a:hover {
width: auto; /* ie6 fixi hoverille */
	color: #000;
	background: url(../images/bg_top_menu_hover.jpg) repeat-x;
}

/* #### VIRTUEMARTIN KATEGORIA MENU */
/* Main level */
#active_menu {
	color: #000000;
	padding-left: 5px;
	background:url(../images/mainlevel_over.gif) no-repeat;
}

a.mainlevel:link,
a.mainlevel:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	color: #595959;
	text-decoration:none;
	line-height: 25px;
	display:block;
	padding-left: 3px;
	border-bottom: #DCD5C2 solid 1px;
}

a.mainlevel:hover
{
	color: #000000;
	padding-left: 5px;
	background:url(../images/mainlevel_over.gif) no-repeat;
}

/* Sub level */
a.sublevel:link,
a.sublevel:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #595959;
	text-decoration:none;
	padding: 3px;
}
a.sublevel:hover {
	color: #000000;
	padding-left: 5px;
	background:url(../images/sublevel_over.gif) no-repeat;
}

/* #### CONTENTIN META #### */
.article-tools {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}
.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}
.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}
.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}
.modifydate {
	width: 100%;
	float: left;
}
div.buttonheading {
	float: right;
	width: 15%;
display: block;
}
.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/* #### SEKALAISTA #### */

/* tooltip */ 
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}
.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}
.tool-text {
	margin: 0;
	font-size: 100%;
}
/* tooltip loppuu */

/* input css */
input.button {
font-size: 90%;
color: #ffffff;
border: 1px solid #CCCCCC;
font-weight:bold;
height: 20px;
padding: 0 5px 0 5px;
*padding: 0;
margin: 0;
cursor: pointer;
background: #650000 url(../images/button_bg.gif);
}
input { /* radiobuttonien ja checkboxien tasaaminen tekstin kanssa samalle tasolle */
vertical-align: middle;
padding: 0px;
margin: 0px;
}
/* input loppuu */

#mod_login_remember { /* IE6 checkboxin taustaväri ja borderit */
background-color: #;
padding: 0;
margin: 0;

border: none;
}
hr, hr.separator {

background: #808080;
border: 1px solid #808080;
}
table.adminform { /*editorin saa kellumaan kaiken päällä ja muutkin adminformitjutut */
position: relative;
z-index: 150;
}
div.cpaneeli {
line-height: 23px;
}
.toteutus {
position: relative;
left: -5px;
top: 20px;
text-align:right;
}
.toteutus a {
font-size: 10px;
color: # ;
font-weight: normal;
}
.toteutus a:hover {
color: # ;
}
.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 2px 2px 2px 3px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
background-color : #ffffff;
}
.sectiontableentry2 {
background-color : #f9f9f9;
}
.sectiontableentry1 td, .sectiontableentry2 td {
padding: 2px 2px 2px 3px;
}

table.contentpane, table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
table.contentpane td {
	margin: 0px;
	padding: 0px;
}

.inputbox {
	padding: 2px;
	border: 1px solid #650000;
	background-color: #ffffff;
}
#login input { /* loginin inputboxin korkeutta madallettu */
font-size: 10px;
width: 100px;
}
.componentheading {
}
.contentheading {
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.small {
font-size: 8pt;
font-weight: normal;
color: #6C6C6C;
}
.createdate {
font-size: 8pt;
color: #6C6C6C;
}
.modifydate {
font-size: 8pt;
color: #6C6C6C;
}
/* frontend CONTACT formi */
/* div.contact_email label { display: block; width: 200px; float: left;}  ota käyttöön jos haluat labeille tietyn leveyden ja kentän alkamaan sen jälkeen*/
/*div.contact_email input { display: block; float: left;}*/
/* contact loppuu */

/* ETSI css */
form.search label {
}
form.search input {

background: #fff;
border: 1px solid #000;
color: #000;
font-size: 12px;
padding: 1px;
}
/* etsi loppuu */
/* Polls css */
table.pollstableborder td {
}
table.poll thead td, table.poll tbody td {
padding: 2px;
}
/* Polls css loppuu */

/* VIRTUEMART */

.tuotehaku { /*tuotehaku kohilleen*/
position: absolute;
top: 75px;
left: 8px;
}

.vm_alakat {
font-size: 16px;
font-weight: bold;
}
/* VM määrähinnan taulukon css */
#hinta table { margin-top: 5px; border: 1px solid #c1c1c1; background: #; color: black; line-height: 16px; }
#hinta table td { padding: 2px; border: 1px solid #c1c1c1;background: #fff; }
#hinta table tr .sectiontableentry1 td {  }
.hintataulu_hinta { color: #650000; font-weight: bold; }
.hintataulu_maara { font-size: 14px;}
#hinta table th { font-weight: normal; font-size: 12px;}
#hinta span img {position: relative; top: 4px; }

/* VM productsnapshotin css - latest,random,featured */
div.vm_nimi { color: #F07575;font-size:16px; font-weight:bold;height: 40px; margin-bottom: 10px;text-align: center;}
div.vm_kuva { height: 144px; text-align: center; }
div.vm_hinta { color: #650000; font-weight: bold; text-align: center;}
div.vm_kori { text-align: center; }
div.vm_kori input.addtocart_button_module { 
font-size: 90%;
width: 90px;
color: #ffffff;
border: 1px solid #CCCCCC;
font-weight:bold;
height: 20px;
padding: 0 3px 1px 3px;
margin-top: 0;
background: #650000 url(../images/button_bg.gif);
cursor: pointer;
}

#tuotenimi {
font-weight: bold;
font-size: 1.5em;
padding-left: 5px;
}
#tuotenimi a {
color: #F07575;
}
#tuotehinta {
padding-left: 5px;
color: #650000;
}

#tuotehinta_leveys {
width: 100%;
}

#tuotekuva {
height: 130px;
width: 130px;
}

#reunus_nw {
background: url(../images/tuotereunus_nw_kulma2.jpg);
height: 7px;
width: 7px;
}
#reunus_n {
background: url(../images/tuotereunus_top2.jpg);
height: 7px;
}
#reunus_ne {
background: url(../images/tuotereunus_ne_kulma2.jpg);
height: 7px;
width: 7px;
}
#reunus_w {
background: url(../images/tuotereunus_left2.jpg);
width: 7px;
}
#reunus_e {
background: url(../images/tuotereunus_right2.jpg);
width: 7px;
}
#reunus_sw {
background: url(../images/tuotereunus_sw_kulma2.jpg);
height: 7px;
width: 7px;
}
#reunus_s {
background: url(../images/tuotereunus_bottom2.jpg);
height: 7px;
}
#reunus_se {
background: url(../images/tuotereunus_se_kulma2.jpg);
height: 7px;
width: 7px;
}

/*VIRTUEMART LOPPUU*/

/* #### JCE-TYYLIT #### */
.purppura {
color: #650000;
}
.font8px {
font-size:8px;
}
.font8px_bold {
font-size:8px;
font-weight: bold;
}
.font10px {
font-size:10px;
}
.font10px_bold {
font-size:10px;
font-weight: bold;
}
.font12px {
font-size:12px;
}
.font12px_bold {
font-size:12px;
font-weight: bold;
}
.font14px {
font-size:14px;
}
.font14px_bold {
font-size:14px;
font-weight: bold;
}
.font16px {
font-size:16px;
}
.font16px_bold {
font-size:16px;
font-weight: bold;
}