@charset "utf-8";
/* 
    KMDack-tyylitiedosto
    Versio 1.00
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html, body { 
height: 100%; 
min-height: 100%;
}

body {
background:#000;
font: 62.5%/1.4em "Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial, Verdana, sans-serif;
/*font: 62.5%/1.4em tahoma, Verdana, Arial, Helvetica, sans-serif;*/
}

h3 { font-weight:bold}

a { color:#d30023; font-weight:bold; line-height:1.4em}
a:hover { color:#ff1a40; text-decoration:none}

br.clear { clear:both}

#overlay {
position:absolute;
z-index:100;
width:100%;
height:100%;
background-color:#000;
}

#letter {
position:absolute;
width:542px;
height:402px;
background:transparent url(../images/bg_letter.png) 0 0 no-repeat;
z-index:150;
}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#header_wrapper {
width:100%;
height:146px;
background:#fff url(../images/bg_header.png) center 0 repeat-x;
/*position:fixed;
top:0; left:0;*/
}

#header {
width:100%;
min-width:920px;
max-width:960px;
margin:0 auto;
position:relative;
}

#logo {
position:relative;
top:45px;
float:left;
}

ul#languages {
position:relative;
}
ul#languages li { float:left; margin-right:5px}
ul#languages li a, ul#languages li span {
display:block;
overflow:hidden;
width:24px;
height:0 !important;
height /**/:19px;
padding-top:19px;
background:#fff url(../images/img_flags.gif) 0 0 no-repeat;
}
ul#languages li#swedish a { background-position:-26px 0}

ul#languages li#finnish a:hover { background-position:0 -19px}
ul#languages li#swedish a:hover { background-position:-26px -19px}

ul#languages li#finnish span { background-position:0 -19px}
ul#languages li#swedish span { background-position:-26px -19px}

#mininavi { color:#484848; padding-top:15px; margin-bottom:15px}
#mininavi span { color:#999}
#mininavi a { color:#0082d1}

/* -----------------------------------*/
/* --------->>> HEADINGS <<<----------*/
/* -----------------------------------*/
h1.image {
display:block;
overflow:hidden;
text-indent:-1000em;
height:65px;
background:#fff url(../images/title_welcome.png) 0 bottom no-repeat;
margin-bottom:5px;
}

h1.image#title_rims {
background-image:url(../images/title_rims.png);
}

h1.image#title_tires {
background-image:url(../images/title_tires.png);
}

h1.image#title_special-tires {
background-image:url(../images/title_special-tires.png);
}

h1.image#title_rally {
background-image:url(../images/title_rally.png);
}

h1.image#title_gallery {
background-image:url(../images/title_gallery.png);
}

h1.image#title_heavy-duty {
background-image:url(../images/title_heavy-duty.png);
}

h1.image#title_company {
background-image:url(../images/title_company.png);
}

h1.image#title_contact {
background-image:url(../images/title_contact.png);
}

h1.image#title_feedback {
background-image:url(../images/title_feedback.png);
}

/* -----------------------------------*/
/* ---------->>> CONTACT <<<----------*/
/* -----------------------------------*/
#contact {
display:block;
float:right;
height:21px;
position:absolute;
right:0; top:5px;
}
#contact a {
font-weight:normal;
text-transform:uppercase;
background:transparent url(../images/img_contact.png) right center no-repeat;
line-height:25px;
padding:2px 30px 2px 0;
}

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/
ul#navigation {
float:right;
padding-top:40px;
}

ul#navigation li {
display:block;
float:left;
margin-left:10px;
width:79px;
height:72px;
background:transparent url(../images/img_home.png) 0 0 no-repeat;
padding-bottom:34px;
}

ul#navigation li a, ul#navigation li span {
position:relative;
top:72px;
display:block;
overflow:hidden;
width:79px;
height:0 !important;
height /**/:34px;
padding-top:34px;
background:transparent url(../images/btn_home.png) 0 0 no-repeat;
}
ul#navigation li a:hover { background-position:0 -34px}
ul#navigation li span { background-position:0 -68px}

ul#navigation li#rims { width:82px; background-image:url(../images/img_rims.png)}
ul#navigation li#rims a, ul#navigation li#rims span { width:82px; background-image:url(../images/btn_rims.png)}

ul#navigation li#tires { width:86px; background-image:url(../images/img_tires.png)}
ul#navigation li#tires a, ul#navigation li#tires span { width:86px; background-image:url(../images/btn_tires.png)}

ul#navigation li#rally { width:55px; background-image:url(../images/img_rally.png)}
ul#navigation li#rally a, ul#navigation li#rally span { width:55px; background-image:url(../images/btn_rally.png)}

