@CHARSET "ISO-8859-1";

.ui-tabs-hide { display: none; }
.ui-tabs-nav { list-style-type: none; }

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
   display: block;
   clear: both;
   content: " ";
}

.imgNotFound1 {
/*background: transparent url(http://work.masto.fi/clen/image/eikuvaa_pieni2.jpg) no-repeat;*/
}

#container-1 ul li {
float: left;
}


* {
margin: 0;
padding: 0;
border: 0;
font-family: Trebuchet MS;
color: #444;
font-size: 10pt;
}



p {
margin-bottom: 10px;
}

body {
background: #d1cdcd url(images/background.png) repeat-x; 
}

ul {
list-style-type: none;
}

#wrapper {
margin: auto;
width: 994px;
background: url(images/wrapper_bg.png) repeat-y;
}

#skin {
width: 994px;
background: url(images/header_bg.png) no-repeat;
}

#header {
padding-top: 30px;
width: 953px;
margin: auto;
}

#flag_nav {
float: right;
margin: 0 5px 5px 0;
}

#flag_nav a {
font-size: 8pt;
text-transform: uppercase;
}

#top_bar {
width: 953px;
height: 54px;
background: url(images/top_bar.png) no-repeat; 
}

#top_form {
float: right;
padding: 15px 20px;
height: 20px;
}

#top_form label {
font-family: Arial;
color: #fff;
text-transform: uppercase;
font-size: 8pt;
margin: 0 10px 0 20px;
font-weight: bold;
display: inline;
width: auto;
float: left;
}

.top_input, .top_input:focus {
background: url(images/top_input_bg.png) no-repeat;
padding: 5px 10px;
width: 74px;
margin: 0;
border: 0;
display: inline;
float: left;
}

.top_button {
background: url(images/top_input_submit.png) no-repeat;
width: 25px;
height: 25px;
margin: 0;
border: 0;
display: inline;
}

#nav, .menuMainHorizontal {
margin-top: 6px;
background: url(images/nav.png) no-repeat;
width: 221px;
height: 202px;
float: left;
}

#nav ul, .menuMainHorizontal ul {
list-style-type: none;
}

#nav ul li, .menuMainHorizontal ul li {
padding-top: 11px;
padding-left: 40px;
height: 20px;
}

#nav ul li a, .menuMainHorizontal ul li a {
text-decoration: none;
text-transform: uppercase;
}

.menuMainHorizontal a:hover span {
color: #444;
}

.menuMainHorizontal span, .menuMainHorizontal ul li a {
font-size: 12pt;
color: #fff;
font-weight: bold;
}


#img_area {
margin: 6px 0 0 6px;
width: 723px;
height: 202px;
float: left;
}

#content {
width: 950px;
margin: 6px auto;
_margin-left: 20px;
background: url(images/container_bg.png) repeat-y;
padding: 0;
_width: 1000px;
}

#content_kilpailu {
width: 950px;
margin: 6px auto;
background: url(images/container_bg_kilpailu.png) repeat-y;
}

#content_bottom {
background: url(images/container_bottom.png) no-repeat bottom;
width: 950px;
}

#content_bottom_kilpailu {
background: url(images/container_bottom_kilpailu.png) no-repeat bottom;
width: 950px;
}

#content_bottom_fi {
background: url(images/container_bottom_fi.png) no-repeat bottom left;
width: 950px;
margin: 0;
padding: 0;
_width: 1000px;
}


#content_bottom_se {
background: url(images/container_bottom_se.png) no-repeat bottom left;
width: 950px;
margin: 0;
padding: 0;
_width: 1000px;
}

#content_bottom_en {
background: url(images/container_bottom_en.png) no-repeat bottom left;
width: 950px;
margin: 0;
padding: 0;
_width: 1000px;
}

#left_column, #center_column, #right_column {
float: left;
       margin: 0;
       padding: 0;
}

#center_column {
margin-left: 6px;
_margin-left: -34px;
}

#right_column {
margin-left: 5px;
_margin-left: -15px;
margin-right: 0px;
padding-right: 0px;
}

