/* CSS Document */

#innerLevel {
padding: 0;
}

#searchBar form#search {
display: none;
}

#page-info-crumbs {
background-color: #dde1ef;
position: relative;
z-index: 30;
box-shadow: 0 -1px 5px rgba(0,0,0,0.4);

display: none;
}

#edukas-container {
margin: 0;
width: 990px;
}

#edukas-container hr {
/*background-image: url(hrtween-2.png);*/
background-repeat: no-repeat;
background-position: 50% 0;
border: 0;
height: 21px;
margin: 0;
}

.crumb-box {
width: 100%;
margin-bottom: 10px;
}

#main-panel {
background-color: #fff;
padding: 10px 20px;
position: relative;
box-shadow: -1px 0px 15px rgba(209,213,229,0.3);
border: 1px solid rgba(255,255,255,0.5);
vertical-align: top;
}

#categories-panel {
width: 160px;
background-color: #edf1ff;
line-height: 20px;
padding: 10px 4px 10px 20px;
vertical-align: top;

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(248,250,255)),
    color-stop(0.83, rgb(230,234,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(248,250,255) 0%,
    rgb(230,234,255) 83%
);

}

#categories-panel ul, #categories-panel li {
list-style: none;
margin: 0;
padding: 0;
}


#categories-panel ul {
margin-bottom: 10px;
}

li.main-category {
font-weight: bold;
}

li.sub-category {
padding-left: 5px !important;
}

li.starred a {
background-image: url(https://cdn.afterdawn.fi/v4/aftericons_main.110406.png);
background-repeat: no-repeat;
background-position: right -1347px;
padding-right: 22px;
}

#search-box h1 {
color: black;
color: #1015a0;
display: inline;
font-weight: normal;
margin-right: 25px;
}

#search-box {
font-size: 20px;
padding: 20px 0;
text-align: center;
}

#search-box input {
box-shadow: 0 0 5px rgba(10,15,100,0.1);
}

#search-box input[type=text]:focus {
box-shadow: 0 0 5px rgba(10,15,100,0.25);
}

#search-box input[type=text] {
font-size: 24px;
width: 300px;
margin-right: 25px;
}


#search-box input[type=submit] {
font-size: 24px;
margin-right: 50px;


}

.main-list {
clear: both;
width: 100%;
min-height: 260px;
position: relative;
}

.main-list h1 {
/*background-color: #d9d8d6;
color: #444;*/
float: left;
margin: 0 20px 0 0;
font-size: 14px !important;
font-weight: bold;
padding: 3px 10px 1px 10px !important;
}

.main-list h2 {
font-size: 15px;
font-weight: normal;
padding: 0;
margin: 15px 0 5px 0;
}

.main-list .one-item {
border-bottom: 1px dotted #ddd;
clear: left;
border-top: 1px solid transparent;
min-height: 135px;
padding: 0 135px;
position: relative;

cursor: pointer;

box-shadow: inset 0 0 20px rgba(255,255,255,1);
}

.main-list .one-item:hover {
background-color: #f6fdff;
}

.product-photo-container {
background-color: white;
border: 1px solid #e9e8e6;

width: 100px;
height: 100px;
margin: 10px;
padding: 5px;
text-align: center;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
box-shadow: 0 0 4px rgba(0,0,0,0.05);
}

.main-list .one-item:hover .product-photo-container {
border-color: #d9d8d6;
box-shadow: 2px 2px 5px rgba(0,32,70,0.15);
}

.main-list .product-photo {
max-width: 100px;
max-height: 100px;
}

/*.main-list .one-item.visible {
display: block;
}*/

.price {
display: block;
}

.main-list .price {
position: absolute;
top: 10px;
right: 10px;
}

.price a {
color: #e00000 !important;
font-size: 22px;
font-weight: bold;
}

.main-list .price a {
display: block;
}

.main-list .adv-container-300x250 {
position: absolute;
top: 0;
right: 0;
}

.item-selection-tabs {
background-color: #188dae;
border: 1px solid rgba(12,124,160,0.5);
clear: both;
float: right;
height: 18px;
padding: 0 9px;
margin: 10px 30px;
width: 0;
white-space: nowrap;
overflow: hidden;

cursor: pointer;

-moz-border-radius: 10px;
border-radius: 10px;


background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.32, rgb(12,124,160)),
    color-stop(0.66, rgb(39,162,192)),
    color-stop(0.83, rgb(67,195,231))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(12,124,160) 32%,
    rgb(39,162,192) 66%,
    rgb(67,195,231) 83%
);

