@charset "utf-8";
/* fonts and colors */ @import url("altia_fonts2.css");

/*  ALTIA.CSS 2008-10-27 (JT & AL) Descom */

html {
	background: url("../images/entry_bg.gif") repeat 0 0 #fff;
	text-align: center;		/* IE =fix for centered layout */
}

/*
url("../images/altia_bg.gif") repeat 0 0
*/

body {
	background: #fff;
	width: 950px;
	min-height: 600px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 30px 0 0;
}

/* =background fade */
#background-left,
#background-right {
	position: absolute;
	width: 135px;
	margin-top: -30px;
	height: 100%;
}

#background-left {
	left: 0;
	margin-left: -225px;
	margin-left: -135px;
	background: url("../images/altia_bg.gif") repeat 0 0;
	background: url("../images/altia_bg1220.gif") repeat 0 0;

}

#background-right {
	right: 0;
	margin-right: -225px;
	margin-right: -135px;
	background: url("../images/altia_bg.gif") repeat 225px 0;
	background: url("../images/altia_bg1220.gif") repeat 135px 0;
}

body#altia.entry {
	padding: 0;
	background: url("../images/entry-bg.jpg") repeat 0 0 #fff;
}
p {
	padding: 5px 0;
}
button {
	margin: 0 0 0 2px;
	padding: 0 2px;
	border: 1px solid #3AAACE;
	cursor: pointer;
}

button:hover {
	background: #b5b5b5 url(../images/search_hover.gif) repeat-x;
	border: 1px solid #a7a7a7;
}

/* remove last separator of list */
ul li.last,
ul li:last-child {
	border: none !important;
	margin: 0 !important;
	background: none !important;
}
/* =classes */
.box {
	width: 220px;
	border-left: 5px solid;
	padding-left: 10px;
}
.box h2 {
	padding-top: 0;
	margin-top: 0;	
}
.box p {
	padding-bottom: 0;
	margin-bottom: 0;
}
.even {
	background: #f1f1f1;
}
/* =breadcrumb */
#breadcrumb {
	padding: 0 0 5px;
}
#breadcrumb a#breadcrumb-home {
	padding: 0 4px;
	margin: 0 2px 0 0;
}
#breadcrumb a {
	margin: 0 2px;
}
#breadcrumb strong {
	margin: 0 2px;
}
/* =main */
#main, 
#secondary {
	margin: 10px auto;
	width: 900px;
	padding: 25px;
	min-height: 125px; /* issue with clearing float */
}
#main {
	margin-top: 60px;
	position: relative;
	padding: 25px;
}
#main-intro {
	position: absolute;
	top: 100px;
	right: 25px;
}
#main-intro a {
	padding: 2px 2px;
}
/* =main-confirm */
#main-confirm {
	position: absolute;
	bottom: 25px;
	right: 25px;
	width: 235px;
	padding: 1px;
}
#main-confirm div {
	padding: 10px;
}
#main-confirm a {
	padding: 0;
}
/* =secondary */
#secondary img {
	float: left;
	width: 125px;
}

#secondary-corporation,
#secondary-academy,
#secondary-extranet {	
	float: left;
	width: 140px;
	height: 125px;
}
#secondary.login {
	margin: 200px 0 0;
}

#secondary-academy,
#secondary-corporation {
	margin: 0 10px;
}
#secondary-corporation a,
#secondary-academy a,
#secondary-extranet a {
	padding: 2px 2px;
}
#secondary-extranet {
	margin-left: 10px;
	overflow: hidden;
}
#secondary-extranet form input {
	width: 110px;
	padding: 1px;
}
#secondary-extranet form label, 
#secondary-extranet legend {
	display: none;
}
#secondary-extranet button {
	display: block;
	position: relative;
	top: -2em;
	left: 120px;	
	margin-bottom: -2em;
}

#secondary-extranet-login button {
	margin: 5px 0 0;
}

#skip {
	display: none;
}
/* =lift */
#lift {
	position: relative;
	padding: 220px 0 10px 0;
}
#lift h2, /*#nostot-2, #nostot-3, #nostot-4*/ .ui-tabs-hide {
	display: none;
}
#lift h4 {
	margin-top: 0.7em;
}
#lift li {
	margin: 10px 0;
}
#lift img {
	position: absolute;
	top: 0;
	left: 0;
}