input.search_field, select.search_field, input.search_field:focus, select.search_field:focus {
background: url(images/search_field_bg.png) no-repeat;
width: 152px;
height: 28px;
padding: 5px 4px 0 4px;
float: left;
display: inline;
border: 0;
margin: 0;
}

select.search_field {
float: none;
}

input.search_button, input.search_button:hover {
width: 25px;
height: 28px;
float: left;
display: inline;
margin: 0;
border: 0;
padding: 0;
}

#left_column, #right_column {
width: 221px;
margin-bottom: 7px;
}

#center_column {
width: 497px;
margin-bottom: 97px;
}


#tuote_nav {
margin-top: 20px;
width: 497px;
height: 33px;
}

#tuote_nav ul {
list-style-type: none;
}

#tuote_nav ul li a {
border: 0;
}


.content_area {
width: 497px;
background: url(images/content_bg.png) repeat-y;
}

.box_header {
width: 221px;
height: 40px;
background: url(images/box_header.png) no-repeat;
}

.box2_header {
width: 221px;
height: 51px;
background: url(images/box2_header.png) no-repeat;
}

.box_content {
width: 221px;
background: url(images/box_bg.png) repeat-y;
}

.box_padding {
padding: 7px 13px;
}

.box_padding2 {
padding: 7px 19px;
}

.box_padding2 p, .box_padding2 strong {
font-size: 8pt;
}

.c_header, .b_header, .b2_header {
text-transform: uppercase;
}

.c_header {
width: 497px;
height: 39px;
background: url(images/c_box_header.png) no-repeat;
padding-left: 20px;
padding-top: 11px;
font-size: 12pt;
font-weight: bold;
color: #fff; 
}

.b_header, .b2_header {
width: 221px;
padding-left: 40px;
padding-top: 11px;
font-size: 12pt;
font-weight: bold;
color: #fff;
}

.b2_header {
padding-top: 22px;
}

#footer {
margin: auto;
width: 994px;
height: 58px;
background: url(images/footer.png) no-repeat;
}

#footer_fi {
margin: auto;
width: 994px;
height: 58px;
background: url(images/footer_fi.png) no-repeat;
}

#footer_se {
margin: auto;
width: 994px;
height: 58px;
background: url(images/footer_se.png) no-repeat;
}

#footer_en {
margin: auto;
width: 994px;
height: 58px;
background: url(images/footer_en.png) no-repeat;
}

.clearAll {
clear: both;
}


.fleft {
float: left;
}

.fright {
float: right;
}


/* navit */

#tuote_valikko, .menuSubHorizontal {
background: url(images/tuote_bg.gif);
width: 195px;
}

#left_column ul {
list-style-type: none;
}

#left_column li a {
line-height: 27px;
}

#left_column li li {
padding-left: 15px;
background: url(images/li_arrow.gif) no-repeat left center;
}

#left_column li a {
color: #ec2027;
text-decoration: none;
font-size: 12pt;
}


li.selected li a {
font-weight: normal;
}

li.selected a {
font-weight: bold;
}



#left_column li li a, #left_column li li li a, #left_column li li li li a {
color: #444;
font-size: 10pt;
}

#left_column .menuSubHorizontal li {
padding-left: 15px;
}

#left_column .menuSubHorizontal li a {
font-size: 10pt;
color: #444;
}

.menuSubHorizontal a:hover, #tuote_valikko a:hover {
border-bottom: 1px solid #ec2027;
}

#left_column .catalog_menu_items a {
font-size: 8pt;
line-height: 27px;
}


/* tuotesivu */

#txt_column {
width: 225px;
float: right;
margin-left: 8px;
}

#img_column {
width: 225px;
height: 370px;
float: left;
position: relative;
}

#img_column_img {
position: absolute;
}

#img_column_bar {
position: absolute;
top: 326px;
}

.tuote_kuva {
border: 2px solid #cbcbcb;
}

.bigger {
font-weight: bold;
}

.smaller {
font: 10pt "Trebuchet MS";
}

