body {
	margin:0;
	padding:0;
	background: #1d1d52 url(../../images/bodybg.jpg) repeat-x;
}

img {
	border: none;
}


#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/**********************************************************
*	Header
**********************************************************/
#header{
	width: 1000px;
	height: 164px;
	background: url(../../images/headerbg.jpg) no-repeat;
}

#header_logo {
	float: left;
	margin-left:300px;
	width: 335px;
	height: 130px;	
}

.header_address {
	float: left;
	margin-top: 40px;
	margin-left: 30px;
	color: #fff;
}


/******************************************
*	HEADER NAVI
******************************************/
#header_navi {
float:left;
	width: 1000px;
	height: 30px;
	padding-left: 90px;

}

#header_navi a, #header_navi a:visited{
	float: left;
	display: block;
	width: 100px;
	height: 20px;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	text-align: left;
	padding: 8px 0 0 10px;
	margin-left: 8px;
	background: url(../../images/yellowbullet.gif) no-repeat;
}

#header_navi a.selected {
	float: left;
	display: block;
	width: 100px;
	height: 20px;
	font-size: 12px;
	text-decoration: none;	
	text-align: left;
	padding: 8px 0 0 10px;
	margin-left: 8px;
	background: #091453 url(../../images/yellowbullet2.gif) no-repeat;
	color: #fbcc03;
}

#header_navi a:hover{
	float:left;
	display: block;
	width: 100px;
	height: 20px;
	font-size: 12px;
	text-decoration: none;	
	text-align: left;
	padding: 8px 0 0 10px;
	margin-left: 8px;
	background: #091453 url(../../images/yellowbullet2.gif) no-repeat;
	color: #fbcc03;
}



/**********************************************
*	Content
**********************************************/
#content{
	height: 100%;
	float: left;
	width: 1000px;
	margin-right: 10px;
}

.bluebg_top {
	float: left;
	width: 240px;
	height: 13px;
	background: #091453 url(../../images/bluebg_top.jpg) no-repeat;
}

.bluebg_bottom {
	float: left;
	width: 240px;
	height: 13px;
	background: #091453 url(../../images/bluebg_bottom.jpg) no-repeat;
}


/********************************************
*	VASEN NAVI
********************************************/

#leftnavi {
	float: left;
	width: 240px;
	margin-right: 10px;
	background: #091453 url(../../images/bluebg.jpg) no-repeat;
}

#navi-sidebar{

}

#navi-sidebar ul{
	padding: 0;
	margin: 1px 0 6px 0;
	list-style: none;
}


#navi-sidebar ul li{
	width: 220px;
	padding: 2px 0 2px 16px;
	margin:  1px 0 0 20px;
}

#navi-sidebar ul li.menuotsikko{
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
	color: #fff;
}

#navi-sidebar ul li.menuotsikko .menuotsikkoTxt{
	padding-left: 10px;
	font-weight: bold;
	color: #fff;
}

#navi-sidebar ul li.menuotsikko .menuotsikkoVerkkokauppa{
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
}

#navi-sidebar ul li a{
	width: 200px;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	padding: 0;
	margin: 0;
	display: list-item;
	text-decoration: none;
	color: #fff;
	list-style-image: url(../../images/orangebullet.gif);
}

#navi-sidebar ul li a:hover {
	text-decoration: underline;
}


#navi-sidebar ul li a.selected{
	text-decoration: underline;
}

#navi-sidebar ul li ul{

}

#navi-sidebar ul li ul li{

}

#navi-sidebar ul li ul li a{
	margin-left:-22px;
	width: 180px;
}

#navi-sidebar ul li ul li ul li a{

}

#navi-sidebar ul li ul li ul li ul li a{

}

#navi-sidebar ul li ul li ul li ul li ul li a{

}

#navi-sidebar ul li ul li ul li ul li ul li ul li a{

}

#navi-sidebar ul li ul li ul li ul li ul li ul li ul li a{

}


