@charset "utf-8";
/* CSS Document */
html {
height: 100%;
overflow: auto;
}
body {
height: 100%
background-color:#FFF;
/* background-image: url(http://www.koukaam.se/themes/KOUKAAM_2/images/background.jpg); */
background-image: url(http://www.koukaam.se/themes/KOUKAAM_2/images/vanoce/background.jpg);
background-repeat: no-repeat;
background-position:top center;
background-attachment:fixed;
font-family: Tahoma, Geneva, sans-serif;
}
.text {
/* text-indent: 20px; */
text-align: justify;
}
.image {
border: 1px solid #dfdfdf;
}
#hover, #porovnani tr:hover td {
background-color:#efe0e1;
}
hr {
height: 1px;
color: #e6e7e9;
background-color: #e6e7e9;
border: 0px solid #e6e7e9;
width: 100%;
}
.description {
font-weight: bold;
}
.button {
background: #d8021b url(http://www.koukaam.se/themes/KOUKAAM_2/images/button_red.png);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
background-color:#d8021b;
border:1px solid #d8021b;
margin: 2px;
height:20px;
}
ul { padding-left: 14px;}
.width100
{
width:100px;
}
.width200
{
width:190px;
}
.width600
{
width:600px;
}
.textbox {
background-color: #dfdfdf;
border: 1px solid #b9b9b9;
font-size: 11px;
margin: 2px;
color: #58585A;
}
.price {
font-weight: bold;
text-align: right;
font-size: 80%;
}
.newsfooter {
text-align: right;
font-size: 80%;
}
h4 {
font-weight: bold;
font-size: 130%;
padding-top: 0;
}
.red {
color: #d8021b;
font-weight: bold;
}
a {
color: #d8021b;
text-decoration: underline;
font-weight: bold;
}
a:visited {
color: #ac737a;
}
.glossary {
padding-bottom:0px; border-bottom:1px dotted red;
cursor:help;
}
#mainframe {
position: relative;
top: -23px;
width: 1097px;
height: auto;
margin: 0 auto;
}
#header {
position: relative;
width: 100%;
height: 302px;
margin: 0;
padding: 0;
overflow: hidden;
/*background-image: url(http://www.koukaam.se/themes/KOUKAAM_2/images/header_bg.png); */
background-image: url(http://www.koukaam.se/themes/KOUKAAM_2/images/header_bg_winter.png);
/*
background-image: url(http://www.koukaam.se/themes/KOUKAAM_2/images/header_bg_christmas.png);
*/
background-repeat: no-repeat;
background-position:top center;
}
#lang {
position:absolute;
top:155px;
left:1011px;
margin:0;
padding:0;
width:30px;
height:70px;
}
a#langcz {
display:block;
margin:0;
padding:0;
width:30px;
height:30px;
background-image:url(http://www.koukaam.se/themes/KOUKAAM_2/images/flag_cz.png);
text-indent:-9000px;
}
a#langcz:hover, a#langcz.active{
background-image:url(http://www.koukaam.se/themes/KOUKAAM_2/images/flag_cz_hover.png)
}
a#langen {
display:block;
margin:10px 0 0 0;
padding:0;
width:30px;
height:30px;
background-image:url(http://www.koukaam.se/themes/KOUKAAM_2/images/flag_en.png);
text-indent:-9000px;
}
a#langen:hover, a#langen.active{
background-image:url(http://www.koukaam.se/themes/KOUKAAM_2/images/flag_en_hover.png)
}
ul#mainmenu {
margin: 0 auto;
margin-top:244px;
padding: 0;
width:928px;
height:58px;
line-height:58px;
font-size:12px;
font-weight:bold;
color:#CCC;
text-align:center;
}
ul#mainmenu li {
list-style:none;
display:inline-block;
zoom: 1; /* IE hack */
*display:inline; /* IE hack */
height:58px;
}
ul#mainmenu li a {
text-decoration:none;
color:#CCC;
display:inline-block;
zoom: 1; /* IE hack */
*display:inline; /* IE hack */
height:58px;
}
ul#mainmenu li a:hover {
text-decoration:none;
color:#FFF;
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/mainmenu_hover.png) center no-repeat;
}
ul#mainmenu div {
display: inline-block;
zoom: 1; /* IE hack */
*display:inline; /* IE hack */
height:58px;
width:1px;
margin:0px 18px;
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/line.jpg) center no-repeat;
}
#content {
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
background-image: url(http://www.koukaam.se/themes/KOUKAAM_2/images/content_bg.png);
background-repeat: repeat-y;
background-position:top center;
}
.leftcolumn {
float:left;
margin: 0 0 14px 54px;
}
.rightcolumn {
float: right;
margin: 0 54px 15px 0;
}
.contentbox {
background-color: #F8F8F9;
margin-top:6px;
position:relative;
}
.narrow {
width: 263px;
}
.wide {
width: 720px;
}
.roundtop {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/rt.gif) no-repeat top right;
background-color: #E6E7E9;
}
.roundbottom {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/rb.gif) no-repeat top right;
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
.contentbox div.header {
background-color: #E6E7E9;
width:auto;
height:28px;
}
.contentbox div.clean {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/clean.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.product {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/product.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.discussion {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/discussion.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.contactt {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/contact_t.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.contacte {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/contact_e.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.download {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/download.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.megaphone {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/megaphone.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.coins {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/coins.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.books {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/books.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.star {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/star.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.info {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/info.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.pencil {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/pencil.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.padlock {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/padlock.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.binoculars {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/binoculars.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.weigh {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/weigh.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.header h3 {
color: #E2001A;
letter-spacing:0.05em;
font-weight:bold;
font-size:12px;
margin: 0 0 0 20px;
padding:0 0 0 17px;
line-height:13px;
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/arrow.png) no-repeat left;
}
.contentbox div.content {
margin: 18px 34px 5px 36px;
font-size:11px;
line-height:1.4em;
color: #58585a;
/* letter-spacing:0.05em; */
}
.wide .content .header {
height: 42px;
}
.wide .content .header h3 {
background-image: none;
margin-left: 0;
padding-left: 6px;
color: white;
}
.wide .content h3 {
line-height: 16px;
font-size: 12px;
top: 13px;
}
.contentbox div.content li {
padding: 2px 0px 3px 0px;
/* letter-spacing:0.05em; */
}
.contentbox div.content p {
text-align: justify;
}
#navigation {
position: relative;
width: 690px;
height: 40px;
line-height:40px;
margin: 0;
padding: 0;
overflow: hidden;
text-align:center;
margin-top:6px;
font-size:11px;
color:#333648;
}
#navigation a {
color:#FFF;
text-decoration:none;
margin:0 4px;
}
#navigation a:hover {
text-decoration: underline;
}
#navigation a.active {
color:#333648;
font-weight: bold;
}
#product_content p {
/* text-indent: 20px; */
text-align: justify;
}
#product_content table {
border: 1px solid #dfdfdf;
}
a.navibut_first {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/firstPage_nonactive.png)
}
a:hover.navibut_first {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/firstPage_active.png)
}
a.navibut_last {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/lastPage_nonactive.png)
}
a:hover.navibut_last {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/lastPage_active.png)
}
a.navibut_next {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/nextPage_nonactive.png)
}
a:hover.navibut_next {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/nextPage_active.png)
}
a.navibut_prev {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/previousPage_nonactive.png)
}
a:hover.navibut_prev {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/previousPage_active.png)
}
a.navibut {
display: inline-block;
position:relative;
top:5px;
width:22px;
height:20px;
background-repeat:no-repeat;
background-position:bottom;
}
#footer {
position: relative;
width: 100%;
height: 150px;
margin: 0;
padding: 0;
overflow: hidden;
background-image: url(http://www.koukaam.se/themes/KOUKAAM_2/images/footer_bg.png);
background-repeat: no-repeat;
background-position:top center;
}
#brands {
position: relative;
width: 920px;
height: 45px;
line-height: 45px;
margin:0 auto;
margin-top: 12px;
padding: 0;
overflow: hidden;
color:#58585a;
font-weight: bold;
font-size:12px;
}
#siteinfo {
position: relative;
width: 960px;
height: 35px;
line-height: 35px;
margin:0 auto;
margin-top: 17px;
padding: 0;
text-align:center;
color:#666;
font-weight: bold;
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
}
#siteinfo span.left {
position:absolute;
left:0;
top:0;
}
#siteinfo span.center {
}
#siteinfo span.right {
position:absolute;
right:0;
top:0;
padding-right:55px;
}
a.homelink {
position:absolute;
top:0;
right:-5px;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.alignleft {
text-align:left;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.alignjustify {
text-align:justify;
}
.inline {
display:inline;
}
.block {
display:block;
}
a img{
border:0;
}
/* FOR LIVE VALIDATION */
.LV_validation_message{
font-weight:bold;
margin:0 0 0 5px;
}
.LV_valid {
color:#00CC00;
}
.LV_invalid {
color:#CC0000;
}
.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
border: 1px solid #00CC00;
}
.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
border: 1px solid #CC0000;
}
/* KONEC FOR LIVE VALIDATION */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: white;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:1px solid #aaa;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
/* SABLONA UVODNI STRANKA + NOVE */
.contentbox div.percent_clearance {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/percent_clearance.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.percent {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/percent.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.binoculars_clearance {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/binoculars_clearance.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.info_clearance {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/info_clearance.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.product_clearance {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/product_clearance.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.funnel {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/funnel.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.funnel_clearance {
background:url(http://www.koukaam.se/themes/KOUKAAM_2/images/funnel_clearance.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.roundtop_clearance {
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/rt.gif) no-repeat top right;
background-color: #444c5a;
}
.contentbox .header_clearance {
background-color: #444c5a;
width:auto;
height:28px;
}
.contentbox div.header_clearance h3 {
color: #FFFFFF;
letter-spacing:0.05em;
font-weight:bold;
font-size:12px;
margin: 0 0 0 20px;
padding:0 0 0 17px;
line-height:13px;
background: url(http://www.koukaam.se/themes/KOUKAAM_2/images/arrow_clearance.png) no-repeat left;
}
.clearance a {
color: #407dbc;
text-decoration: underline;
font-weight: bold;
}
.small {
font-size:90%;
}
.clearance .red {
color: #3073b9;
font-weight: bold;
}
.clearance a:visited {
color: #9eb8dd;
}
.price_clearance {
color: #3073b9;
font-weight: bold;
}
.narrow {
width: 263px;
}
.wide, .row .roundtop, .row .roundbottom{
width: 720px;
}
/* .roundtop {
background: url(../images/rt.gif) no-repeat top right;
background-color: #E6E7E9;
}
.roundbottom {
background: url(../images/rb.gif) no-repeat top right;
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
*/
.contentbox .header {
background-color: #E6E7E9;
width:auto;
height:28px;
}
/* .contentbox div.megaphone {
background:url(../images/megaphone.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.star {
background:url(../images/star.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.info {
background:url(../images/info.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.pencil {
background:url(../images/pencil.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.padlock {
background:url(../images/padlock.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
}
.contentbox div.binoculars {
background:url(../images/binoculars.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:70px;
height:55px;
} */
.contentbox div.star1 {
background:url(../images/star_1.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:76px;
height:61px;
}
.contentbox div.hand1 {
background:url(../images/hand_1.png) right top no-repeat;
position:absolute;
top:0;
right:0;
width:76px;
height:61px;
}
/* .contentbox .header h3 {
color: #E2001A;
font-weight:bold;
font-size:12px;
margin: 0 0 0 20px;
padding:0 0 0 17px;
line-height:13px;
background: url(../images/arrow.png) no-repeat left;
}
*/
.row .roundtop {
background: url(../images/rt2.gif) no-repeat top right;
position:absolute;
top:0;
left:0;
}
.row .roundbottom {
position:absolute;
left:0;
bottom:0;
background: url(../images/rb2.gif) no-repeat top right;
}
.row div.content {
margin:0px;
padding:6px;
}
div.box {
width:100%;
margin:0 auto;
padding:0;
text-align:center;
}
a.box {
display:inline-block;
position:relative;
border:0;
text-decoration:none;
padding:0;
margin:0;
height:231px;
text-align:left;
}
a.box1 {
margin-right:3px;
width:232px;
}
a.box2 {
margin-right:3px;
width:232px;
}
a.box3 {
width:232px;
}
a.box h3 {
position:absolute;
margin:0;
padding:0;
top:14px;
left:30px;
height:30px;
width:150px;
overflow:hidden;
}
.row h3, .row .header h3 {
width:100%;
color:#FFF;
font-weight:bold;
font-size:13px;
text-transform:uppercase;
}
.row .header{
height:42px;
background:url(../images/introducing_bg.gif);
margin:0;
padding:0;
}
.row .header h3 {
position:absolute;
margin:0;
padding:0;
top:20px;
left:30px;
height:30px;
width:600px;
overflow:hidden;
background:none;
}
.row .item{
height:92px;
width:708px;
background:url(../images/introducing_item_bg.jpg);
margin:6px 0 0 0;
line-height:92px;
text-indent:24px;
overflow:hidden;
letter-spacing:0;
}
.row .first{
margin:0;
background:url(../images/introducing_item_bg_first.jpg);
}
.row .item img{
position:absolute;
left:420px;
float:left;
}
.row .item span{
display:block;
float:left;
width:420px;
}
.row .item a{
position:absolute;
left:630px;
color:#e2001a;
}
.row .item span a{
position:relative;
left:0px;
text-decoration:none;
}
/* FORMULARE */