div.item_tab_content {
width: 350px;
margin: auto;
}

.item_tab_content table {
width: 350px;
margin: auto;
}

.item_tab_content th {
width: 150px;
text-align: left;
border-bottom: 1px dotted #7f7f7f;
padding: 6px 0 1px 0;
}

.item_tab_content td {
width: 200px;
text-align: right;
border-bottom: 1px dotted #7f7f7f;
padding: 6px 0 1px 0;
}

#lisavarusteet .lisav_1 {
float: left;
width: 225px;
padding: 10px 15px 10px 0;
border-right: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
}

#lisavarusteet .lisav_2 {
float: left;
width: 225px;
border-bottom: 1px dotted #bbb;
padding: 10px 0 10px 5px;
}

.lisav_name {
font-size: 8pt;
}



/* kategoriat */

.category_header {
background: url(images/cat_header.png) no-repeat;
width: 213px;
height: 29px;
}

.category_header h1 {
padding: 7px 0 0 43px;
color: #7e7e7e;
}

.category_bg {
width: 213px;
height: 133px;
position: relative;
}

.category_img {
width: 207px;
height: 91px;
position: absolute;
top: 3px;
left: 3px;
}

.category_frame {
position: absolute;
background: url(images/cat_paallys.gif) no-repeat;
width: 213px;
height: 97px;
}

.category_readmore {
background: url(images/ll_palkki.gif) no-repeat;
width: 86px;
height: 24px;
padding: 6px 0 0 10px;
position: absolute;
top: 87px;
left: 105px;
}

.category_readmore {
font-size: 6pt;
text-transform: uppercase;
}

.category_image {
width: 213px;
height: 109px;
position: relative;
margin-bottom: 10px;
}

.readMore {
position: absolute;
top: 87px;
left: 125px;
font-size: 6pt;
text-transform: uppercase;
}

.cat_1 {
float: left;
margin-left: 10px;
position: relative;
}

.cat_2 {
float: right;
margin-right: 10px;
position: relative;
}


/* tuotelista */

.main_cat {
width: 150px;
float: left;
margin: 0 4px 15px 3px;
}

.main_cat_header {
background: url(images/item_title.gif) no-repeat;
width: 150px;
height: 27px;
}

.main_cat_header h1 {
padding: 8px 0 0 9px;
color: #7e7e7e;
}

.main_cat_header h1 a {
font-size: 8pt;
}

.main_cat_bg {
width: 150px;
height: 200px;
position: relative;
}

.main_cat_image {
position: absolute;
text-align: center;
width: 150px;
height: 195px;
}



.item {
width: 150px;
float: left;
margin: 0 4px 15px 3px;
position: relative;
}

.item_header {
background: url(images/item_title.gif) no-repeat;
width: 150px;
height: 27px;
}

.item_header h1 {
padding: 7px 0 0 7px;
color: #7e7e7e;
}

.item_header h1 a {
font-size: 8pt;
}

.item_bg {
width: 150px;
height: 92px;
position: relative;
}

.item_img {
width: 90px;
height: 91px;
position: absolute;
top: 3px;
left: 3px;
}

.item_thumb {
position: absolute;
width: 150px;
height: 92px;
}

.item_frame {
position: absolute;
background: url(images/item_bg.gif) no-repeat;
width: 150px;
height: 92px;
}

.item_info {
background: url(images/item_info_bg.gif) no-repeat;
width: 150px;
height: 95px;
line-height: 30px;
}

.item_feature_icon {
margin: 4px 4px 0 3px;
float: left;
}

.item_feature {
float: right;
font-size: 8pt;
margin-right: 4px;
}

#center_column .item_info table {
width: 150px;
}

#center_column .item_info td {
width: 74px;
border: 0;
padding: 0;
text-align: left;
}


#center_column td.double {
width: 148px;
}

#item_legend {
float: left;
margin-bottom: 20px;
}

#item_legend .legend {
width: 90px;
float: left;
line-height: 20px;
margin-right: 20px;
}


/* uutiset */

