/* CSS Document - mobile site */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	background-image:url(../images/bodybg.jpg);
	background-repeat:repeat-x; background-position:left top;
	background-color:#C4C3C3; color:#4D4747;
}
img {
	border:none;
}
ul, a, h2 {
	margin:0; padding:0; list-style:none;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}

.input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	text-align:justify;
	color:#4D4747; background-color:inherit;
}

.grey {
	background-color: #E2E5E6;
}
/* S I V U S T O */

#frame{
	width:540px;
	height:auto;
	background-color:#FFF; color:#4D4747;
	padding:0 2px;
/*	margin:auto;*/
}


/* Y L Ä T U N N I S T E */

#headcontainer{
	width:540px;
	height:100px;
	background-color:#FFF; color:#4D4747;
	border-top:4px solid #9D9C9C;
	margin:auto;
}

#leftcontainer{
	width:540px;
	height:80px;
/*	background-image:url(../images/bannerpicleft.jpg); */
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}

#logo{
/*	width:311px;*/
/*	height:80px;*/
	padding-top:10px;
	padding-left:115px;
	margin:auto;
	}

#rightcontainer{
	display:none;
	width:389px;
	height:132px;
	/* background-image:url(../images/bannerpicright.jpg); */
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#FFFFFF; color:#4D4747;
	float:left;
	margin-top:auto;
}

#searchcontainer{
	display:none;
/*	width:207px;*/
	width:187px;
	height:auto;
	padding-right:1px;
	float:right;
	margin:auto;
}

#sleft{
	display:none;
	width:10px;
/*	height:33px;*/
	height:74px;
	float:left;
	margin:auto;
}

#smiddle{
	display:none;
	width:167px;
/*	width:273px;*/
/*	height:33px;*/
	height:71px;
	padding-top:5px;
	background-image:url(../images/searchbg.jpg);
	background-repeat:repeat-x;
	float:left;
	margin:auto;
}

/*
#search{
	display:none;
	width:49px;
	height:auto;
	float:left;
	margin:auto;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#000; background-color:inherit;
}
*/

#sbox{
	display:none;
/*	width:105px;*/
	width:185px;
	height:74px;
	float:left;
	margin:auto;
}
	
#sbutton{
	display:none;
	width:50px;
	height:auto;
	padding-top:0px;
	text-align:center;
	float:left;
	margin:auto;
}

#sright{
	display:none;
	width:10px;
	height:74px;
	float:right;
	margin:auto;
}

/* T U N N I S T E EOF */

/* V A L I K K O */

#navcontainer{
	width:540px;
	height:39px;
	background:url(../images/navbg.jpg) 0 0 repeat-x;
}
#navcontainer ul {
	font:bold 12px/35px Arial, Helvetica, sans-serif;
	padding:0 0 0 12px;
}
#navcontainer ul li {
	width: auto;
	float:left; padding:0 23px 0 12px;
	background:url(../images/navarrrow.gif) 0 50% no-repeat;
}
#navcontainer ul li.noPad {	
	padding-right:0px;
}
#navcontainer ul li a {
	color:#A3A2A2; background-color:inherit; text-decoration:none;
}
#navcontainer ul li a:hover {
	color:#638E02; background-color:inherit;
}

#current { 
	padding-top: 3px;	
	font:bold 12px/35px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#638E02; background-color:inherit;
}


/* V A L I K K O EOF*/

/* B A N N E R */

#banner{
	width:540px;
	height:144px;
	background-color:#FFFFFF; color:#4D4747;
	margin:auto;
}

#bleft{
	display:none;
	width:540px;
	height:144px;
	padding-top:1px;
	padding-right:1px;
	float:left;
	margin:auto;
}

#bright{
	width:540px;
	height:144px;
	border-top:1px solid #FFFFFF;
	/* background-image:url(../images/categorybg.jpg); */
	background-color: #75983a;	
	background-repeat:repeat-y;
	float:left;
	margin:auto;
}

#brf{
	width:80px;
	height:264px;
	float:left;
	margin:auto;
}

#fruit{
	display:none;
	width:39px;
	height:247px;
	padding-top:7px;
	text-align:center;
	margin:auto;
}

#brcategory{
	width:128px;
	height:264px;
	float:left;
	margin:auto;
}

#category{
	width:128px;
	height:24px;
	padding-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF; background-color:inherit;
	text-decoration:none;
	float:left;
	margin:auto;
}

.categorynav{
	border: 1px;
	width:128px;
	height:18px;
	float:left;
	margin:auto;
}

.cbullet{
	width:22px;
	height:18px;
	float:left;
	margin:auto;
}

.bullet{
	width:8px;
	height:10px;
	padding-top:0px;
	float:left;
	margin:auto;
}

.ctxtcontainer {
	width:128px;
	height:18px;
	float:left;
	margin:auto;
}

.ctxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF; background-color:inherit;
	text-decoration:none;
}

.ctxt:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFE200; background-color:inherit;
	text-decoration:none;
}

#cmore{
	width:128px;
	height:18px;
	text-align:right;
	float:right;
	margin:auto;
}


/* B A N N E R EOF */