box-shadow: inset 0 0 4px rgb(12,124,160);

}

.item-selection-tabs:hover {
box-shadow: 0 0 4px rgba(12,124,160,0.5);
color: white;
width: 40px;
}

.item-selection-tabs div.next {
color: #f0f0ff;
font-weight: bold;
text-shadow: -1px -1px 0 rgba(12,124,160,0.5);
}

.item-selection-tabs div.icon-container {
font-size: 18px;
line-height: 16px;
float: left;
width: 16px;
height: 16px;
margin-left: -4px;
}


.star-container {
height: 12px;
line-height: 10px;
}

.star-container a {
font-size: 10px;
margin-left: 10px;
}

.one-star {
background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png);
background-position: -110px -630px;
width: 12px;
height: 12px;
float: left;
}

.rating-10 .star-2,
.rating-10 .star-3,
.rating-10 .star-4,
.rating-10 .star-5,

.rating-15 .star-3,
.rating-15 .star-4,
.rating-15 .star-5,

.rating-20 .star-3,
.rating-20 .star-4,
.rating-20 .star-5,

.rating-25 .star-4,
.rating-25 .star-5,

.rating-30 .star-4,
.rating-30 .star-5,

.rating-35 .star-5,

.rating-40 .star-5,

.not-rated .one-star {
background-position: -70px -630px;
}

.rating-15 .star-2,
.rating-25 .star-3,
.rating-35 .star-4,
.rating-45 .star-5 {
background-position: -90px -630px;
}

#deals-of-the-week.grid-view .product-photo-container {
width: 110px !important;
}

.grid-view .one-item {
border-bottom: 0 !important;
min-height: 80px !important;
padding: 120px 15px 0 10px !important;
width: 122px;
float: left;
clear: none !important;
}

.main-list.grid-view h2 {
font-size: 12px !important;
padding: 0 !important;
}


#deals-of-the-week.grid-view h2,
#similar-products.grid-view h2 {
min-height: 30px;
}

.grid-view p {
display: none;
}

#deals-of-the-week.grid-view .star-container,
.grid-view .star-container.not-rated,
#latest-reviews.grid-view .price,
#similar-products.grid-view .price {
display: none;
}

.grid-view .price {
font-size: 12px;
padding-left: 10px;
top: 0;
position: relative;
}

.grid-view .price a {
display: inline;
font-size: 14px;
margin-left: 0.2em;
}

.sort-options-box {
height: 32px;
}

.sort-options-box .options-button {
background-color: #eee;
background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png);
background-repeat: no-repeat;
border: 1px solid #bbb;

float: left;
width: 16px;
height: 16px;
margin: 1px 10px 1px 3px;

box-shadow: inset 0 -8px 3px rgba(0,0,0,0.1);

-moz-border-radius: 3px;
border-radius: 3px;


}

.sort-options-box .list-view-button {
background-position: -120px -600px;
}

.sort-options-box .grid-view-button {
background-position: -100px -600px;
}

.grid-view .list-view-button,
.list-view .grid-view-button {
cursor: pointer;
}

.grid-view .list-view-button:hover,
.list-view .grid-view-button:hover {
background-color: #fafafa;
border-color: #888;
}

.grid-view .grid-view-button,
.list-view .list-view-button {
background-color: #fafafa;
border: 2px solid orange;
margin: 0 9px 0 2px;
}

#latest-reviews.grid-view {

}

#latest-reviews.grid-view .product-photo-container {
}

#latest-reviews.grid-view .one-item {
width: 224px;
height: 134px;
padding: 0 10px 0 135px !important;
}

#latest-reviews.list-view .one-item {
padding-right: 0;
}

#latest-reviews .review-body {
background-color: #fff;
border: 1px solid #e0e0e0;
clear: left;
margin: 5px 5px 10px 0;
padding: 10px 13px;
position: relative;

-moz-border-radius: 15px;
border-radius: 15px;

opacity: 0.7;
}

.one-item:hover .review-body {
opacity: 1 !important;
}

#latest-reviews.grid-view .review-body {
display: block;
font-size: 12px;
padding: 5px 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#latest-reviews .review-meta {
color: #808080;
font-size: 12px;
margin-top: 5px;
text-align: right;
}

.review-meta .star-container {
display: inline-block;
margin-right: 5px;
}