/************************************************
*	SISÄLTÖ DIV
************************************************/
#pagecontent {
	float: left;
	min-height: 500px;	
	height: auto !important;	
	height: 500px;	
	width: 500px;
}

#textcontent{

}



/***********************************************
*	BANNERIT
***********************************************/
#rightbanners {
	width: 240px;
	float: right;
	background: #091453 url(../../images/bluebg.jpg) no-repeat;
}

.borders {
	width: 238px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}	

.bannerbg1 {
	margin-left:12px;
	padding: 14px;
	width: 213px;
	height: 98px;
	background: url(../../images/bannerbg1.jpg) no-repeat;
}


.bannerbg2 {
	margin-left:12px;
	padding: 14px;
	width: 213px;
	height: 243px;
	background: url(../../images/bannerbg2.jpg) no-repeat;
}

/**********************************************
*	Logout
**********************************************/
.logout{
	margin-bottom: 20px;
}

/**********************************************
*	Search
**********************************************/
#searchblock {
	background: url(../../images/searchbg.jpg) no-repeat;
	width: 206px;
	height: 86px;
	padding: 10px 10px 0 10px;
	margin-left: 16px;
}

.searchHighlight{

}

.highlight{

}



/**********************************************
*	FOOTER
**********************************************/
#footer{
	background: url(../../images/bg_alapalkki.gif) repeat-x;
	height: 114px;
	text-align: center;
}

#footercontent {
	padding-top: 70px;
}

/**********************************************
*	POWERED
**********************************************/
#powered {
	width: 220px;
	font-size: 9px;
	margin-left: 20px;
}

/********************************************
*	clear
********************************************/
.c{
	clear: both;
}


/********************************************
*	FORM
********************************************/
form{
	margin: 0;
	padding: 0;
}

.button, .BuyButton{
	background: #fff100 url(../../images/buttonbg.jpg) repeat-x;
	border: 1px solid #091453;
	height: 25px;
	color: #000;
	font-weight: bold;
	padding: 0 2px 2px 2px;
	margin:2px;
	font-size: 11px;
	font-family: arial,helvetica,sans-serif;

}

.BuyButton{
	font-size: 11px;
	margin-top: 10px;
	width: 110px;
}

input.text, input.text2{
	font-family: arial,helvetica,sans-serif;
	width: 140px;
	padding: 2px;
}

input.text2{
	width: 250px;
}

.required{
	color: #ee1c23;
}

.rekisteroidyTable tr td{
	padding-right: 5px;
}

/********************************************
*	VERKKOKAUPPA
********************************************/
.shopTable{
	width: 100%;
	border-top: 1px solid #bcbbe5;
}

.shopTable tr td{
	padding: 5px 0 5px 0;
}

.shopTable tr td.td-hr{
	border-bottom: 1px solid #bcbbe5;
}

.shopTable tr td .title{
	font-size: 11px;
	font-weight: bold;
}

.shopTable tr td .lisatiedot{
	font-size: 11px;
}

.shopTable tr td a.thickbox{
	font-size: 11px;
}

.shopTable tr td .hinta{
	color: #ee1c23;
	font-family: "impact",arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 32px;
}

#tuoteSelectDiv{
	margin-bottom: 10px;
}

.ostoskoriSelect{
	width: 300px;
}

.ostoskoriSelect option{
	margin-right: 15px;
}

.ostoskoriSelect option.info{
	font-size: 10px;
}

input.ostoskoriButton{
	border: none;
	background: transparent;
	cursor: pointer;
}

.ostoskoriTable{
	width: 100%;
	padding: 4px;
	border-spacing: 0;
}

.ostoskoriTable tr.row2{
	font-weight: bold;
}

.ostoskoriTable tr th{
	background: #aebce1;
	padding: 2px 5px 2px 5px;
	text-align: left;
	color: white;
	border: 0;
}