#main-confirm div#terms,
.feedback div#terms,
#main-confirm div#responsibility {
	display: none;
	position: absolute;
	padding: 30px;
	z-index: 100;
	background: #fff;
	width: 400px;
	top: -100px;
	left: -170px;
	border: 4px solid #F2F2F2;
}

.feedback div#terms {
	left: 0;	
}

#main-confirm div#terms h3 {
	margin: 0 0 10px;
}

/* =LAYOUT */
/* =branding */
#branding {
	margin: 5px 5px 0 5px;
/*
	position: relative;
*/	
	height: 240px;
	width: 690px;
	padding-right: 250px;
}
#branding h1,
#branding h2 {
	width: 282px;
	height: 81px;
	position: absolute;
	top: 172px;
	left: 24px;
}
/* =tips */
#tips {
	position: absolute;
	top: 35px;
	right: 5px;
}
#tips div {
	width: 295px;
	height: 119px;	
}
#tips p#tips-tip {
	top: -15px;
	left: 0;
	padding: 40px 20px 25px 20px;
	margin: 0;
}
#tips p {
	position: relative;
	top: -40px;
	left: 20px;
}
/* =navigation main */
#nav-main ul {
	display: table;		/* to center list */
	margin: 0 auto 20px;
	overflow: auto;
	padding: 12px 0 2px 0;
	text-align: center;
	z-index: 50;
}
#nav-main ul li {
	display: table-cell;	/* to center list */
	float: left;
	width: auto;
	padding-right: 1px; 
	height: 27px;
}
#nav-main ul li a {
	padding: 0 6px 8px 6px;
	float: left;
	width: auto;
	height: 16px;
}
/* =col1 */
#col1 {
	float: left;
	width: 210px;
}
#col1-menu, 
#col1-contest, 
#col1-viikkokirje,
#col1-tilaukset,
.col1-liftbox {
	margin: 1px 22px 10px 23px;
}
#col1-viikkokirje,
#col1-tilaukset {
	padding-top: 10px;
}
/* =col1-menu */
#col1-menu {
	border-top: 1px solid #ff9000;
	border-bottom: 1px solid #ff9000;	
}
#col1-menu li {
	margin: 5px 0;
	border-bottom: 1px dashed #d8d8d8;
}
#col1-menu a {
	display: block;
	padding: 1px 0 3px 15px;
}
#col1-menu li.sec-lvl a {
	margin: 0 0 0 12px;
}
/* =col1-contest */
#col1-contest h2,
#col2-wine-and-food h2,
#col2-secondary h2,
#col2-week-recommendation h2,
#col2-main-article h2,
#col2-sec-article h2,
#col2-food h2,
#col2-recommendations h3 {
	padding-left: 10px;
	margin-bottom: 10px;
}
/* =col1-viikkokirje */
#col1-viikkokirje legend {
	display: none;
}
/* =col1-tilaukset */
#col1-tilaukset li,
#col3-recommendations li,
.col1-liftbox li,
#col3-liftbox li,
#col2-secondary li,
.col3-linkbox li {
	padding: 4px 0 4px 0;
}
/* =raquo */
#col1-tilaukset a,
#col3-recommendations ul li a,
.col1-liftbox li a,
#col3-liftbox li a,
#col2-secondary a,
#col2-week-recommendation li a,
#col2-main-article li a,
#col2-sec-article li a,
.col2-product #col2-product-links a,
.col3-linkbox a {
	display: block;
	padding-left: 12px;
}
#col2 form p a {
	padding-left: 12px;
}
#col2 form.feedback p a {
	padding-left: 0;
}
#col2 form p label a {
	padding: 0;
}
#col2-week-recommendation li a em,
#col2-main-article li a em,
#col2-sec-article li a em {
	padding: 0 0 0 2px;
}
#col1-tilaukset-rss a {
	display: inline;
}
/* =col2 */
#col2 {
	position: relative;
	float: left;
	width: 530px;
	margin: 0 22px 20px 0;
}
#col2 h1 {
	padding: 5px 10px;
	margin: 5px 0 10px;	
	margin: 15px 0 10px;	
}
#col2 div.col2-product h1 {
	padding: 0;
	margin: 0 0 15px;
}
#col2 table {
	margin: 10px 0;
}

