html {
    padding: 0;
    margin: 0;
}

body {
    padding: 0 0 50px 0;
    margin: 0;
    background-image: url('../images/page_bg.png');
    background-repeat: repeat-x;
    background-color: #ffffff;
}

div#container {
    width: 1017px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}

div#topContainer {
    padding: 0;
    margin: 0 40px 0 40px;
    width: 937px;
    clear: both;
}

div#lang {
    background-image: url('../images/lang.png');
    background-repeat: no-repeat;
    width: 116px;
    height: 28px;
    float: right;
    margin: 0 4px 0 0;
    padding: 0;
}

div#headerContainer {
    clear: both;
    margin: 0 40px 0 40px;
    padding: 0;
    width: 937px;
    height: 125px;
    background-image: url('../images/radial_gradient_top.png');
    background-repeat: no-repeat;
}

div.clear {
    clear: both;
}

div#logo {
    padding: 0;
    margin: 60px 0 0 15px;
    width: 222px;
    height: 48px;
    float: left;
    vertical-align: bottom;
}

div#logo img {
    border: 0;
}

div#marker {
    display: none;
    float: right;
    width: 154px;
    height: 25px;
    margin: 1px 447px 0 0;
    background-image: url('../images/glow_transparent.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

body.cms-home div#marker {
    display: block;
    margin-right: 447px;
}

body.catalog-category-view div#marker,
body.catalog-product-view div#marker,
body.catalogsearch-result-index div#marker,
body.cms-products div#marker {
    display: block;
    margin-right: 345px;
}

body.cms-offers div#marker {
    display: block;
    margin-right: 230px;
}

body.cms-info div#marker {
    display: block;
    margin-right: 140px;
}

body.cms-contact div#marker {
    display: block;
    margin-right: 35px;
}

ul#navigation {
    padding: 0;
    margin: 50px 0 0 0;
    width: 610px;
    float: right;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

ul#navigation li {
    display: inline;
    margin: 0 5px 0 5px;
}

ul#navigation img {
    border: 0;
}

ul#navigation a {
    font-size: 15px;
    background-repeat: no-repeat;
}

ul#navigation a.front:link,
ul#navigation a.front:visited {
    background-image: url('../images/menu_etusivu.png');
}

body.cms-home ul#navigation a.front:link,
body.cms-home ul#navigation a.front:visited {
    background-image: url('../images/menu_etusivu_on.png');
}

ul#navigation a.front:hover {
    background-image: url('../images/menu_etusivu_on.png');
}

ul#navigation a.products:link,
ul#navigation a.products:visited {
    background-image: url('../images/menu_tuotteet.png');
}

body.catalog-product-view ul#navigation a.products:link,
body.catalog-product-view ul#navigation a.products:visited,
body.catalog-category-view ul#navigation a.products:link,
body.catalog-category-view ul#navigation a.products:visited,
body.catalogsearch-result-index ul#navigation a.products:link,
body.catalogsearch-result-index ul#navigation a.products:visited,
body.cms-products ul#navigation a.products:link,
body.cms-products ul#navigation a.products:visited {
    background-image: url('../images/menu_tuotteet_on.png');
}

ul#navigation a.products:hover {
    background-image: url('../images/menu_tuotteet_on.png');
}

ul#navigation a.offers:link,
ul#navigation a.offers:visited {
    background-image: url('../images/menu_tarjoukset.png');
}

body.cms-offers ul#navigation a.offers:link,
body.cms-offers ul#navigation a.offers:visited {
    background-image: url('../images/menu_tarjoukset_on.png');
}

ul#navigation a.offers:hover {
    background-image: url('../images/menu_tarjoukset_on.png');
}

ul#navigation a.info:link,
ul#navigation a.info:visited {
    background-image: url('../images/menu_info.png');
}

body.cms-info ul#navigation a.info:link,
body.cms-info ul#navigation a.info:visited {
    background-image: url('../images/menu_info_on.png');
}

ul#navigation a.info:hover {
    background-image: url('../images/menu_info_on.png');
}

ul#navigation a.contact:link,
ul#navigation a.contact:visited {
    background-image: url('../images/menu_yhteystiedot.png');
}

body.cms-contact ul#navigation a.contact:link,
body.cms-contact ul#navigation a.contact:visited {
    background-image: url('../images/menu_yhteystiedot_on.png');
}

ul#navigation a.contact:hover {
    background-image: url('../images/menu_yhteystiedot_on.png');
}

div#actionContainer {
    clear: both;
    padding: 0;
    margin: 0 0 0 0;
    height: 43px;
    width: 1017px;
    background-image: url('../images/action_bg.jpg');
    background-repeat: repeat-x;
}

div#actionLeft {
    padding: 0;
    margin: 0;
    height: 43px;
    width: 45px;
    float: left;
    background-image: url('../images/action_left.jpg');
    background-repeat: no-repeat;
}

div#mini-search {
    padding: 0;
    margin: 0;
    width: 510px;
    height: 43px;
    float: left;
}

div#mini-search div.title {
    margin-left: 40px;
    margin-right: 10px;
    margin-top: 6px;
    width: 27px;
    height: 29px;
    float: left;
}