p.news_date, p.lisav_code {
font: 500 10px/14px Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}

p.lisav_code {
color: #aaa;
}

h2.news_title {
font: 700 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
border-bottom: 1px dotted #999;
}

.news_readmore a {
line-height: 10px;
font-size: 10px;
text-transform: uppercase;
padding-left: 15px;
background: url(images/news_arrow.png) left center no-repeat;
}

.news_readmore {
margin-bottom: 20px;
}


/* jalleenmyyjat */

h4.rs_title {
border-bottom: 1px dotted #ccc;
}

th.rs_th_group {
padding-top: 20px;
width: 300px;
text-align: left;
}

th.rs_th_feat {
padding-top: 20px;
width: 50px;
text-align: center;
border-bottom: 1px solid #ccc;
color: #888;
font-weight: normal;
}

td.rs_td_name {
padding-top: 6px;
border-bottom: 1px dotted #ccc;
}

td.rs_td_name a {
text-decoration: none;
}

td.rs_td_group {
padding-top: 6px;
text-align: center;
border-bottom: 1px dotted #ccc;
}

#rs_radio {
font: 500 10px/14px Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin: 0;
}


/* hakutulokset */

#searchResults {
margin-left: 20px;
}

.search_item_title {
display: block;
margin-top: 12px;
font: 700 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.search_item_highlight {
font-weight: bold;
}

.search_item_filename {
display: block;
color: #bbb;
}

.search_catalogs ul li a {
margin-top: 12px;
font: 700 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* FORM */

fieldset {
margin: 10px 0 0 0;
padding: 10px 1%;
border: 1px dotted #999;
}

fieldset fieldset {
clear: left;
margin: 10px 1%;
width: 95%;
}

legend {
background: #fff; /* TAUSTAN V?*/
padding: 0 1%;
font: 900 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

label {
width: 48%;
display: block;
float: left;
font: 700 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 0 1%;
}

input, textarea, select {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 1px solid #9ab;
background: #f5f7f9;
width: 98%;
display: block;
}

input:focus, textarea:focus, select:focus {
background: #eef0f2;
border: 1px solid #678;
}

.label1col, .cb1col { width: 99%; }
.label2col, .cb2col { width: 49%; }
.label3col, .cb3col { width: 32.3%; }
.label4col, .cb4col { width: 24%; }

.label1col input, .label1col select, .label1col textarea { width: 98%; }
.label2col input, .label2col select, .label2col textarea { width: 96%; }
.label3col input, .label3col select, .label3col textarea { width: 94%; }
.label4col input, .label4col select, .label4col textarea { width: 92%; }

.cb1col, .cb2col, cb3col, cb4col { cursor: pointer; cursor: hand; float: left; }
.cb1col input, .cb2col input, cb3col input, cb4col input { 
display: inline; 
padding: 0;
margin-right: 5px;
vertical-align: bottom;
width: auto;
border: none;
background: none;
}

.formButtons {
padding: 10px;
text-align: center;
}

.submitImage button, .navImage button {
border: none;
width: auto;
margin: 0 5px;
background: none;
cursor: pointer;
cursor: hand;
display: inline;
}

.submitButton button, .navButton button {
border: 3px double #ffffff;
background: #ed2127;
padding: 3px 10px;
width: auto;
color: #fff;
cursor: pointer;
cursor: hand;
margin: 0 5px;
display: inline;
}

.submitButton button:hover, .navButton button:hover {
border: 3px double #ffffff;
background: #ce191e;
}

.fieldsetIngress {
font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 1%;
}

.warningText {
border: 1px dotted #cf839e;
background: #feeef4;
padding: 5px 2%;
font-size: 11px;
font-weight: bold;
}

.warning {
border: 1px solid #cf839e;
background: #feeef4;
}


.warranty_tr1 {  }
.warranty_tr2 { padding: 8px 3px; background: #eee; }
.warranty_tr1 td, .warranty_tr2 td { padding: 10px 10px; }
#manualRetailerBox td { padding: 1px; }

#custs { width: 99%; }
#custs select { margin-left: 1%; }