#col1-contest p a,
#lift p a,
#col2-wine-and-food p a,
#col2-secondary p a,
#col2-week-recommendation p a,
#col2-main-article p a,
#col2-sec-article p a,
#col2-food p a,
.col2-product p a,
#col2-recommendations p a {
	display: inline;
	padding: 0 4px;
}
#col2-wine-and-food,
#col2-wine,
#col2-secondary {
	width: 255px;
	float: left;
	margin: 5px 0;
	padding: 5px 10px 5px 0;
	border: none;
}
#col2-wine-and-food h2,
#col2-secondary h2,
#col2-week-recommendation h2,
#col2-main-article h2,
#col2-sec-article h2,
#col2-food h2 {
	margin: 5px 0 10px 0;
	padding: 5px 10px;
}
#col2-wine-and-food h3, 
#col2-food h3,
#col2-sec-article h3 {
	margin: 5px 0 0 0;
}

#col2-wine,
#col2-secondary {
	padding: 5px 0 10px 10px;
}
#col2-secondary h2 {
	margin: 5px 0 0 0;
}
#col2-secondary h3 {
	padding-bottom: 0.35em;
	padding-left: 0.7em;
	margin-top: 10px;
}
#col2-secondary ul {
	padding-left: 10px;
}
#col2-secondary img {
	float: right;
	margin-top: -35px;
}
#col2-selections-frontpage .background,
#col2-selections .background,
#col2-product-details .background {
	min-height: 370px;
}

/* =magnifier */
#col2-flash {
	padding: 0 0 115px 40px;
	clear: both;
	height: 175px;
	text-align: center;
}
#col2-flash img {
	width: auto;
	height: 80%;
	margin: 0 25px;
}
#col2-detail {
/*	position: absolute;
	z-index: 100;
	top: 260px;
	left: 20%;
	width: 400px;
*/

	font-size: 1.6em;
	color: #ff9000 !important;
	margin-top: 220px;
}
.col2-product {
	margin: 15px 0 0;
}

/* =content-page col2 */
#col2-week-recommendation,
#col2-main-article, 
#col2-sec-article,
#col2-food {
	margin: 0 0;
	padding: 15px 0;
	clear: both;
	overflow: auto;
}
#col2-week-recommendation img,
#col2-main-article img {
	position: relative;
	top: -40px;
	margin: 0 0 -35px 5px;
	float: right;
}

#col2-week-recommendation ul,
#col2-main-article ul,
#col2-sec-article ul {
	margin: 10px 0;
}
#col2-week-recommendation li,
#col2-main-article li,
#col2-sec-article li {
	margin: 5px 0;
}
#col2-food img,
#col2-sec-article img {
	float: left;
	margin: 0 5px 5px 0;
}
#col2-season {
	clear: both;
}
#col2-season,
#col2-recipes,
#col2-column {
	float: left;
	width: 170px;
	margin: 15px 0;
}

#altia.content #col2 #col2-season img,
#altia.content #col2 #col2-recipes img,
#altia.content #col2 #col2-column img {
	float: left;
	margin: 0 10px 10px 0;
}

#col2-recipes {
	margin: 15px 10px;
}

#col3-markkinapaikka h2 {
	margin: 80px auto 0 auto;
	width: 120px;
}
#col3-markkinapaikka {
	width: 175px;
	height: 200px;
	overflow: auto;
	margin: 15px 20px 15px 0;
}
/* =content col2 */
#altia.content #col2 h2 {
	margin: 10px 0 0 0;
}
#altia.content #col2 img {
	float: right;
}
#col2 #rich-text {
	float: left;
}

#col2 #rich-text img {
	margin-right: 15px;
}

#col2 p#prod-search-link {
	clear: both;
}

#col2 p#prod-search-link a {
	padding: 0 4px;
}

#col2 .col2-product #company-link {
	display: none;
}

/* =col3 */
#col3 {
	float: left;
	width: 185px;
}
#col3-liftbox img {
	width: 161px;
}
#col3 h2 {
	padding: 0 0 3px 0;
}
#col3-recommendations,
#col3-liftbox,
.col3-linkbox {
	margin: 15px 20px 15px 0;
}
/* =col3-search */
#col3 form.search legend {
	display: none;
}

#col3 form.search label {
	display: block;
	margin: 0 0 1px;
}

form.search input {
	padding: 2px 0 1px;
}