div#mini-search div.field {
    width: 380px;
    height: 29px;
    float: left;
    margin-top: 7px;
}

div#mini-search div.button {
    margin: 6px 0 0 0;
    padding: 0;
}

div#mini-search div.field img.left {
    width: 4px;
    height: 29px;
    float: left;
}

div#mini-search div.field input {
    height: 26px;
    _height: 29px;
    width: 372px;
    border: none;
    line-height: 29px;
    float: left;
    padding: 3px 0 0 0;
    margin: 0;
    text-indent: 5px;
    color: #3a3a3a;
    font-weight: normal;
    font-size: 1.5em;
    background-image: url('../images/input_bg.jpg');
    background-repeat: repeat-x;
}

div#mini-search div.field img.right {
    width: 4px;
    height: 29px;
    float: left;
}

ul#shopAccess {
    padding: 0 15px 0 0;
    margin: 12px 0 0 0;
    width: 400px;
    text-align: right;
    float: right;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

ul#shopAccess li {
    font-size: 14px;
    margin: 0 2px 0 2px;
    display: inline;
}

ul#shopAccess li a:link,
ul#shopAccess li a:visited {
    color: #636363;
    text-decoration: none;
}

ul#shopAccess li a:hover {
    color: #636363;
    text-decoration: underline;
}

ul#shopAccess li.last a {
    color: #1E7EC8;
    font-weight: bold;
}

ul#shopAccess a.top-link-cart span {
    color: #1E7EC8;
    font-size: 12px;
}

.actions a:hover,
.catalog-listing h5 a:hover,
.catalog-listing .add-to a:hover,
.side-col .actions a:hover,
a:hover {
    text-decoration: none;
}

div#actionRight {
    padding: 0;
    margin: 0;
    height: 43px;
    width: 45px;
    float: right;
    background-image: url('../images/action_right.jpg');
    background-repeat: no-repeat;
}

div#contentContainer {
    clear: both;
    padding: 0;
    margin: 0 40px 0 40px;
    width: 937px;
    background-color: #ffffff;
}

div#wrapper {
    padding: 0;
    padding-bottom: 16px;
    margin: 0;
    min-height: 500px;
    background-image: url('../images/footer_bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

div#contentTop {
    padding: 0;
    margin: 0;
    height: 38px;
    background-image: url('../images/content_top.jpg');
    background-repeat: repeat-x;
}

div#content {
    padding: 15px 0 0 0;
    margin: 0;
    min-height: 500px;
}

div#footerContainer {
    padding: 0;
    margin: 0 auto 0 auto;
    width: 937px;
    clear: both;
}

div#footerContainer ul {
    display: inline;
}

div#footerContainer ul li {
    display: inline;
    margin: 0 2px 0 2px;
}


#container .js {
    overflow: hidden;
    zoom: 1;
}

#container .carousel {
    background-image: url("../images/carousel_bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    width: 900px;
}

#container .carousel,
#container .carousel .carousel-wrap {
    margin: 0;
    border: 0;
    zoom: 1;
}

#container .js .carousel-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 836px;
    margin: 0;
}

#container .carousel ul {
    margin: 0;
    padding: 0;
    zoom: 1;
}
#container .js ul li {
    overflow: hidden;
    display: inline;
    float: left;
    width: 810px;
    height: 335px;
    text-align: center;
}

#container .carousel .carousel-control {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    cursor: pointer;
    line-height: 999px;
    zoom: 1;
}
#container .carousel .carousel-next {
    background: url(../images/c_next.png) 0 0 no-repeat;
}
#container .carousel .carousel-previous {
    background:url(../images/c_previous.png) 0 0 no-repeat;
}

#container .carousel .carousel-control:hover {
    -moz-opacity: .7;
    opacity: 0.70;
    filter: alpha(opacity=70);
}
#container .carousel .disabled,
#container .carousel .disabled:hover {
    -moz-opacity: .1;
    opacity: 0.10;
    filter: alpha(opacity=10);
    cursor: default;
}
#container .carousel div {
    margin: 0;
    padding: 0;
    border: 0;
}

#container .carousel ul {
    padding: 0;
    list-style: none;
}
#container .carousel ul li {
    position: relative;
    width: 810px;
    margin: 0;
}
#container .carousel ul li cite {
    position: absolute;
    bottom: 3px;
    right: 10px;
    line-height: 19px;
    font-size: 11px;
}
#container .carousel ul li cite a img {
    vertical-align: middle;
}

#container .carousel ul li cite a {
    color: #fff;
    text-decoration: none;
}
#container div.center-wrap {
    overflow: hidden;
    clear: both;
    zoom: 1;
    float: right;
}
#container div.center-wrap div {
    border: 0;
    margin: 15px 0;
}

#container div.center-wrap a {
    margin: 0 3px;
    padding: 3px 6px;
    border: 1px solid #eee;
    background: #e5e6e8;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    -moz-border-radius: 7px;
    webkit-border-radius: 7px;
    border-radius: 7px;
}
#container div.center-wrap a.active {
    background: #000;
    color: #1b9dd1;
}