.blank{
	width:540px;
/*	height:412px;*/
	height:12px;
	background-color:#FFFFFF; color:#4D4747;
	margin:auto;
}


/* S I S Ä L T Ö */
/* N O T E  T H I S  B O D Y  C O N T A I N E R ! ! */
#bodycontainer{
	width:540px;
/*	min-height:440px; */
	height:auto; color:#4D4747;
	background-color:#FFF;
	margin:auto;
}

#bodycontainercenter{
	/* width:303px; */
	width: 540px;
	height:auto; color:#4D4747;
	background-color:#FFFFFF;
	border-left:0px solid #B1C252;
	border-right:0px solid #B1C252;
	float:left;
	margin:auto;
}

#wmaim{
	/* width:260px; */
	width:465px;
	height:auto;
	text-align:center;
	margin:auto;
}

#welcome{
	height:43px;
	text-indent:-2000px;
	background:url(../images/welcome.gif) 0 0 no-repeat; 
}

#wtxt{
	/*width:260px;*/
	width:465px;
	height:auto;
	float:left;
	margin:auto;
	background-repeat:no-repeat;
	text-align:justify;
}

#clickherecontainer{
	width:100px;
	height:25px;
/*	text-align:bottom;*/
	margin:auto;
}

.clicktxt{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000; background-color:inherit;
	text-decoration:underline;
}

.clicktxt:hover{
	color:#FF0000; background-color:inherit;
}

.wtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	text-align:justify;
	color:#4D4747; background-color:inherit;
}

.h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	text-align:justify;
	color:#4D4747; background-color:inherit;
}

.rmore{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	text-align:right;
	color:#FF0000; background-color:inherit;
	text-decoration:none;
}

.rmore:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	text-align:right;
	color:#5E8800; background-color:inherit;
	text-decoration:none;
}

#bodycontainerright{
	display:none;
	width:223px;
	/* width:233px; */
	height:auto; background-color:#FFFFFF; color:#4D4747;
	border-left:0px solid #B1C252;
	border-right:0px solid #B1C252;
	float:left;
	margin:auto;
}

#rmaim{
	width:192px;
	height:auto; 
	text-align:center;
	margin:auto;
}

#featured{
	height:42px;
	text-indent:-2000px;
	background:url(../images/featuredproducts.gif) 0 0 no-repeat;
}

.fpm1{
	/*width:192px;*/
	width:285px;
	height:91px;
	float:left;
	margin:auto;
}

.fpmleft{
	width:97px;
	height:auto;
	float:left;
	margin:auto;
}

.fpmright{
	width:192px;
	height:auto;
	float:left;
	margin:auto;
}

.ftext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	padding-left:8px;
	text-align:left;
	color:#4D4747; background-color:inherit;
}

.ftextright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	padding-left:8px;
	text-align:right;
	color:#4D4747; background-color:inherit;
}

#blankright{
	width:192px;
	height:14px;
	text-align:center;
	margin:auto;
}

#rightpic{
	width:192px;
	height:170px;
	float:left;
	text-align:right;
	margin:auto;
}


/* S I S U S EOF*/

/* F O O T E R */
#footercontainercenter{
	width:540px;
	height:78px;
	background-color:#FFFFFF; color:#4D4747;
	border-bottom:1px solid #FFFFFF;
	margin:auto;
}

#footerleft{
	width:232px;
	height:78px;
	background-color:#5E8800;color:#4D4747;
	border-right:1px solid #FFFFFF;
	float:left;
	margin:auto;
}

/*
#fstore{
width:154px;
height:22px;
padding-top:28px;
text-align:center;
margin:auto;
}
*/

#footeright{
	width:540px;
	height:78px;
	background-color:#FFFFFF;
	float:left; color:#4D4747;
	margin:auto;
}


#frtop{
	width:540px;
	height:35px;
	background-image:url(../images/footertop.jpg);
	background-repeat:repeat-x;
	text-align:center;
	float:left;
	margin:auto;
}


#footerxt{
	height:auto;
	padding-top:8px;
	text-align:center;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF; background-color:inherit;
	text-decoration:none;
}

a.fnav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#FFF; background-color:inherit;
	text-decoration:none;
}
a.fnav:hover, #footertxt span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#FFE200; background-color:inherit;
	text-decoration:none;
}

#copyright{
	/*width:240px;*/
	width:540px;
	height:auto;
	padding-top:5px;
	float:left;
	margin:auto;
}

.copyrighttxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding-left:20px;
	color:#4D4747; background-color:inherit;
}
.copyrighttxt a {
	color:#4D4747; text-decoration:underline; background-color:inherit;
}
.copyrighttxt a:hover {
	text-decoration:none;
}

/*
#cardcontainer{
width:270px;
height:40px;
float:left;
margin:auto;
}

#card{
width:170px;
height:17px;
padding-top:5px;
padding-right:30px;
float:right;
margin:auto;
}

#cardtxtcontainer{
width:170px;
height:15px;
float:right;
margin:auto;
}

.cardtxt{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-align:left;
padding-top:5px;
color:#4D4747; background-color:inherit;
}
*/