form#col3-search input {
	width: 119px;
}

/* col3-liftbox */
.col1-liftbox,
#col3-liftbox,
.col3-linkbox {
	padding: 0 1px;
}
.col1-liftbox h2,
#col3-liftbox h2 {
	border: 1px solid #fff;
	border-top: none;
	padding: 5px 10px;
}
.col1-liftbox li,
#col3-liftbox li,
.col3-linkbox li {
	padding: 0 10px;
	border-bottom: 1px dashed #e5e5e5;
	padding: 5px 5px 5px 10px;
}

#col3-liftbox img,
.col3-liftbox img {
	margin-left: -2px;
	padding: 1px 1px 1px 2px;
}

.col3-liftbox img {
	width: 161px;
	overflow: hidden;
	margin-left: 0;
}

.col1-liftbox img {
	margin-left: -2px;
	padding: 1px;
	width: 161px;
	overflow: hidden;
}

.col1-liftbox a img {
	padding: 1px 1px 0 2px;
	margin-bottom: -1px;
}

.col3-liftbox a img,
#col3-liftbox a img {
	margin-bottom: -1px;
}

/* =col3-recommendations */
#col3-recommendations ol {
	border: 1px solid #c8c8c8;
	margin: 0 0 15px;
}
#col3-recommendations ol li {
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 3px 0 0 10px;
}
#col3-recommendations fieldset {
	padding: 2px 0 1px 10px;
	margin-left: -10px;
}
#col3-recommendations ul {
	border-top: none;
	padding: 3px 10px;
}
/* =site-tools */
#site-tools {
	width: 940px;
	height: 14px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 600;
	padding: 10px 10px 5px 0;
	margin: 0 auto;
	clear: both;
}
#site-tools li,
#site-info li {
	display: inline;
	padding: 5px 10px;
}
/* =site-info */
#site-info {
	width: 100%;
	clear: both;
	padding: 5px 0;
	height: 20px;
}
#site-info p {
	display: inline;
}
/* =recommend */
#col2-recommend, 
.col2-product,
#col2-product-more {
	padding: 4px;
	float: left;
	margin-bottom: 10px;
}
#col2-recommend {
	margin: 15px 0;
}
#col2-recommend h2 {
	margin: 0;
	padding: 15px 0 0 19px;
}
#col2 #col2-recommend fieldset label {
	display: block;
	float: none;
}
#col2 #col2-recommend p {
	clear: both;
}
#col2-recommend input, 
#col2-recommend textarea {
	width: 300px;
}
#col2-recommend p, 
#col2-recommend fieldset, 
.col2-product fieldset,
#col2-product-more fieldset {
	padding: 15px 20px;
}
#col2-recommend fieldset p {
	padding: 5px 0;
}
#col2-recommend fieldset {
	margin: -20px 0 0;
	width: 478px;
}
/* =product */
.col2-product fieldset,
.col2-product div.background {
	position: relative;
	padding: 17px 20px 40px 175px;
}

.col2-product h3 {
	clear: both;
	display: none;
}

p#col2-product-description {
	padding: 0;
}

.col2-product img {
	position: absolute;
	top: 15px;
	left: 15px;
}
#col2-product-recs img {
	position: static;
	padding: 0 10px 0 0;
	vertical-align: middle;
}
.col2-product #col2-product-recs {
	width: 325px; 
	padding: 5px 0;
}
.col2-product #col2-product-recs li {
	text-indent: -9999px;
	display: block;
	float: left;
	
	width: 50px;
	height: 45px;
}
.col2-product p {
	padding: 10px;
}

#col2 #prod-description {
	clear: both;
	padding: 10px;
}

#col2 #prod-description p {
	margin: 0;
	padding: 0;
}

#col2 #short-description,
#col2 #product-description {
	clear: both;
	padding: 10px 10px 0;
}

#col2 #short-description p,
#col2 #product-description p {
	margin: 0;
	padding: 0;
}

.col2-product p#col2-short-description {
	padding-bottom: 0;
}

.col2-product p.more {
	border-bottom: none;
	padding-left: 15px;
}
.col2-product ol#col2-product-recs {
	border-top: 1px dotted #FF9000;	
}
.col2-product dl {
	float: right;
	width: 100%;
	width: 325px;
}
#col2-product-more dl,
#col2-product-more ol.more-info {
	width: 480px;
	margin: 20px;
}
.col2-product dt,
#col2-product-more dt {
	float: left;
	width: 152px;
	padding: 4px 0 3px 10px;
}

