/* Wipppies theme_1 css*/

html { overflow-y: scroll; }

body{
	margin:0 auto;
	background-color: #3e3e3e;
	/*background-image: url(/img/wippies_xbg_summer.jpg); */
	/*background-image: url(/img/wippies_bgx_owl.jpg);  */
	background-image: url(/img/theme2_bg.jpg);
	background-position: center 55px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-repeat: no-repeat;
	line-height: 16px;
}

a:link {color: #c9c27e; text-decoration: underline; }
a:visited {color: #c9c27e; text-decoration: underline;}
a:hover { text-decoration: none;}

p { margin: 0; padding: 0; }


#header #headerContent #login #loginForm label {
	float: left;
	margin-top: 3px;
}
.radio {
	float: left;
	margin-top: 3px;
	width: 13px;
}

#submit {
	border: 0;
	background-image: url(loginButton.png);
	width: 18px;
	height: 18px;
	margin: 3px 0 0 0;
}

#help {
	float: left;
	height: 25px;
	margin: 0;
	border: 0;
	padding: 0;
}

#helpimg {
	border: 0;
}

#help {
	float: left;
	height: 25px;
	margin: 0;
	border: 0;
	padding: 0;
}

#helpimg {
	border: 0;
}

#links  li {
	padding: 0 0 3px 0;
}

#info #links {
	float: left;
	padding: 0px 0px 15px 15px;
	width: 186px;
	height: auto;
}

#loginForm #loginButton {
	margin: 0;
	height: 18px;
	border: 0;
	float: left;
}

#login {
	margin: 0;
	padding: 0;
	float: left;
	height: 25px;	
}

input { margin: 0; }

#login input{
	font-size: 10px;
	float: left;
	/*margin-top: 4px; */
}

.field {
	border-top: 1px solid #AB9705;
	border-right: 1px solid #AB9705;
	border-bottom: 1px solid #FFFFFF;

	border-left: 1px solid #FFFFFF background-color: #F8D205;
	color: #000000;
	margin: 0 5px 0 0px;
	background-color: #F8D205;
	border-left: 1px solid #FFFFFF;
}

#header #headerContent #login #loginForm #loginField {
	border: 0;
	background: url(loginButton.png);
	width: 18px;
	height: 18px;
	margin: 0 0 0 8px;
}




/* form */

#login form {
	margin:3px 0 0 0;
	float: left;
	height: 28px;
	padding: 0px 0 0 0;
	width: 390px;
}
#header #login #loginForm label {
	float: left;
	margin: 0;
	padding: 0 5px 0 3px;
	font-weight: normal;
}
#emailField {
	width: 55px;
	height: 13px;
	margin-top: 3px;
}
#passField { width: 55px; height: 13px; margin-top: 3px; }
#loginForm select {float: left;margin: 0 8px 0 2px;border-top: 1px solid #999999;border-right: 1px solid #999999;border-bottom: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;font-size: 10px;color: #000000;background-color: #F8D205;}
/* /form */

.white {
	color: #FFFFFF;
	font-weight: bold;
}
#wrapper { margin: 0 auto; height: 700px;}
#navigation { width: 645px; margin: 0 auto; margin-top: 32px; }
#content {
	margin: 0 auto;
	height: auto;
	width: 645px;
	padding: 0;
}


/* header */
#header {
	width: auto;
	background-image: url(/img/headerBg.gif);
	background-repeat: repeat-x;
	color: #7c7c7c;
	height: 37px;
	margin: 0;
	
}
#header a {color: #7c7c7c; text-decoration: underline;}
#header a:hover { text-decoration: none; }
#welcome {
	width: auto;
	float: left;
	padding: 0px 6px 0 0;
	margin: 6px 0 0 0;
}
#join {
	width: auto;
	padding: 0;
	float: left;
	margin: 6px 8px 0 0px;
}
#header #languages {
	margin: 6px 0 0 0;
	padding: 0;
	width: auto;
	float: left; 
}
#header #headerContent { margin: 0 auto; width: 969px; padding: 4px 0 0 0;}
/* /header */