ul#navigation li#gallery { width:86px; background-image:url(../images/img_gallery.png)}
ul#navigation li#gallery a, ul#navigation li#gallery span { width:86px; background-image:url(../images/btn_gallery.png)}

ul#navigation li#heavy-duty { width:140px; background-image:url(../images/img_heavy-duty.png)}
ul#navigation li#heavy-duty a, ul#navigation li#heavy-duty span { width:140px; background-image:url(../images/btn_heavy-duty.png)}

ul#navigation li#company { width:69px; background-image:url(../images/img_company.png)}
ul#navigation li#company a, ul#navigation li#company span { width:69px; background-image:url(../images/btn_company.png)}


/* -----------------------------------*/
/* ---------->>> CONTENT <<<-----------*/
/* -----------------------------------*/
#content_wrapper {
width:100%;
background-color:#fff;

padding-bottom:35px;
}

#content {
font-size:1.2em;
line-height:1.4em;
min-width:920px;
max-width:960px;
margin:0 auto;
}

#content ul li { list-style:inside circle; margin:0 0 0.5em 1em}

fieldset { margin-top:15px}

input#btn_send {
display:block;
overflow:hidden;
text-indent:-1000em;
width:125px;
height:34px;
background:#fff url(../images/btn_send.png) 0 0 no-repeat;
border:none;
cursor:pointer;
margin-top:15px;
}
input#btn_send:hover {
background-position:0 -34px;
}

label { display:block; font-weight:bold; color:#383838}

.error { 
background:#fff url(../images/icon_alert.gif) 0 0 no-repeat;
padding-left:25px;
margin-top:5px;
}
.success {
background:#fff url(../images/icon_success.gif) 0 0 no-repeat;
padding-left:25px;
}
.mandatory { color:#f42941; font-weight:bold}

ul#form li { margin-bottom:15px; list-style:none; margin-left:0}

ul#form li input {
background:#fff url(../images/bg_input.png) 0 0 repeat-x;

border:1px solid #888;
border-color:#888 #d9d9d9 #e5e5e5 #d9d9d9;
margin:0; padding:4px;

font:normal 1em/1em Georgia, "Times New Roman", Times, serif;
}
ul#form li input:hover, ul#form li textarea:hover { 
background-position:0 -512px;
border-color:#858a8c #ced6d9 #e5e5e5 #ced6d9;
}
ul#form li input:focus, ul#form li textarea:focus { 
background-position:0 -1024px;
border-color:#73848c #b2cdd9 #bfddf4 #b2cdd9;
}

ul#form li textarea {
background:#fff url(../images/bg_input.png) 0 0 repeat-x;
padding:4px;
border:1px solid #888;
border-color:#888 #d9d9d9 #e5e5e5 #d9d9d9;
font:normal 1em/1em Georgia, "Times New Roman", Times, serif;
}

#content p { margin-bottom:1em}

#googlemap { width:100%; height:350px; margin-bottom:15px; background:#fff url(ajax-loader.gif) no-repeat center}

img.skidmark { margin-bottom:15px}

ul#image-gallery li { 
display:block;
overflow:hidden;
width:116px;
height:116px;
background:#fff url(../images/bg_photo.jpg) 0 0 no-repeat;
float:left; 
margin:0 20px 20px 0;
}
ul#image-gallery li a {
position:relative; top:4px; left:8px;
}

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#footer_wrapper {
clear:both;
padding-top:85px;
background:#000 url(../images/bg_footer.png) center 0 repeat-x;
}

#footer {
position:relative;
min-width:920px;
max-width:960px;
margin:0 auto;
}

a#hece-logo {
display:block;
overflow:hidden;
width:148px;
height:0 !important;
height /**/:76px;
padding-top:76px;
background:#000 url(../images/img_hece-logo.png) 0 0 no-repeat;
margin:0 auto;
position:relative;
margin-top:25px;
}
a#hece-logo:hover {
background-position:0 -76px;
}

/* -----------------------------------*/
/* ---------->>> SLIMBOX <<<----------*/
/* -----------------------------------*/

#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
}

.lbLoading {
background: #fff url(ajax-loader.gif) no-repeat center;
}

#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink { left: 0}

#lbPrevLink:hover { background: transparent url(../btn_prevlabel.gif) no-repeat 0% 15%}

#lbNextLink { right: 0}

#lbNextLink:hover { background: transparent url(../btn_nextlabel.gif) no-repeat 100% 15%}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

a#lbCloseLink {
display: block;
width: 100%;
height: 34px;
background: transparent url(../images/btn_close.gif) no-repeat center 0;
margin: 5px 0;
}
a#lbCloseLink:hover { background-position:center -34px}

#lbCaption, #lbNumber { margin-right: 71px}

#lbCaption { font-weight: bold}