#col2-product-more ol.more-info li {
	position: relative;
	width: 470px;
	text-align: left;
	padding: 4px 0 3px 10px;	
	clear: both;
}

#col2-product-more ol.more-info li em {
	position: absolute;
	right: 10px;
}

#col2-product-more ol.more-info,
#col2-product-more .description {
	display: none;
}

#col2-product-more dt {
	width: 230px;
}
.col2-product dd,
#col2-product-more dd {
	float: right;
	width: 153px;
	padding: 4px 10px 3px 0;
}
#col2-product-more dd {
	width: 230px;
}
#col2 #col2-product-use dd ul {
	float: right;
}
#col2-product-use dd li,
.col2-product dd li {
	float: left;
	padding: 0 0 0 5px;
	width: auto;
}
#col2-selections-frontpage .col2-product dd a {
	background: none;
	padding: 4px 0 3px 12px;
}
.col2-product p, 
.col2-product dl,
.col2-product dt,
#col2-product-more dt {
	clear: both;	
}
#col2-product-actions {
	clear: both;
	margin: 0 5px 0 20px;
	padding: 5px 0 0 0;
	min-height: 50px;
}
#col2-product-actions li {
	margin: 2px 0;
	padding: 6px 15px 10px 28px;
	float: left;
}

#col2-product-links {
	clear: both;
	margin: 10px 0 0;
	padding: 15px 0 15px 15px;
}

.col2-product #logos img {
	position: relative;
	left: 0;
	top: 0;
}

/* =product-more */
#col2-product-more {
	position: relative;
	width: 520px;
}
#col2-product-more h3 {
	display: none;
}
#col2-product-more span.background {
	margin: 0 55px;
	padding-top: 61px;
	position: absolute;
	top: -37px;
	left: 0;
	width: 417px;
}
#col2-product-more span#library-id,
#col2-product-more span#content-name {
	display: none;
}

#col2-product-more div {
	padding: 30px 0 20px;
	min-height: 50px;
	width: 520px;
}

#col2-product-more div.description {
	clear: both;
	min-height: auto;
	margin: 0 20px 5px;
	padding: 5px 10px 20px;
	width: 460px;
}

/* =drink */	
.col2-product.drink {
	position: relative;
}
.col2-product.drink fieldset,
.col2-product.drink div.background {
	position: relative;
	padding: 17px 20px 35px 205px;
}
.col2-product.drink p {
	padding: 0;
	margin-bottom: 10px;
}
.drink #drink {
	min-height: 260px;
}
.drink h1 {
	float: left;
}
.col2-product.drink #glass img {
	position: relative;
	left: 8px;
	top: -7px;
}
.drink ul {
	clear: left;
}
.drink #basics {
	clear: both;
	display: block;
	margin: 0;
	padding: 10px 0 10px;
	border-top: 1px dotted #FF9000;
}
.drink #main-ingredients {
	padding-top: 0;
	margin-top: 0;
}
#col2 .drink #basics p,
#col2 .drink #main-ingredients p,
#col2 .drink #additional-ingredients p {
	margin: 0;
	line-height: 1em;
}
.drink #additional-ingredients {
	margin-top: 10px;
}
.drink #decorations {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #FF9900;
}
.drink p#col2-product-description {
	border-bottom: 1px dotted #FF9900;
}
.drink #logos {
	clear: both;
	overflow: auto;
	margin-top: 15px;
	margin-left: -190px;
}
.drink #logos p {
	clear: none;
	float: left;
}
.drink #logos p#col2-brand-logo {
	float: right;
}
.drink #col2-product-links {
	padding: 0 0 10px;
	border-top: none;
}
.drink #col2-product-actions {
	margin: 0;
	padding: 0;
	min-height: 0;
}
.drink #col2-product-actions li {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
}
.drink .item_price,
.drink .item_quantity {
	display: none;
}

div.simpleCart_items {
	clear: both;
	position: relative;
	float: none;
	margin-bottom: 10px;
}

div.simpleCart_items .cartHeaders {
	display: none;
}

div.simpleCart_items .itemContainer {
	overflow: auto;
	clear: both;
}