#latest-reviews span.icon-container {
background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png);
background-position: -175px -630px;

width: 16px;
height: 16px;
position: absolute;
bottom: -16px;
left: 10px;
}

#latest-reviews .one-item:hover h2 a, #deals-of-the-week .one-item:hover h2 a {
font-weight: bold;
}

/* transitions */

.one-item {
-webkit-transition: background .5s ease;
-moz-transition: background .5s ease;
-o-transition: background .5s ease;
transition: background .5s ease;
}

.product-photo-container, .product-additional-photos img {
-webkit-transition: border-color .5s ease, box-shadow 2s ease;
-moz-transition: border-color .5s ease, box-shadow 2s ease;
-o-transition: border-color .5s ease, box-shadow 2s ease;
transition: border-color .5s ease, box-shadow 2s ease;
}

#search-box input {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.item-selection-tabs {
-webkit-transition: width .4s ease;
-moz-transition: width .4s ease;
-o-transition: width .4s ease;
transition: width .4s ease;
}

.product-additional-photos {
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
}

.product-additional-photos img {
-webkit-transition: width .5s ease-in, height .5s ease-in;
-moz-transition: width .5s ease-in, height .5s ease-in;
-o-transition: width .5s ease-in, height .5s ease-in;
transition: width .5s ease-in, height .5s ease-in;
}














/* one product */

#one-product {
padding: 0 10px 0 240px;
position: relative;

min-height: 240px;
margin-bottom: 20px;
}

#one-product .product-photo-container {
width: 200px;
height: 200px;
}

#one-product .product-photo-container.additional-photos {

}

#one-product .product-photo {
max-width: 200px;
max-height: 200px;
}

#one-product .product-photo-container.additional-photos .product-photo {
/*max-height: 175px;*/
}

#one-product .product-photo-container.additional-photos:hover .product-photo {
/*max-height: 140px;*/
}

.product-additional-photos {

overflow: hidden;
padding: 5px;
position: absolute;
bottom: 13px;
right: 538px;

max-width: 210px;
height: 30px;
text-align: right;
/*bottom: -11px;
right: -51px;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);*/

}

.product-photo-container.additional-photos:hover .product-additional-photos {

/*bottom: 1px;
right: 1px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);*/
}

.product-photo-container.additional-photos:hover .product-additional-photos img {
}

.product-additional-photos img {
background-color: white;
border: 1px solid #e9e8e6;
display: inline-block;
width: 26px;
height: 26px;
margin: 0 1px 10px 1px;
box-shadow: 0 0 4px rgba(0,0,0,0.05);
cursor: pointer;

position: relative;

/*opacity: 0.5;*/
z-index: 5;

/*width: 48px;
height: 48px;*/
}

.product-additional-photos img:hover {
border-color: #d9d8d6;
border-color: orange;
/*box-shadow: 2px 2px 5px rgba(0,32,70,0.15);*/
opacity: 1;
z-index: 16;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

#one-product h2 {
font-size: 16px;
padding-top: 10px;
}

#one-product .manufacturer-info {
margin: 5px 0;
}

#one-product .price {
margin: 35px 0;
}

#one-product .price a {
margin-left: 5px;
}

.content-inner-navi {
height: 20px;
margin-bottom: 20px;
text-align: left;
}

.content-inner-navi .one-tab {
background-color: #787878;
/*display: inline-block;*/
float: left;
clear: none;
font-size: 0.9em;
font-weight: bold;
margin: 0 5px;

-moz-border-radius: 15px;
border-radius: 15px;

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(113,113,113)),
    color-stop(0.49, rgb(87,87,87)),
    color-stop(0.5, rgb(120,120,120))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(113,113,113) 16%,
    rgb(87,87,87) 49%,
    rgb(120,120,120) 50%
);




box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.content-inner-navi .one-tab:hover {
box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.content-inner-navi a {
border: 1px solid rgba(87,87,87,0.5);
color: white !important;
display: block;
padding: 2px 25px;
text-decoration: none;

-moz-border-radius: 10px;
border-radius: 10px;

box-shadow: inset 0 0 5px rgb(87,87,87);

text-shadow: -1px -1px 0 rgba(87,87,87,0.5);
}

.content-inner-navi a:hover {
border: 1px solid rgba(255,255,255,0.25);
box-shadow: inset 0 0 5px rgba(255,255,255,0.5);
}

.content-inner-navi .one-tab.selected {
background-color: #7198b8;

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(110,144,174)),
    color-stop(0.49, rgb(76,101,120)),
    color-stop(0.5, rgb(113,152,184))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(110,144,174) 16%,
    rgb(76,101,120) 49%,
    rgb(113,152,184) 50%
);

}

