/*****************************/
/*** Core html setup stuff ***/
/*****************************/

ul,ol { 
 	list-style: disc url('../images/bullet.gif') inside;
}

ul
{ 
  text-align:left;
	font-size:10px;
  font-family: Verdana;
  margin:0px; 
	padding:0px;
}

ol,li
{ 
  text-align:left;
	font-size:10px;
  margin:0px; padding-left:16px;
}
 
form {
  display:inline;
}

/*
	background-color: #D9DDE0;
	background-image: url('../images/bg3.jpg');
	background-repeat: repeat;
	background-position: top left;
	*/

body {
	background-image: url('../images/bg4.jpg');
	background-repeat: repeat;
	background-position: top left;
	background-attachment:fixed;
	
	font-family: Arial;
	font-size: 11px;
/*	color: #666666;*/
}

body, td{
	font-family: Arial;
	font-size: 10px;
	color: #333;
	text-decoration: none;
}

body, td.contentheading {
vertical-align: top;
height: 14px;
font-family: Arial;
font-size: 10px;
color: #3367cd;
font-weight: bold;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration:none;
/*	text-decoration: underline;*/
	font-weight: normal;
}

input.button { cursor: pointer; }

p { 
}

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

div.main_bg_center{
	margin-left: 0px;
}
div.main_bg_left{
	float:left;
}
div.main_bg_right{
	float:right;
}

#container{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	width: 1024px;
	margin: auto;

	text-align: left;
	
	background-image: url('../images/taustakuva.gif');
	background-repeat: repeat-y;
	background-position: top center;
	padding-top: 0px;
	padding-left: 0px;
}

#vmlogin{
}

div#main_bg{
	text-align:left;
}



div#logo_bg_1{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_1.jpg'); background-repeat: no-repeat; background-position: top center; }
div#logo_bg_2{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_2.jpg'); background-repeat: no-repeat; background-position: top center; }
div#logo_bg_3{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_3.jpg'); background-repeat: no-repeat; background-position: top center; }
div#logo_bg_4{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_4.jpg'); background-repeat: no-repeat; background-position: top center; }
div#logo_bg_5{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_5.jpg'); background-repeat: no-repeat; background-position: top center; }
div#logo_bg_6{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_6.jpg'); background-repeat: no-repeat; background-position: top center; }
div#logo_bg_7{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_7.jpg'); background-repeat: no-repeat; background-position: top center; }
div#logo_bg_8{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_8.jpg'); background-repeat: no-repeat; background-position: top center; }
div#logo_bg_9{ left-margin: 25px; height:95px;	width:auto;	background-image: url('../images/red/logo_9.jpg'); background-repeat: no-repeat; background-position: top center; }

form#login{
	color: #000;
}


input, select { font-size: 10px;  border: 1px solid silver; }
textarea      { font-size: 11px;  border: 1px solid silver; }
button        { font-size: 10px;  }

.logo{
	display: block;
	float:left;
}
a.logo,a.logo:link,a.logo:hover, a.logo:visited{
	font-size:26px;
	line-height: 28px;
	text-decoration:none;
	font-weight:bold;
	font-family: Arial;
}

div#user4{
	float:right;
	width:205px;
	margin-left: 4px;
	text-align:left;
}

.search {
	text-align:left;
	height:20px;
	padding:6px 0px 0px 80px;
}
.search .inputbox {
	background:#FFFFFF;
	background-image: url('../images/find.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 100px;
	height: 17px;
	color: #454545;
	padding:0px 0px 0px 20px;
	border: 1px solid #D3D3D3;
}


#user3{
	margin-left: 40px;
	margin-right: 45px;
	width:auto;
	border:0px;
	background-image: url('../images/navigointibg.gif');
	background-repeat: no-repeat;
	background-position: top center;
	height: 34px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#pillmenu {
	text-align:left;
	margin: 0;
}

#pillmenu ul {
	text-align:left;
	margin: 0;
	padding-left: 20px;
	list-style: none;
}

#pillmenu li {
	text-align:left;
	float: left;
	padding: 0;
	background-image: url('../images/sepa.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

#pillmenu li a,#pillmenu li a:hover {
	text-align:left;
	font-family: Arial;
	font-size: 11px;
	float: left;
	display: block;
	line-height: 28px;
	padding-top: 0px; 
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 0px; 
  color: #5a5e68;
	text-decoration: none;
	font-weight: bold;
}

#date{
	text-align:right;
	margin-right: 175px;
	float:right;
	line-height: 28px;
  color: #5a5e68;
	font-family: Arial;
	font-size: 11px;
}

#makeMenu {
    padding:0px 15px 0px 0px;
}

#leftcolumn{
	margin: 0px;
	padding-left: 50px;
	padding-right: 10px;
	width: 200px;
	margin-top: 0px;
	margin-bottom: 5px;
	float:left;
}
#rightcolumn{

	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	float:right;
}

#maincolumn_middle{
	width: 620px;
	
	float:left;
	margin-top: 0px;
	padding:0px;
	padding-left: 0px;
}

