/* -------------------------------------------------------------------------------------*/ /* ----------- G E N E R A L ---------------------------------------------------------- */ /* -------------------------------------------------------------------------------------*/ body { margin:0 ; padding:0; font-size:1em;} div#container { margin-left:auto; margin-right:auto; width:100%; max-width:980px; } div#header { width:100%; } div#content { width:100%; max-width:980px; margin:0 auto; padding:0; clear:both; } div#footer { display:block; width:100%; clear:both; text-align:center; } div.clear { clear:both; padding:5px 0; margin:5px 0; } /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* ----------- H E A D E R ------------------------------------------------------------ */ /* -------------------------------------------------------------------------------------*/ div#header_logo { margin-left:auto; margin-left:auto; } div#header_company_name { display:table-cell; float:left; text-align:center; width:60%; height:50px; position:absolute; top:10px; left:20%; font-size:2em; font-weight:bolder; color:#f0f0d8; text-transform:capitalize; font-family:'Bitter', serif; } div#top { display:table-row; height:50px; position:relative; } /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* ----------- N A V I T -------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------*/ /* päänavigaatio */ /* div.navi_top{ width:100%; margin:0 auto; padding:0; text-align:center; clear:both; } ul.navi_top-list { clear:left; list-style:none; position:relative; text-align:center; clear:both; margin-left:auto; margin-right:auto; } ul.navi_top-list li { float:left; list-style:none; display:block; } ul.navi_top-list li a { color:#413b2b; font-size:1.1em; text-decoration:none; padding:30px 20px 0 0; margin:0 0 0 1px; } ul.navi_top-list li a:hover { color:#f0f0d8; } */ div.navi_top{ width: 100%; margin: 0; padding: 0; clear:both; } .navi_top-list { width: 100%; margin: 0 0 5px 0; padding: 0; text-align: center;} .navi_top-list li { display: block; margin: 0 0 0 3%; text-align:center; } .navi_top-list li a { padding: 11px 0 ; font-size:1em; display: block; color: #ffffff; text-decoration:none;} .navi_top-list li a:hover { color: #f0f0d8;} .navi_top-nav { display:none;} div#navi_left { width:195px; margin:0; padding:0 5px 0 0; background-color:#fbfcfc; float:left; } div#menu_categories_yleiset { margin:0; padding:0; width:820px; border-top:1px dotted #939393; display:block; position:absolute; left:10px; top:60px; background-image:url(images/bg_category.gif); background-repeat:repeat-x; } div#menu_categories_sivusto{margin:0; padding:0; width:820px; border-top:1px dotted #939393; display:block; position:absolute; left:10px; top:100px; background-image:url(images/bg_category.gif); background-repeat:repeat-x; } div#menu_categories_kauppa{margin:0 ; padding:0; width:820px; border-top:1px dotted #939393; display:block; position:absolute; left:10px; top:140px; background-image:url(images/bg_category.gif); background-repeat:repeat-x; } span#menu_category_title { font-size:12px; text-transform:uppercase; color:#262626; text-align:right; display:block; width:100px; margin:8px 10px 0 0; float:left; } div.product_category_level_1 { padding:2px 0 2px 12px; margin:0 0 0 50px; text-transform:uppercase; } div.product_category_level_2 { padding:2px 0 2px 27px; margin:0 0 0 80px; font-size:10px; text-transform:none; } div.product_category_level_3 { padding:2px 0 2px 42px; margin:0 0 0 110px; } div.product_category_level_4 { padding:2px 0 2px 57px; margin:0 0 0 140px; } div.product_category_level_5 { padding:2px 0 2px 72px; margin:0 0 0 170px; } /**/ div.product_category_level_position_1 { float:left; padding-right:20px; } div.product_category_level_position_2 { float:left; padding-right:26px; padding-left:40px;} div.product_category_level_position_3 { float:left; padding-right:32px; padding-left:70px;} div.product_category_level_position_4 { float:left; padding-right:38px; padding-left:100px;} div.product_category_level_position_5 { float:left; padding-right:44px; padding-left:130px;} div.product_level_position { float:left; padding-right:20px; } div.product_level { padding:2px 0 2px 12px; margin:0 0 0 50px; font-size:10px; text-transform:none; } div#menu_logout { display:table-cell; float:right; width:20%; height:50px; margin-left:auto; font-size:0.6em; text-transform:uppercase; color:#FFF; text-align:right; position:absolute; top:10px; right:10px; } a#menu_logout_link { text-transform:uppercase; color:#FFF; font-weight:bold; text-decoration:none; text-align:left; padding-left:9px; } a#menu_logout_link:hover { text-transform:uppercase; color:#CCC; font-weight:bold; text-align:left; padding-left:9px;} /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* ----------- H E A D E R ------------------------------------------------------------ */ /* -------------------------------------------------------------------------------------*/ a.content_language_navi_link { margin-right:5px; } div#flags { text-align:right; } img#flag { margin:0 5px 0 0; border:0;} /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* ----------- C O N T E N T ---------------------------------------------------------- */ /* -------------------------------------------------------------------------------------*/ div#right { margin:0; padding:0 20px 0 50px; background-color:#FFF; float:left; } div#content_left { padding:5px 0; width:960px; float:left; } div#content_right { width:300px; float:left;} div.content_inner_100 { /*width:98%; padding:0; margin:1% 0; clear:both;*/ } div.content_inner_80 { width:78%; padding:0; margin:1%; float:left; } div.content_inner_60 { width:58%; padding:0; margin:1%; float:left; } div#content_wide { width:70%; padding:0; margin-left:auto; margin-right:auto; margin-bottom:10px; clear:both; text-align:left; display:block;} div#content_right { width:50%; display:block; text-align:left; float:right; margin-bottom:10px; } /* ------ yleiset ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ div.navi_left {width:20%; float: left; display:block;} div.navi_right {width:20%; float: left; display:block;} div.left_33 { width:31%; margin:1%; padding:1%; display:table-cell; float:left; } div.center_33 { width:31%; margin:1%; padding:1%; display:table-cell; float:left; } div.right_33 { width:31%; margin:1%; padding:1%; line-height: 13px; display:table-cell; float:left; } div.left_50 { /*width:48%; margin:1%; padding:1%; display:table-cell; float:left;*/ } div.right_50 { /*width:48%; margin:1%; padding:1%; display:table-cell; float:left;*/ } div.wide_100 { /*width:96%; margin-left:1%; padding:1%; line-height: 13px; display: block; float:left;*/ } a:link, a:visited { font-weight:bold; color:#595959; } a:hover { text-decoration:none; } h1 { font-size:2em; font-weight:bolder; text-transform:capitalize; margin-bottom:1%; margin-top:2%; display:block; clear:both;} h2 { font-size:1.6em; font-weight:bold; margin-bottom:1%; margin-top:2%; display:block; clear:both;} h3 { font-size:1.2em; font-weight:bold; margin-bottom:1%; margin-top:2%; display:block; clear:both;} h4 { font-size:1.1em; text-transform:uppercase; display:block; clear:both;} input, textarea, select, button { font-size:10px; } /* -------------------------------------------------------------------------------------*/ /* ----------- A R T I C L E S ---------------------------------------------------- */ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* ----------- C U S T O M E R S ---------------------------------------------------- */ /* -------------------------------------------------------------------------------------*/ .hyvaksy{ text-transform:uppercase; font-weight:bold; color:#339900; text-decoration:none; } .hylkaa{ text-transform:uppercase; font-weight:bold; color:#990000; text-decoration:none;} .lihavoi{ font-size:12px; text-transform:uppercase; font-weight:bold; color:#000000; text-decoration:none;} a.paid:link, a.paid:visited, span.paid { font-weight:bold; background-color:#FF6; display:block; color:#333; padding:5px; } a.paid:hover { text-decoration:none; } a.received:link, a.received:visited, span.received { font-weight:bold; background-color:#F00; display:block; color:#FFF; padding:5px; } a.received:hover { text-decoration:none; } a.processing:link, a.processing:visited, span.processing { font-weight:bold; background-color:#F60; display:block; color:#FFF; padding:5px; } a.processing:hover { text-decoration:none; } a.delivery:link, a.delivery:visited, span.delivery { font-weight:bold; background-color:#099; display:block; color:#FFF; padding:5px; } a.delivery:hover { text-decoration:none; } a.post-delivery:link, a.post-delivery:visited, span.post-delivery { font-weight:bold; background-color:#F60; display:block; color:#FFF; padding:5px; } a.post-delivery:hover { text-decoration:none; } a.partly_delivered:link, a.partly_delivered:visited, span.partly_delivered { font-weight:bold; background-color:#0C9; display:block; color:#FFF; padding:5px; } a.partly_delivered:hover { text-decoration:none; } a.non_delivered:link, a.non_delivered:visited, span.non_delivered { font-weight:bold; background-color:#F00; display:block; color:#FFF; padding:5px; } a.non_delivered:hover { text-decoration:none; } a.delivered:link, a.delivered:visited, span.delivered { font-weight:bold; background-color:#060; display:block; color:#FFF; padding:5px; } a.delivered:hover { text-decoration:none; } a.cancelled:link, a.cancelled:visited, span.cancelled { font-weight:bold; background-color:#F00; display:block; color:#FFF; padding:5px; } a.cancelled:hover { text-decoration:none; } /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* ----------- P R O D U C T S ---------------------------------------------------- */ /* -------------------------------------------------------------------------------------*/ a.product_category_list_link:link, a.product_category_list_link:visited, span.product_category_list_link { font-size:12px; text-decoration:none; color:#666; padding-top:5px; display:block; } a.product_category_list_link:hover { text-decoration:underline; color:#918E8E; } a.product_list_link:link, a.product_list_link:visited, span.product_list_link { font-size:10px; text-decoration:none; display:block; } a.product_list_link:hover { text-decoration:underline; color:#918E8E; } table.products {border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; margin:10px 0 10px 20px; width:100%; min-width:800px; float:right;} table.product_categories { border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; width:100%; min-width:800px; } table.product_options { border:1px solid #FFF; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; width:100%; min-width:800px;} div.category_linkbox{ width:150px; height:130px; float:left; display:block; padding:5px 15px; margin:0 10px 10px 0; font-size:0.8em; text-align:center; color:#000000; position:relative; /*background-color:#ffffff; border:1px solid #000000; -moz-border-radius:10px; border-radius:10px;*/ } a.category_link:link, a.category_link:visited { font-weight:bold; text-decoration:none; } a.category_link:hover { text-decoration:underline; } /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* ----------- F O R M S ---------------------------------------------------- */ /* -------------------------------------------------------------------------------------*/ div#login_form { width:250px; height:100px; background-color:#FFF; margin-left:auto; margin-right:auto; margin-top:150px; padding:50px; border:1px solid #5c4f47; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; } input[type="text"].focus { border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696; } .submitbutton { border:1px solid #919191; border-right:2px solid #686868; border-bottom:2px solid #686868; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; border-radius:7px; padding:10px; color:#000000; font-weight:bold; background-color:#c0d860; } table.lomake { border:0; font-size:0.9em; } td.lomake_otsikko { font-weight:bold; vertical-align:top; font-size:0.8em; } td.lomake_tieto {} /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ div.cms_logo { margin-left:auto; margin-right:auto; width:250px; text-align:center; vertical-align:middle; } a.small_link:link, a.small_link:visited { font-size:0.7em; color:#413b2b; text-decoration:none; text-transform:uppercase; font-family: 'Bitter', serif; letter-spacing:2px; margin-left:2%; } a.small_link:hover { color:#CCC; } /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* img.icon_image_small { margin:0 1%; } img#logo { margin:1%; float:left;} img.edit, img.add {padding:3px 0; margin:2px; vertical-align:middle; border:0;} div#add_content_category_link a:link, div#add_content_category_link a:visited { background-color:#607848; color:#fff; font-weight:bold; padding:4px 12px; margin:0; text-decoration:none; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; } div#add_content_category_link a:hover { color:#000000; text-decoration:none; background-color:#ccc;} div#add_product_category_link a:link, div#add_product_category_link a:visited { background-color:#607848; color:#fff; font-weight:bold; text-transform:uppercase; padding:4px 12px; margin:0 5px 0 5px; text-decoration:none; display:block; block; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;} div#add_product_category_link a:hover { color:#000000; text-decoration:none; background-color:#ccc;} div#show_highlighted_link a:link, div#show_highlighted_link a:visited { background-color:#607848; color:#fff; font-weight:bold; text-transform:uppercase; padding:4px 12px; margin:0 5px 0 5px; text-decoration:none; display:block; float:right;} div#show_highlighted_link a:hover { color:#000000; text-decoration:none; background-color:#c0d860;} div#show_discounted_link a:link, div#show_discounted_link a:visited { background-color:#607848; color:#fff; font-weight:bold; text-transform:uppercase; padding:4px 12px; margin:0 5px 0 5px; text-decoration:none; display:block; float:right;} div#show_discounted_link a:hover { color:#000000; text-decoration:none; background-color:#c0d860;} div.show_all_link a:link, div.show_all_link a:visited { background-color:#317DBC; color:#fff; font-weight:bold; text-transform:uppercase; padding:4px 12px; margin:0 5px 0 5px; text-decoration:none; display:block; float:right;} div.show_all_link a:hover { color:#000000; text-decoration:none; background-color:#c0d860;} div#add_article_link a:link, div#add_article_link a:visited { background-color:#607848; color:#ffffff; font-weight:bold; text-transform:uppercase; padding:4px 12px; margin:0; text-decoration:none; display:block; width:200px; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;} div#add_article_link a:hover { color:#000000; text-decoration:none; background-color:#ccc; } div#add_news_link a:link, div#add_news_link a:visited { background-color:#607848; color:#ffffff; font-weight:bold; text-transform:uppercase; padding:4px 12px; margin:0; text-decoration:none; display:block; position:absolute; left:700px; top:120px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;} div#add_news_link a:hover { color:#000000; text-decoration:none; background-color:#ccc; position:absolute; left:700px; top:120px;} div#add_blog_link a:link, div#add_blog_link a:visited { background-color:#607848; color:#ffffff; font-weight:bold; text-transform:uppercase; padding:4px 12px; margin:0; text-decoration:none; display:block; position:absolute; left:700px; top:120px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;} div#add_blog_link a:hover { color:#000000; text-decoration:none; background-color:#ccc; position:absolute; left:700px; top:120px;} div#add_downloads_link { position:relative; } div#add_downloads_link a:link, div#add_downloads_link a:visited { background-color:#607848; color:#fff; font-weight:bold; padding:4px 12px; margin:0; text-decoration:none; display:block; position:absolute; right:5px; top:-38px;} div#add_downloads_link a:hover { color:#000000; text-decoration:none; background-color:#c0d860; } div#add_gallery_link { position:relative; } div#add_gallery_link a:link, div#add_gallery_link a:visited { background-color:#607848; color:#fff; font-weight:bold; padding:4px 12px; margin:10px; text-decoration:none; display:block; position:absolute; right:5px; top:-38px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;} div#add_gallery_link a:hover { color:#000000; text-decoration:none; background-color:#c0d860; } div#send_customer_email a:link, div#send_customer_email a:visited { background-color:#607848; color:#fff; font-weight:bold; text-transform:uppercase; padding:4px 12px; margin:0 5px 0 5px; text-decoration:none; display:block; block; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;} div#send_customer_email a:hover { color:#000000; text-decoration:none; background-color:#ccc;} */ td { vertical-align:top; padding:5px 0 5px 0; } td.i { font-style:italic; padding:1px 0; width:80px; } td.icon { width:50px; text-align:center; } td.listing { width:70px; text-align:center; } td.i_hal { font-style:italic; padding:5px 8px; width:120px; text-align:right; } table.haku { border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; width:100%; min-width:800px; } table.haku_right { border:1px solid #FFF; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; background-color:#CCC; width:100%; min-width:800px; } table.form_half { border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; width:380px; float:left; display:table; margin:10px 10px 10px 0;} table.contents { border:1px solid #FFF; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; padding:5px; width:100%; min-width:800px;} table.content_categories { border:1px solid #607848; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; width:100%; /*padding:5px;*/ min-width:800px; color:#607848; } td.haku_category_title { font-weight:bold; background-color:#eee; border:1px solid #eee; padding:10px; padding-left:10px; } td.haku_otsikko { font-weight:bold; font-size:10px; text-transform:uppercase; padding:5px; background-color:#607848; color:#FFF; } td.haku_otsikko h3{ color:#FFF; } td.haku_otsikko_pvm { width:60px; font-weight:bold; padding:5px; background-color:#607848; color:#FFF; } td.title_search_cat { font-weight:bold; font-size:10px; text-transform:uppercase; padding:5px; background-color:#607848; color:#FFF; } td.title_search_product { font-weight:bold; font-size:10px; text-transform:uppercase; padding:5px; background-color:#c0d860; color:#607848; } td.title_search_option { font-weight:bold; font-size:10px; text-transform:uppercase; padding:5px; background-color:#607848; color:#FFF; } td.haku_tieto {} /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* ----------- M U U T ---------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------*/ .dhtmlgoodies_question{ /* Styling question */ /* Start layout CSS */ /*font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:15px;*/ border:1px solid #E6E6E6; margin:6px 0; color:#5BA3D5; padding:0 0 0 22px; background-color:#f7f7f7; width:960px; /*background-image:url('images/bg_header.gif');*/ background-repeat:no-repeat; background-position:left top; /* height:20px; */ /* End layout CSS */ overflow:hidden; cursor:pointer; } .dhtmlgoodies_answer { /* Parent box of slide down content */ /* Start layout CSS border:1px solid #E6E6E6;*/ background-color:#f9f9f9; padding:10px; /*background-color:#E2EBED;*/ width:960px; display:table; /* End layout CSS */ visibility:hidden; height:0px; overflow:hidden; position:relative; } .dhtmlgoodies_answer_content{ /* Content that is slided down */ padding:1px; /*font-size:0.9em;*/ position:relative; } /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------*/