.ostoskoriTable tr td{
	padding: 2px 5px 2px 5px;
}

.ostoskoriTable tr td.leftbor{
	border-left: 1px solid #aebce1;
}

.ostoskoriTable tr td.rightbor{
	border-right: 1px solid #aebce1;
}

.ostoskoriTable tr td.topbor{
	border-top: 1px solid #aebce1;
}

.ostoskoriTable tr td.bottombor{
	border-bottom: 1px solid #aebce1;
}

.ostoskoriTable .kpltext{
	font-size: 11px;
	width: 40px;
}

.pankkilomake{
	width: 99%;
	border: 1px solid #cfcfcf;
	font-size: 90%;
}

.pankkilomake td{
	padding: 5px;
}

.pankkilomake .top-bd{
	border-top: 1px solid #cfcfcf;
}

.pankkilomake .bottom-bd{
	border-bottom: 1px solid #cfcfcf;
}

.pankkilomake .left-bd{
	border-left: 1px solid #cfcfcf;
}

.pankkilomake .right-bd{
	border-right: 1px solid #cfcfcf;
}

/* sivuvalinta */
.sivuvalinta, .sivuvalinta_ala{
	padding: 0;
	margin: 15px 0 2px 0;
	text-align: center;
}

.sivuvalinta_ala{
	margin: 2px 0 15px 0;
}

.sivuvalinta .selectedPage, .sivuvalinta_ala .selectedPage{
	color: #a3a3a3;
	text-decoration: underline !important;
}

.sivuvalinta a:hover, .sivuvalinta_ala a:hover{
	text-decoration: underline !important;
}


/********************************************
*	TUOTETIEDOT
********************************************/
.tuotetiedot table{
	width:100%; 
	margin-top:20px;
	font-size: 11px !important;
}

.tuotetiedot img{
	margin-top: 20px;
}


/********************************************
*	VIESTIT
********************************************/
.message{
	border: 1px solid #ffff00;
	margin-bottom: 10px;
	padding: 5px;
}



/********************************************
*	ETUSIVU
********************************************/
.frontpageTable{
	width: 100%;
	border: 0;
	margin-bottom:10px;
}

.frontpageTable tr td {
	text-align: left;
	color: #000;
}

.frontpageDivs {
	border: 1px solid #809fd3;
	background: #fff url(../../images/raiskale.gif) right bottom no-repeat;
}

.tietoTable{
	width: 100%;
}

.tietoTable tr td{
	background:transparent;
	height: auto;
	padding: 5px;
	margin: 0;
}

.tietoTable tr td .title{
	font-size:11px;
	font-weight:bold;
}

.tietoTable tr td .lisatiedot{
	font-size:11px;
}

.tietoTable tr td .hinta{
	float: right;
	color:#ee1c23;
	font-family:"impact",arial,helvetica,sans-serif;
	font-size:32px;
	font-weight:normal;
	margin-right: 5px;
}

.tietoTable tr td a{
	color: #000;
}


/*********************************************
*	LATAA UUSIN ILMOITUS
**********************************************/
#lataaIlmoitus {
	margin-top: 20px;
	height: 52px;
	background: url(../../images/lataailmobg.jpg) repeat-x;
	border-top: 1px solid #809fd3;
	border-right: 2px solid #5f7baa;
	border-bottom: 2px solid #5f7baa;
	border-left: 1px solid #809fd3;
}

#lataaIlmoDiv {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: center;
}

#lataaIlmoTeksti{
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
	font-family: "impact",helvetica,sans-serif;
	font-size: 32px;
	color: #ee1C23;
}

/*********************************************************************
*	Varaosatarjous
**********************************************************************/
.varaosatarjous_table{
	margin-top: 20px;
}

.varaosatarjous_table input.text{
	width: 250px;
}

.varaosatarjous_table input.text_muu{
	width: 182px;
}

.varaosatarjous_table textarea{
	width: 100%;
	height: 200px;
}