#noJs {
   color: red;
   background-color: white;
   overflow: hidden;
   padding: 15px;
   margin: 0 auto;
   float: none;
}
/*product info */

#productInfo { width: 307px;padding: 0 25px 20px 0;height: 100px;margin: 201px 0 0 0;}



#productInfo p {
	float: left;
	width: 265px;
}
#productInfo img {
	float: right;
	padding: 0;
	margin: 50px 0 0 2px; 


}
/* /product info */


/* footer */
#footer { text-align: center; font-size: 9px; color: #666666; padding: 10px;}
#footer p { margin: 0; padding: 0px; font-size: 9px;}
#footer a { color: #666666; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
/* /footer */





/* navigation */
.navlink { padding: 0 5px 0 5px; }
a.navlink:link { color: #FFFFFF; text-decoration: none;}
a.navlink:visited { color: #FFFFFF; text-decoration: none;}
a.navlink:hover { color: #F1F1F1; text-decoration: underline;}
/* /navigation */

/* info */
#info a { color: #f9d606; }
#info a:hover { text-decoration: none; color: #f9d606; }
#what a { color: #f9d606; text-decoration: underline; }
#info #headlines {
	width: 225px;
	float: left;
	height: auto;
	padding: 0px 0px 15px 15px;
	margin: 0;
	border-left: 1px dotted #666666;
	border-right: 1px dotted #666666;
}
#info {
	margin-top: 25px;
	height: 110px;
	border-top: 1px dotted #949494;
	border-bottom: 1px dotted #949494;
	padding: 15px 0 0 0;
	line-height: normal;
	font-size: 9px;
}
#info #what {
	width: 185px;
	height: auto;
	float: left;
	color: #bebebe;
	padding: 0px 0 15px 15px;
}
/* /info */

/* products */
#products { width: 100%; height: 109px; }
#products .product { width: auto; height: auto; text-align: left; }
#products #product1 { float: left; }
#products #product2 { float: left; margin: 0 0 0 17px; }
#products #product3 { float: left; margin: 0 0 0 17px; }

#products #product4 { float: right; }
.product img { padding: 0; }
/* /products */

#info ul {
	list-style-type: none;
	padding: 0 0 0 12px;
	float: left;
	margin: 0;
	width: 140px;
	height: auto;
}
#info h6 { margin: 0;padding: 0;float: left;font-weight: bold;font-size: 100%; color: #FFFFFF;}

/*Elisa navi */
body {
  margin: 0px;
  padding: 0px;
}


#elisanaviwrap { background-color:#fff;}
#elisanavi { margin: 0 auto; width:652px;}
#elisaalanaviwrap { background-color:#1873D6;}

table.elisanaviboksi, table.elisanavi, table.elisaalanavi { padding: 0; margin: 0; border-style: none; }

table.elisanaviboksi { width: 830px; padding: 0; margin: 0 }

table.naviboksi td { padding: 0; margin: 0 }

table.elisanavi {
	width: 605px
}
table.elisanavi td { text-align: left; vertical-align: bottom; margin: 0; padding: 0 }
table.elisanavi td img { border: 0px; margin: 0px; padding: 0px }
table.elisanavi td a { text-decoration: none }

table.elisaalanavi { width: 725px; margin:0 auto; height: 30px; padding: 0 0 0 30px; }
table.elisaalanavi td, table.elisaalanavi td a
{
 color: white;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
 background: #1873d6;
 vertical-align: middle;
 padding: 5px;
}

table.elisaalanavi td a.elisavalittu { font-weight: bold }

table.elisaalanavi {
	height: 30px
}
table.elisaalanavi td { background: #1873d6; color: white; vertical-align: middle; padding: 5px 5px 5px 5px; }
table.elisaalanavi td a { color: white; font-size: 10px; text-decoration: none; font-weight: bold; padding: 5px 6px 5px 6px; }
table.elisaalanavi td a.elisavalittu { text-decoration: none; color: black; background: white; padding: 4px 6px 4px 6px; font-weight: bold; }
table.elisaalanavi td a:hover { text-decoration: none; color: black; background: white; padding: 4px 6px 4px 6px; font-weight: bold; }