div.simpleCart_items .itemName {
	overflow: auto;
	clear: both;
	float: left;
	display: inline;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.simpleCart_items .itemGlass {
	display: inline;
	float: left;
	clear: none;
}

div.simpleCart_items .itemContaineri {
	float: left;
	margin-right: 10px;
	width: 100px;
}

div.simpleCart_items div {
	float: none;
	clear: left;
	padding: 2px 0;
}

a.simpleCart_empty {
	margin-top: 10px;
	display: block;
	clear: both;
	float: none;
}

#popup {
	z-index: 99999;
	position: absolute;
	top: -170px;
	left: 0;
}

#nostot {
	margin: 20px 0 0;
	position: relative;
}
#nostot li {
	margin: 0 15px 0 0;
	width: 165px;
	float: left;
	vertical-align: middle;
}
#nostot a {
	margin-right: 10px;
	float: left;
}
#nostot p {
	margin-top: 8px;
	float: left;
	width: 70px;
}
#nostot p.more {
	margin-top: 0;
}

/* =recommendations */
#col2-recommendations h3 {
/*	
	margin: 10px 0 5px 110px;
*/
	padding-left: 10px;	
}


#col2-recommendations li {
	position: relative;
	margin: 0;
	padding: 10px 0 10px 110px;
	min-height: 140px;
}
#col2-recommendations img {
	position: relative;
	float: left;
	margin: 7px 10px -40px -110px;
}

#col2-recommendations li a {
	margin-top: 5px;
}

/* =selections */
#col2-selections-frontpage {
	z-index: 0;
}

#col2-selections-frontpage li {
	width: 120px;
	padding: 5px;
	float: left;
}

#col2-selections li {
	float: left;
	padding: 5px;
	width: 165px;
}

#col2-selections a,
#col2-selections-frontpage a {
	padding: 0 0 0 12px;
}

ol#col2-selections-frontpage p.img img,
ol#col2-selections p.img img {
	height: 190px;
	width: auto;
}

.col2-product {
	z-index: 900;
}

.col2-product#product-1,
.col2-product#product-2,
.col2-product#product-3,
.col2-product#product-4 {
	display: none; 
	position: absolute;
	top: -120px;
	left: 0;
	z-index: 999;
	width: 520px;
}

#col2-product-details div.background {
/*	padding-bottom: 20px; */
}

.col2-product #company-link a.product-link {
 	margin-left: 95px;
}

#product-actions {
	float: right;
}
#product-actions li {
	width: auto;
	float: left;
	padding: 5px;
}
#product-actions li a {
	padding: 0;
}
#product-actions a.close {
	display: inline;
	padding: 3px 4px;
}


/* =feedback */
legend { 
	display: none;
}
fieldset label {
	display: block;
	width: 150px;
}
.feedback fieldset label {
	display: inline;
}
#col2 .feedback fieldset label.wide {
	display: block;
	width: 490px;
}
.feedback fieldset input {
	float: left;
	margin-right: 5px;
}
fieldset input {
	padding: 1px;
}
form.feedback button {
	margin: 0 0 20px;
	clear: both;
}
/* =table */
th, td {
	padding: 4px 0;
}
/* =product-search */
#product-search fieldset {
	width: 100%;
}
#product-search fieldset fieldset,
#product-search fieldset#col3-recommendations,
#product-search fieldset#price {
	width: 29%;
	float: left;
	border-right: 1px dashed #d8d8d8;
	margin-right: 10px;
	padding-right: 10px;
	clear: none;
}
#product-search fieldset#price {
	border-right: none;
}
#product-search fieldset fieldset select {
	width: 100%;
}

#product-search fieldset fieldset input {
	width: 97%;
}