#vmMainPage{
	width: 620px;
	
	float:left;
	margin-top: 0px;
	padding:0px;
	padding-left: 0px;
}


div.path{
	margin:10px 0 0 0px;
	padding: 5px;
	border: 1px solid #F3F3F3;
}

div.nopad {
	float:left;
	padding:0px 0px 0px 0px;
}

div.nopad ul {
	clear: both;
}
.article_separator {
	height:35px;
	line-height:35px;
}

form#form-login fieldset { 
	border: none;
	margin: 0;
	margin-left:0px;
}
form#form-login ul li{ 
    padding:0px 15px 0px 0px;
}

form#form-login ul li a {
	text-align: left;
	font-size: 10px;
	color: #858585;
}

#leftcolumn div.module_menu, #leftcolumn div.module{
	margin: 0px 0px 0px 0px;
	padding:0px;
	width: 200px;
}
.article_column {
	padding-right:10px;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 200px;
}
div.bannergroup_text {
	margin:10px 13px 10px 13px;
}
.bannerheader {
	padding-left:25px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}
.banneritem_text {
	margin-bottom:10px;
}
.bannerfooter_text {
	margin-bottom:10px;
}

a.mainlevel#active_menu {
}

a.mainlevel#active_menu:hover {
 	list-style: disc url('../images/bullet2.gif') inside;
}



#leftcolumn ul.menu li#current ul li,
#rightcolumn ul.menu li#current ul li {
	margin: 0px;
	padding: 0px;
}
ul.menu {
	padding:5px 5px 0px 5px;
	margin:0px;
	text-decoration:none;
}
ul.menu li{
	padding:7px 0px 7px 5px;
	margin:0px;
	text-decoration:none;
}


ul.menu li#current {
	text-decoration:none;
}
ul.menu li#current a{
	text-decoration:none;
	color:#363636;
}
ul.menu li ul {
	padding:0px 0px 5px 0px;
	margin:0px;
}
ul.menu li ul li{
	padding:0px 0px 0px 15px;
	border:none;
}
ul.menu li#current ul li a{
	margin-left:15px;
	text-decoration:none;
}
ul.mostread {
	padding:10px 0px 10px 0px;
	margin:0px;
}
ul.mostread li{
	padding:0px 0px 0px 20px;
	margin:0px;
	line-height:18px;
}
ul.latestnews {
	padding:10px 0px 10px 0px;
	margin:0px;
}
ul.latestnews li{
	padding:0px 0px 0px 20px;
	margin:0px;
	line-height:18px;
}
div.componentheading{
	font-weight:bold;
	font-size:16px;
	margin:7px auto;
}
td.contentheading{
	vertical-align:top;
	height:30px;
  font-family: Arial;
  font-size: 16px;
  color: #3367cd;
  font-weight: bold;
}

table.contentpaneopen td.contentheading{
}
table.contentpaneopen{
	font-size:14px;	
	font-family: Arial;
	font-weight:normal;
  color: #666666;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

}
td.buttonheading{
	padding:0px 2px 0px 2px;
}
table.contentpaneopen td{
	padding:0px;
}
.contentpaneopen p{
}
span.small, td.createdate, td.modifydate{
	font-size:11px;
	color:#999999;
}
span.pagination span, span.pagination a{
	padding:5px;
}

div#f_area{
	margin:8px auto;
	width: 888px;
	text-align:left;
}

#f_area div.moduletable, #f_area div.moduletable_menu{
	float: left;
	margin:0px 10px 10px 20px;
	width: 215px;
}

#f_area h3, #f_area h3{
	text-align: left;
	margin:0px;
	height: 44px;
	width: 208px;
	line-height: 44px;
	color:#f0f;
	font-size:14px;	
	font-family: Arial;
	font-weight:normal;
}


/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
	float:left;
	padding-left: 25px;
}

#form-login-remember {	/* Small 'remember me?' text in login form */
	font-size:			10px;
	padding-bottom:		0px;
}
#form-login {
	text-align:			center;
}

#form-parts {
	text-align:			left;
	font-size:			10px;	
	padding-left:		0px;
	margin:				0;

	padding-top:		32px;
	background-image: url('../images/parts.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#form-cart {
	background: #F0F url(../images/basket.jpg) left top no-repeat;
}

#form-parts li {
}

#form-parts li:hover {
}



#form-login-username {
	text-align:			left;
	font-size:			10px;	
	padding-left:		0px;
	margin:				0;

	padding-top:		32px;
	background-image: url('../images/customer.jpg');
	background-repeat: no-repeat;
	background-position: top left;

}

#form-login-username, #form-login-password, #form-login-remember {
	text-align:			right;
	font-size:			10px;	
	padding-left:		0px;
	margin:				0;
}
#form-login ul {
	text-align:			left;
}
fieldset.input {
	border:				0;
}
#form-login #form-login-remember {
	text-align:			left;
}
form {
	margin:0;
}