.content-inner-navi .one-tab.selected,
.content-inner-navi .one-tab.selected:hover {
box-shadow: 0 0 5px rgba(76,101,120,0.5);
}

.content-inner-navi .selected a {
border: 1px solid rgba(255,255,255,0.25);
box-shadow: inset 0 0 5px rgba(255,255,255,0.5);
}


/* product reviews */

#one-product-reviews {
margin-bottom: 50px;
}

#one-product-reviews .one-item {
border-bottom: 0;
cursor: default;
min-height: 165px;
padding: 0 20px 0 120px;
}

#one-product-reviews .one-item:hover {
background-color: white;
}


#one-product-reviews .star-container {
margin-right: 40px;
}

#one-product-reviews .title span {
margin-left: 10px;
}

#one-product-reviews .review-date {
color: gray;
font-size: 12px;
margin-left: 10px;
}

#one-product-reviews .user-info-box {
position: absolute;
top: 15px;
left: 0;
width: 120px;
}

#one-product-reviews .user-gravatar {
border: 1px solid #ddd;
float: left;
margin: 0 12px 10px 20px;
padding: 3px;
background-color: #eee;
background-color: rgba(255,255,255,0.65);

-moz-border-radius: 4px;
border-radius: 4px;

-moz-box-shadow: 0 0 3px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.35);
box-shadow: 0 0 3px rgba(0,0,0,0.15);

}

.user-info-box a {
display: block;
float: left;
clear: left;
margin: 0 0 3px 20px;
}
.user-info-box .nick {
font-size: 15px;
font-weight: bold;
}

#one-product-reviews .review-body {
min-height: 65px;

background-color: #fff;
border: 1px solid #e0e0e0;
clear: left;
margin: 5px 5px 10px 0;
padding: 10px 13px;
position: relative;

-moz-border-radius: 15px;
border-radius: 15px;
}

#one-product-reviews .review-meta {
margin-bottom: 10px;
}

#one-product-reviews span.icon-container {
background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png);
background-position: -175px -642px;

width: 16px;
height: 26px;
position: absolute;
top: 20px;
left: -12px;
}

#one-product-prices {
margin-bottom: 30px;
width: 100%;
}

#one-product-prices td {
padding: 10px 5px;
border-bottom: 1px dotted #ddd !important;
}

.store-logo-cell {
text-align: center;
}

.store-logo-container {
width: 120px;
height: 35px;
position: relative;
line-height: 35px;
}

.store-logo-container img {
vertical-align: middle;
}

.store-logo {
max-width: 120px;
max-height: 35px;
}

.store-logo-cell .star-container {
margin-top: 5px;
}

.store-logo-container .star-container a {

margin: 0 0 0 5px;
}

#one-product-prices p {
margin: 5px 0;
}

#one-product-prices .price {
position: static !important;
display: table-cell;
text-align: right;
padding-right: 10px;
}

/* filters */

.filters-box {
margin-bottom: 20px;
}

.filters-box h3 {
font-size: 11px;
margin: 0;
min-height: 15px;
}

.filters-box li {
background-color: #eef0ff;
background-color: rgba(255,255,255,0.3);
border: 1px solid #f1f3ff;
padding: 0 20px 0 9px !important;
width: 139px;
margin: 0 0 5px -10px !important;
position: relative;

-moz-border-radius: 15px;
border-radius: 15px;
}

.filters-box .close-button {
background-color: red;
color: white !important;
font-size: 11px;
font-weight: bold;
position: absolute;
width: 10px;
height: 10px;
right: 6px;
top: 5px;
line-height: 9px;
padding: 0 !important;
text-align: center;
text-decoration: none;

-moz-border-radius: 7px;
border-radius: 7px;
}

.filters-box .close-button:hover {
box-shadow: inset 0 0 3px white;
}

.provided_by_vertaa_fi {
background-image: url(https://cdn.afterdawn.fi/partner/vertaa_fi/provided_by_vertaa_fi.gif);
display: inline-block;
width: 87px;
height: 23px;
padding: 0;

position: relative;
top: 7px;
margin-left: 5px;
}

.provided_by_vertaa_fi span {
display: none;
}