#col2 #product-search label {
	float: none;
}
#col2 #product-search button {
	margin-top: 21px;
	float: left;
}
table.search-results caption {
	border-top: 1px solid #ff9000;
	padding-top: 15px;
}
table.search-results tr.even {
	background: #f7fbfc;
}
table.search-results.product-list {
	clear: both;
}
table.search-results.product-list td {
	padding: 4px;
}
table.search-results.product-list td.first {
	width: 180px;
}
#altia ol.search-results {
	padding: 5px 0 0 0;
}
#altia ol.search-results li {
	border-bottom: 1px dashed #d8d8d8;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#altia.search-results li.last {
	margin: 0;
	border: none;
}
#altia.search-results p.half {
	float: left;
	width: 50%;
}
#altia.search-results ol {
	clear: both;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;	
}
/* fieldset */
#col2 fieldset {
	float: left;
	clear: left;
}
#col2 fieldset label {
	float: left;
	width: 13em;
	margin-right: 1em;
}
#col2 fieldset p.check label {
	width: 100%;
	margin: 0;
}
#col2 fieldset label input {
	margin-right: 5px;
}
#col2 fieldset p {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 5px;
}
#col2 fieldset button {
	margin-top: 10px;
}
#col2 fieldset p strong {
	display: none;
}
/* =sitemap */
#altia.sitemap h3 {
}
#altia.sitemap #col2 .col2-content-group {
	width: 45%;
	margin: 0 20px 20px 0;
	float: left;
}

#col2 .col2-content-group.odd {
	clear: left;
}

#altia.sitemap #col2 ol li {
	padding: 0 0 4px 20px;
}

#altia.sitemap #col2 ol li.second {
	padding-left: 16px;
}

#altia.sitemap #col2 ol {
/*
	width: 49%;

	column-count: 2;
	column-gap: 10px;
	column-rule: 1px dotted #aaa;
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-moz-column-rule: 1px dotted #aaa;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	-webkit-column-rule: 1px dotted #aaa;
*/
}

/* =product print */
#content #product-print {
	display: none;
	width: 530px;
}

/* =text size */
#textsize {
	position: absolute;
	top: 8px;
	left: 6px;
	z-index: 999;
}
#textsize li {
	display: inline;
	float: left;
	text-align: center;
}
#textsize li a {
	display: block;
	width: 16px;
	height: 16px;
		
	text-decoration: none;
	font-weight: bold;

	color: #fff;
	background: #666;
}
#textsize li a#smaller {
	height: 13px;
	padding-top: 3px;
}

/* =hae tunnuksia */
#content #reg-img {
	display: none;
}
#content #usage-notices {
	display: none;
}
#content #signature {
	clear: both;
	display: none;
}
#content #signature strong {
	font-weight: bold;
}
#content p.no-print {
	margin: 0 0 15px;
}

/* =tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, 
#tooltip div { 
	margin: 0;
}
#tooltip div.body {
	color: #93A916;
}

/* =age verification */
#age-verification {
	width: 550px;
	text-align: center;
	font-size: 1.1em;
	color: #818181;
}
#age-verification button {
	padding: 1px 10px 3px;
	line-height: 14px;
}
#age-verification #background {
	margin: 70px 0 0;
	display: block;
	height: 143px;
	padding: 0;
}
#age-verification div#terms {
	margin-left: 4px;
	padding: 0 15px 20px;
	width: 519px;
}
#age-verification .bottom {
	line-height: 1em;
}
#age-verification .bottom li,
#age-verification .bottom li.last {
	float: left;
	width: 155px;
	height: 155px;
	text-align: left;
	margin: 6px 0 0 25px !important;	
}
#age-verification .bottom h2 {
	margin: 25px 0 5px;
	color: #91A913;
}
#age-verification .bottom p {
	font-size: 0.8em;
	color: #818181;
}
#age-verification .bottom a {
	background: #3AAACE;
	color: #fff;
	font-size: 0.8em;
	padding: 1px 3px;
}
#age-verification .bottom a:hover {
	text-decoration: none;
	background: #a7a7a7;
}

#microsites {
	clear: both;
	position: relative;
	height: 120px;
	margin: 0 0 16px;
	padding: 38px 0 0;
	background: url(../images/microsites-bg.gif) repeat-x;
}

#microsites div.scrollableArea a {
	margin: 0 5px 0 0;
}

#microsites div.scrollableArea * {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 75 pixels 
	   and if there is room the will grow and occupy 10% 
	   of the scrollable area (20% combined). 
	   Adjust it to your own taste. */
	min-width: 75px;
	width: 25%;
	height: 100%;
	/* There is a big background image and it's used to 
	solve some problems I experienced in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first cursor url is for Firefox and other 
	    browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(/images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; 
	-moz-opacity: 0.35;
	filter: alpha(opacity = 35);
	zoom: 1; 
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 25%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and 
   height as the containing element (div). Overflow 
   is hidden because you don't want to show all of 
   the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}