body
{
    background-color: #fff;
    color: #7a8087;
    font-size: 62.5%;
    font-family: "Arial", "Helvetica", sans-serif;
    text-align: center;
}

a
{
    text-decoration: none;
    color: #d8421d;
}

/**** Common element styles ***/
a.arrow,
#container #main #second-navigation ul li a,
#container #main #content-navigation ul li a,
#container #main #content a,
#container #main #content #information ul li a,
body.frontpage #container #main .feature a 
{
    background: url('../img/arrow-red.gif') no-repeat top left;
    padding-left: 18px;
    line-height: 1.2em;
}

#container #main #second-navigation ul li a:hover,
#container #main #second-navigation ul li.selected a,
#container #main #content-navigation ul li a:hover,
#container #main #content-navigation ul li.selected a,
#container #main #content a:hover,
#container #main #content #information ul li a:hover,
body.frontpage #container #main .feature a:hover
{
    color: #5d5d5d;
    background: url('../img/arrow-gray.gif') no-repeat top left;
    text-decoration: none;
}

/* Don't use normal bulletin image in these */
#container #main #content .gallery a,
#container #main #content .gallery a:hover,
#container #main #content .thickbox,
#container #main #content #product_colors a,
#container #main #content div.product_colors a,
#container #main #content #product_colors a:hover,
#container #main #content div.product_colors a:hover,
#container a.regular
{
    padding-left: 0px !important;
    background: none !important;
}


#container #main #content #related div.product_description_right img.floater
{
    float: right;
}

/**** Common element styles ***/

a:hover
{
    text-decoration: underline;
}

h1, h2, h3
{
    font-weight: normal;
    line-height: 1em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.2em;
}

input
{
    color: #7a8087;
    font-family: "Arial", "Helvetica", sans-serif;
}

ol
{
    list-style-type: decimal;
    list-style-position: inside;
}

/** Datamanager related */

#map a,
.datamanager2 a
{
    background: none !important;
    padding: 0 !important;
}

.datamanager2 input
{
    color: #000;
}


#top_margin_container
{
    height: 42px;
    display: block;
    width: 100%;
}

#container
{
    width: 900px;
    margin: 0px auto 30px;
    text-align: left;
}

.phark
{
    overflow: hidden;
    text-indent: -1000em;
}

/** Header */

#container #header #logo
{
    float: left;
}

#container #header #logo a
{
    background: url('../img/logo-ruukki.gif') no-repeat top left;
    display: block;
    height: 21px;
    width: 200px;
}

#container #header #get_served a
{
    background: url('../img/button-get_served.gif') no-repeat top left;
    float: right;
    width: 215px;
    padding: 12px 0 8px;
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
}

/** Navigation */

#container #navigation
{
    clear: both;
    background: url('../img/bg-nav.jpg') no-repeat top left;
    height: 43px;
    width: 900px;
}

#container #navigation ul
{
    padding: 3px 0 0 2px;
}

#container #navigation ul li
{
    display: inline;
}

#container #navigation ul li a
{
    font-size: 1.4em;
    color: #5d5d5d;
    float: left;
    padding: 16px 14px 10px 10px;
    background: url('../img/bg-nav-divider.gif') no-repeat top right;
    text-decoration: none;
}

#container #navigation ul li.selected a,
#container #navigation ul li a:hover
{
    color: #e64327;
}

/** Content */

body.frontpage #container #main,
body.iframe_wide #container #main,
body.flash_inspiration #container #main,
body.popup #container #main
{
    background: none;
}

#container #main
{
    float: left;
    background: url('../img/bg-sub-nav.gif') repeat-y top left;
    width: 100%; /* for safari */
}

/** Second level of navigation */

#container #main #second-navigation
{
    width: 180px; /* 215 */
    font-size: 1.2em;
    padding: 20px 15px 0 20px;
    float: left;
}

#container #main #second-navigation h3
{
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0.8em;
}

#container #main #second-navigation p
{
    font-size: 0.9166em;
    margin: 1em 0;
}

#container #main #second-navigation ul li
{
    margin-bottom: 10px;
}

#container #main #second-navigation ul li a
{
    display: block;
}

/** Main */

#container #main #content
{
    width: 672px;
    margin-left: 12px;
    font-size: 1.1em;
    line-height: 1.4em;
    float: left;
}

#container #main #content p a,
#container #main #content h2 a,
#container #main #content h3 a
{
    background: none;
    padding: 0;
}

#container #main #content p a:hover,
#container #main #content h2 a:hover,
#container #main #content h3 a:hover
{
    background: none;
}

#container #main #content h2
{
    font-size: 1.2727em; /* 14 */
    margin-bottom: 0.5em;
}

#container #main #content h3
{
    font-size: 1.0909em; /* 12 */
}

#container #main #content h4
{
    font-weight: bold;
}

#container #main #content hr
{
    color: #ccc; /* IE */
    background-color: #ccc; /* Other folks */
    border: 0;
    height: 1px;
    margin: 2.5em 0;
}

/** Imagery */

#container #main #content #imagery
{
    position: relative;
    line-height: 0.6em;
    width: 100%;
}

#container #main #content #imagery a
{
    right: 0;
    bottom: 0;
    background: url('../img/button-request.gif') no-repeat top left;
    width: 215px;
    padding: 13px 0 9px;
    color: #fff;
    display: block;
    font-size: 1.0909em;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    line-height: 1em;
    z-index: 500;
}

/** Content-navigation */

#container #main #content #content-navigation ul
{
    padding: 20px 0;
    
}

#container #main #content #content-navigation ul li
{
    display: inline;
}

#container #main #content #content-navigation ul li a
{
    float: left;
    margin-right: 25px;
    font-size: 1.0909em;
    margin-bottom: 4px;
}

/**** Self-clearing rules ***/
#container #main #content #content-navigation ul:after,
#container #main #content #content-body .gallery:after,
#container #main #content #results ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container #main #content #content-navigation ul,
#container #main #content #content-body .gallery,
#container #main #content #results ul li { display: inline-block; }
#container #main #content #content-navigation ul,
#container #main #content #content-body .gallery,
#container #main #content #results ul li { display: block; }
/**** Self-clearing rules ***/

/** Related */

#container #main #content .wrap
{
    padding-bottom: 5px;
    background: url('../img/bg-related-bottom.gif') no-repeat bottom left;
    float: right;
    margin-left: 13px;
}

#container #main #content .root_wrap
{
    width: 212px;
    float: right;
}

#container #main #content .wrap {
    margin-bottom: 15px;
}

#container #main #content #related
{
    background: #f5f5f5 url('../img/bg-related-top.gif') no-repeat top left;
    padding: 18px 18px 13px;
    width: 176px; /* 215 */
    line-height: 1.3em;
    overflow-x: hidden;
}

#container #main #content #related h1
{
    font-size: 1.6363em;
    margin-bottom: 0.35em;
}

#container #main #content #related h3
{
    margin-bottom: 0.7em;
}

#container #main #content #related ul
{
    margin-bottom: 0.5em;
}

#container #main #content #related  div.product_description_right div.product_coatings ul.coatings
{
    list-style:none outside none;    
    padding-left: 0px;
}

#container #main #content #related  div.product_description_right div.product_coatings ul.coatings li
{
}

#container #main #content #related ul li
{
/*    background: url('../img/bullet-related.gif') no-repeat 0 3px;
    padding-left: 8px;
*/}

#container #main #content #related img
{
    float: left;
    margin: 0 10px 0 0;
}

#container #main #content #related p
{
    margin-bottom: 0.25em;
}

#container #main #content #related table td.detail
{
    width: 110px;
}

/** Content-body */

/* Add this style when the right side content box is present */
#container #main #content .narrow
{
    float: left;
    width: 444px;
}

#container #main #content h1
{
    font-size: 2.1818em;
    margin: 0.5em 0 1.25em;
}

#container #main #content #content-body p
{
    margin: 2em 0;
}

/** Information */

#container #main #content #information
{
    margin-top: 1.85em;
}

#container #main #content #information h3
{
    margin: 1em 0 0.5em;
}

#container #main #content #information ul li
{
    margin-bottom: 0.25em;
}

/** Product listing */

#container #main #content .listing
{
   clear: both;
}

#container #main #content .find_products .listing
{
    clear: none;
    float: none;
}

#container #main #content-body ul.products li p {
    margin: 0 !important;
}

#container #main #content #content-body.find_products {
    background: #f3f3f3;
    padding: 15px;
    padding-top: 5px;
}

#container #main #content #content-body.narrow {
    width: 417px;
    padding: 15px;
    padding-top: 5px;
}


#container #main #content .products_lift_center {
    width: 417px;
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 15px;
}

#container #main #content .products_lift_center img.floater {
    float: left;
    padding-right: 10px;
}

/** Bottom */

#container #bottom
{
    padding-top: 35px;
    clear: left;
    background: url('../img/bg-related-bottom.gif') no-repeat top left;
}

/** Shortcuts */

#container #bottom #shortcuts
{
    padding: 20px 0;
    border-top: 1px solid #ccc;
    float: left;
}

#container #bottom #shortcuts .shortcut
{
    width: 200px;
    padding-right: 25px;
    float: left;
}

#container #bottom #shortcuts .shortcut h2
{
    margin-bottom: 1em;
}

#container #bottom #shortcuts .shortcut p
{
    font-size: 1.1em;
    line-height: 1.4em;
}

/** Footer */

#container #bottom #footer
{
    clear: left;
    background: url('../img/bg-footer.jpg') no-repeat top left;
   border-top: 1px solid #ccc;
    font-size: 0.9em;
    padding-top: 9px;
    text-transform: uppercase;
}

.flash_inspiration #container #bottom
{
    background: none;
}

#container #bottom #footer #countries
{
    width: 500px;
    float: left;
}

#container #bottom #footer #countries ul
{
    float: left;
    margin: 9px 0 0;
}

#container #bottom #footer #countries ul li
{
    float: left;
    margin: 0 5px 8px 0;
}

#container #bottom #footer #search
{
    float: right;
    width: 220px;
    position: relative;
}

#container #bottom #footer #search form
{
    position: absolute;
    right: 0px;
}

#container #bottom #footer #search .query,
#container #main #content .section .actionable .city,
#container #main #content #controls .city
{
    border: 0;
    background: url('../img/bg-search.gif') no-repeat top left;
    width: 167px;
    height: 17px;
    padding: 5px 8px 0;
    float: left;
    margin-right: 5px;
}

#container #bottom #footer #search .submit
{
    height: 22px;
    width: 22px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -1000em;
    background: url('../img/button-search.gif') no-repeat top left;
    color: #fff;
}

#container #bottom #footer #copyright
{
    clear: both;
    padding-top: 10px;
}

/** Frontpage specific */

body.frontpage #container #bottom
{
    padding-bottom: 30px;
    background: none;
}

body.frontpage #container #main #featured
{
    font-size: 1.1em;
    margin-top: 13px;
}

body.frontpage #container #main .feature
{
    width: 215px;
    float: left;
    margin-right: 13px;
    line-height: 1.3em;
}

body.frontpage #container #main .feature h2
{
    margin: 0.75em 0 0.9em;
    font-size: 1.2727em;
}

body.frontpage #container #main .feature a h2
{
    color: #7A8087;
}

body.frontpage #container #main .feature li
{
    display: block;
    margin-bottom: 2px;
}

body.frontpage #container #main .feature p
{
    margin-bottom: 2px;
}

body.frontpage #container #main .last
{
    margin: 0;
}

body.frontpage #container #main #flash #altercontent
{
    position: relative;
}

body.frontpage #container #main #flash #altercontent #altercontent_txt
{
    position: absolute;
    top: 60px;
    left: 90px;
}

body.frontpage #container #main #flash #altercontent #altercontent_txt h1
{
    font-size: 30px;
    margin-bottom: 18px;
    color: #D8421D;
}

body.frontpage #container #main #flash #altercontent #altercontent_txt,
body.frontpage #container #main #flash #altercontent #altercontent_txt p
{
    line-height: 1.2em;
    font-size: 18px;
    color: #D8421D;
}

body.frontpage #container #main #flash #altercontent #altercontent_link
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 840px;
    background: #555555;
    text-align: right;
    padding: 5px 30px 8px;
}

body.frontpage #container #main #flash #altercontent #altercontent_link a
{
    color: #FFFFFF;
    font-size: 18px;
}

/** Gallery */

#container #main #content .gallery
{
    margin-top: -7px;
}

#container #main #content .gallery li
{
    float: left;
    margin: 7px 17px 13px 0;
}

#container #main #content ul.gallery li .gallery_thumbnail
{
    height: 89px;
    width: 155px;
    text-align: left;
}

#container #main #content .gallery li.fourth
{
    margin-right: 0;
}

#container #main #content .gallery li p
{
    margin: 0;
}

/* Products */

#product_colors,
div.product_colors
{
    margin-top: 19px;
}

#container #main #content ul.products
{
    margin-top: 7px;
}

#container #main #content ul.products li
{
    float: left;
    margin: 7px 17px 13px 0;
}

#container #main #content #content-body ul.products li
{
    background: none;
    padding-left: 0px;
}

#container #main #content ul.products li.fourth
{
    margin-right: 0;
}

#container #main #content ul.products li p
{
    margin: 0;
}

#container #main #content ul.products li .product_thumbnail
{
    height: 89px;
    width: 155px;
    text-align: center;
}

#container #main #content ul.products li p.style,
#container #main #content ul.products li p.identifier
{
    width: 155px;
    margin: 0;
}

#container #main #content ul.products li .product_thumbnail a
{
    padding-left: 0px;
}

#container #main #content ul.products li.untranslated a
{
    text-decoration: line-through !important;
}

#container #main #content ul.products li a,
#container #main #content ul.products li a:hover,
#container #main #content #content-body ul.products li a,
#container #main #content #content-body ul.products li a:hover
{
    padding-left: 0px;
    background: none;
}

#content-body #images #detailed
{
    height: 225px;
    padding-bottom: 10px;
}

/** Components */

#container #main #content #content-body #diagram
{
    float: right;
    width: 320px;
}

#container #main #content #content-body #details
{
    width: 325px;
    float: left;
}

#container #main #content #content-body #details p
{
    margin: 0 0 1.8em;
}

#container #main #content #content-body #details ol
{
    list-style-type: decimal;
    list-style-position: inside;
}

/** Product details info */

#container #main #content #content-body #images #thumbnails img
{
    margin: 7px 7px 0 0;
}

/** Cost calculator */

#container #main #content #content-body #costs p
{
    margin-top: 0;
}

#container #main #content #content-body #costs #calculator
{
    width: 200px;
    margin-right: 29px;
    float: left;
}

#container #main #content #content-body #costs #calculator label
{
    display: block;
    font-weight: bold;
}

#container #main #content #content-body #costs #calculator input
{
    border: 0;
    background: url('../img/bg-costs.gif') no-repeat top left;
    width: 184px;
    height: 17px;
    padding: 5px 8px 0;
    margin-bottom: 13px;
}

#container #main #content #content-body #costs #calculator select
{
    width: 200px;
    margin-bottom: 13px;
}

#container #main #content #content-body #costs #calculator input#calculate
{
    background: url('../img/button-calculate.gif') no-repeat top left;
    width: 65px;
    height: 22px;
    padding: 0 0 2px;
    color: #fff;
    float: right;
    margin: 0;
}

#container #main #content #content-body #costs #estimate
{
    width: 215px;
    float: left;
}

#container #main #content #content-body #costs #estimate ul li
{
    clear: both;
    padding-top: 7px;
}

#container #main #content #content-body #costs #estimate ul li .deliverable
{
    float: left;
}

#container #main #content #content-body #costs #estimate ul li .cost
{
    float: right;
}

/** Get served frontpage */

#container #main #content .section
{
    clear: both;
    padding-top: 30px;
}

#container #main #content .section h2
{
    margin-bottom: 0.7em;
}

#container #main #content .section img
{
    float: left;
    margin-right: 10px;
}

#container #main #content .section p
{
    margin: 0 0 1em;
}

#container #main #content .section .actionable
{
    width: 215px;
    float: right;
    margin-left: 13px;
}

#container #main #content .section .actionable a.button
{
    background: url('../img/button-actionable.gif') no-repeat top left;
    color: #fff;
    display: block;
    margin-bottom: 1.2em;
    padding: 13px 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: 215px;
}

#container #main #content .section .actionable a.button:hover
{
    text-decoration: underline;
}

#container #main #content .section .actionable label
{
    display: block;
    margin-bottom: 0.25em;
}

#container #main #content .section .actionable .submit,
#container #main #content #controls .submit
{
    height: 22px;
    width: 22px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -1000em;
    background: url('../img/button-submit.gif') no-repeat top left;
    color: #fff;
}

/** Get served search */

#container #main #content #controls
{
    float: left;
    margin-top: 20px;
    padding-bottom: 15px;
    width: 100%;
}

#container #main #content #controls h2
{
    float: left;
}

#container #main #content #controls .categories
{
    float: right;
    width: 448px;
}

#container #main #content #controls .categories input
{
    clear: left;
    float: left;
    margin-top: 0;
}

#container #main #content #controls .categories label
{
    float: left;
    margin-top: 1px;
    height: 30px;
}

#container #main #content #controls .categories label .search_pin
{
    float: left;
    margin: -5px 5px 0 5px;
}

#container #main #content #controls .city
{
    margin-right: 10px;
}

#container #main #content #controls .submit
{
    float: left;
}

#container #main #content #map
{
    float: left;
    border: 1px solid #ddd;
    line-height: 0.5em;
    width: 441px;
    margin-left: 14px;
}

#container #main #content #results
{
    clear: both;
    float: left;
    width: 215px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 508px;
}

#container #main #content #results hr
{
    clear: left;
    margin: 1.4em 0;
}

#container #main #content #results a
{
    padding: 0;
    background: none;
}

#container #main #content #results ul li
{
    margin: 0.8em 0;
}

#container #main #content #results .name
{
    float: left;
}

#container #main #content #results .city
{
    float: right;
    line-height: 1em;
}

#container #main #content #results .details
{
    clear: both;
    padding-top: 0.75em;
}

#container #main #content #results .details a.print
{
    display: block;
    margin-top: 0.9em;
    padding-left: 21px;
    background: url('../img/icon-print.gif') no-repeat top left;
    height: 12px;
}

/** Get served listing */

#container #main #content #listing
{
    margin-top: 13px;
}

#container #main #content #listing .scrollable
{
    height: 590px; /* Perhaps this should be something more appropriate? */
    background: url('../img/bg-table-wrap.gif') repeat-y top right;
    width: 672px;
}

#container #main #content #listing table
{
    width: 100%;
}

#container #main #content #listing table thead
{
    background: url('../img/bg-listing.gif') repeat-x top left;
    color: #d8421d;
    font-size: 1.0909em;
    font-weight: bold;
    height: 35px;
}

#container #main #content #listing table thead th
{
    border-top: 2px solid #f0f0f0;
    border-bottom: 2px solid #d4d4d4;
    border-right: 1px solid #929292;
    margin: 1px 0;
    padding-right: 11px;
    padding-left: 11px;
    min-width: 90px;
    min-height: 35px;
}

#container #main #content #listing table thead th.last
{
    border-right: none;
}

#container #main #content #listing table tbody td
{
    padding: 3px 0 3px 11px;
    color: #5d5d5d;
}

#container #main #content #listing table tbody tr
{
    background-color: #fff;
}

#container #main #content #listing table tbody tr.even
{
    background-color: #e9e9e9;
}

#container #main #content #listing table a
{
    background: none;
    padding-left: 0px;
}

/** Search */

#container #main #content .midcom_helper_search_result
{
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}

#container #main #content .midcom_helper_search_result_nav
{
    text-align: right;
}

/** store locator popup */
body.popup #container
{
    width: 630px;
    margin: 0;
}

body.popup #container #main
{
    margin: 0;
}

body.popup #container #main #content
{
    width: 445px;
    margin: 0;
}

body.store #container #main #content
{
    width: 445px;
}

body.popup #container #main #content h1,
body.store #container #main #content h1
{
    color: #d8421d;
    font-size: 1.2727em;
}

body.popup #container #main #content hr,
body.store #container #main #content hr
{
    margin: 15px 0 10px;
}

body.popup #container #bottom
{
    background: none;
    padding: 0;
    border: 0;
}

body.popup #container #main #content #map,
body.store #container #main #content #map
{
    float: none;
    margin: 0;
}

/* TinyMce-styles */
.mceEditor a,
.mceEditor a:hover
{
    padding-left: 0px !important;
    background: none !important;
}

.clearer_right
{
    clear: right;
}

.clearer_left
{
    clear: left;
}

.clearer
{
    clear: both;
}


/* Iframe rules */
body.iframe_wide #container #main #second-navigation
{
    display: none;
}

body.iframe_wide #container #main #content
{
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0;
    width: 100%;    
}

body.iframe_wide #container #main #content #externalcontent
{
    width: 900px;
    border: none;
}

body.iframe #container #main #content #externalcontent
{
    width: 660px;
    border: none;
}

body.iframe_wide #container #main .equal
{
    float: left;
    margin-bottom: 0;
    padding-bottom: 0;
}

.untranslated, 
.untranslated a
{
    text-decoration: line-through !important;
}

/* Contact us form */

#contact_us
{
}

#contact_us label
{
    display: block;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 2px;
}

#contact_us input.text_input
{
    display: block;
    border: 1px solid #666666;
    padding: 3px 5px;
    width: 217px;
}

#contact_us select
{
    display: block;
    color: #666666;
    width: 227px;
}

#contact_us select option
{
    padding: 0px 5px;
}

#contact_us textarea
{
    padding: 3px;
    width: 217px;
    height: 60px;
    padding: 3px 5px;
    color: #666666;
}


.person_list
{
    margin-left: 10px;
}

.person_list li
{
    padding-left: 18px;
    margin-left: 0px;
}

#midcom_services_uimessages_wrapper
{
    z-index: 10000;
}

#midcom_services_uimessages_wrapper .midcom_services_uimessages
{
    color: #000000;
}

.downloads
{
    margin-top: 10px;
}

/* FAQ-related styles */
#container #main #content #content-body .answer p
{
    margin-top: 0px;
}

/* google map related styles */ 
.org_routamc_positioning_map p
{
    line-height: 110%;
    margin-top: 3px;
    margin-bottom: 3px;
}

#container #main #content .downloads li 
{
    background: transparent url(../img/arrow-red.gif) no-repeat scroll left top;
    padding-left: 18px;
}

#container #main #content .downloads li a
{
    background: none;
    padding-left: 0px;
}

.nowrap
{
    white-space: nowrap;
}

#container #main #content #content-body ul li
{
    background: transparent url(../img/arrow-red.gif) no-repeat scroll left top;
    padding-left: 18px;
}


#container #main #content #content-body #estimate ul li
{
    background: none;
    padding-left: 0px;
}


#container #main #content #content-body .get_served_fp_item
{
    margin-bottom: 15px;
}

#container #main #content #content-body .get_served_fp_item_clearer
{
    clear: both;
    overflow: hidden;
    height: 1px;
}

#container #main #content #content-body .get_served_fp_item_image
{
    float: left;
    width: 145px;
}

#container #main #content #content-body .get_served_fp_item_content
{
    float: left;
    margin-left: 20px;
    width: 280px;
}

#container #main #content #content-body .get_served_fp_item_content_wide_no_image
{
    float: left;
    width: 672px;
}

#container #main #content #content-body .get_served_fp_item_content_no_image
{
    float: left;
    width: 445px;
}

#container #main #content #content-body .get_served_fp_item_content_wide
{
    float: left;
    width: 495px;
    margin-left: 20px;
}


#container #main #content #content-body .get_served_fp_item_right
{
    float: right;
    text-align: left;
    width: 215px;
}

#container #main #content #content-body .get_served_fp_item p
{
    margin-top: 0px;
    margin-bottom: 1em;
}

#container #main #content #content-body .get_served_fp_item form
{
    margin: 5px 0;
}

#container #main #content #content-body .get_served_fp_item .request_proposal a,
#container #main #content #content-body .get_served_fp_item .contact_us a,
#container #main #content #content-body .get_served_fp_item .user_defined a
{
    background: url('../img/button-get_served.gif') no-repeat top left;
    float: right;
    width: 215px;
    padding: 12px 0 8px;
    color: #fff;
    font-size: 1.1em;
    text-transform: uppercase;
    text-align: center;
}

#container #main #content .get_served_fp_item_right .submit
{
    background: url(../img/button-submit.gif) no-repeat scroll left top;
    border:0 none;
    color: #FFFFFF;
    height: 22px;
    margin: 0;
    padding: 0;
    width: 22px;
    text-indent: -2000px;
}
#container #main #content .get_served_fp_item_right .city
{
    border: 0;
    background: url('../img/bg-search_small.gif') no-repeat top left;
    width: 130px;
    height: 17px;
    padding: 5px 5px 0;
    float: left;
    margin-right: 5px;
}

#container #main form.datamanager2 .houses .house_1 #show_house_1_label,
#container #main form.datamanager2 .houses .house_2 #show_house_2_label,
#container #main form.datamanager2 .houses .house_3 #show_house_3_label,
#container #main form.datamanager2 .houses .house_4 #show_house_4_label,
#container #main form.datamanager2 .houses .house_5 #show_house_5_label,
#container #main form.datamanager2 .houses .house_6 #show_house_6_label,
#container #main form.datamanager2 .profiles .profile_1 #show_profile_1_label,
#container #main form.datamanager2 .profiles .profile_2 #show_profile_2_label,
#container #main form.datamanager2 .profiles .profile_3 #show_profile_3_label,
#container #main form.datamanager2 .profiles .profile_4 #show_profile_4_label,
#container #main form.datamanager2 .profiles .profile_5 #show_profile_5_label,
#container #main form.datamanager2 .profiles .profile_6 #show_profile_6_label
{
    float: left;
    margin-right: 50px;
}

#container #main form.datamanager2 .houses .house_1 #house_1_tooltip_label .field_text,
#container #main form.datamanager2 .houses .house_2 #house_2_tooltip_label .field_text,
#container #main form.datamanager2 .houses .house_3 #house_3_tooltip_label .field_text,
#container #main form.datamanager2 .houses .house_4 #house_4_tooltip_label .field_text,
#container #main form.datamanager2 .houses .house_5 #house_5_tooltip_label .field_text,
#container #main form.datamanager2 .houses .house_6 #house_6_tooltip_label .field_text,
#container #main form.datamanager2 .profiles .profile_1 #profile_1_tooltip_label .field_text,
#container #main form.datamanager2 .profiles .profile_2 #profile_2_tooltip_label .field_text,
#container #main form.datamanager2 .profiles .profile_3 #profile_3_tooltip_label .field_text,
#container #main form.datamanager2 .profiles .profile_4 #profile_4_tooltip_label .field_text,
#container #main form.datamanager2 .profiles .profile_5 #profile_5_tooltip_label .field_text,
#container #main form.datamanager2 .profiles .profile_6 #profile_6_tooltip_label .field_text
{
    float: left;
    margin-right: 5px;
    padding-top: 7px;
}

#container #main form.datamanager2 .houses .house_1 #house_1_tooltip_label,
#container #main form.datamanager2 .houses .house_2 #house_2_tooltip_label,
#container #main form.datamanager2 .houses .house_3 #house_3_tooltip_label,
#container #main form.datamanager2 .houses .house_4 #house_4_tooltip_label,
#container #main form.datamanager2 .houses .house_5 #house_5_tooltip_label,
#container #main form.datamanager2 .houses .house_6 #house_6_tooltip_label,
#container #main form.datamanager2 .profiles .profile_1 #profile_1_tooltip_label,
#container #main form.datamanager2 .profiles .profile_2 #profile_2_tooltip_label,
#container #main form.datamanager2 .profiles .profile_3 #profile_3_tooltip_label,
#container #main form.datamanager2 .profiles .profile_4 #profile_4_tooltip_label,
#container #main form.datamanager2 .profiles .profile_5 #profile_5_tooltip_label,
#container #main form.datamanager2 .profiles .profile_6 #profile_6_tooltip_label
{
    float: left;
}

#container #main form.datamanager2 .houses .house_1
{
    background: url('/style/img/house1.gif') no-repeat 580px 10px;
}

#container #main form.datamanager2 .houses .house_2
{
    background: url('/style/img/house2.gif') no-repeat 580px 10px;
}

#container #main form.datamanager2 .houses .house_3
{
    background: url('/style/img/house3.gif') no-repeat 580px 10px;
}

#container #main form.datamanager2 .houses .house_1,
#container #main form.datamanager2 .houses .house_2,
#container #main form.datamanager2 .houses .house_3,
#container #main form.datamanager2 .houses .house_4,
#container #main form.datamanager2 .houses .house_5,
#container #main form.datamanager2 .houses .house_6
{
    height: 65px;
}

#content-body-campaign_right
{
    width: 230px;
    float: right;
}

#content-body-campaign_left
{
    width: 430px;
}


#container #main #content #content-body-campaign_right a
{
    background: none;
    padding: 0px;
}


#container #main #content #content-body .product_description p
{
    margin-top: 0px;
}

#container #main #content #related .product_description_right ul
{
    padding-left: 14px;
    list-style: disc;
}

#container #main #content #related .product_description_right ul li
{
    padding-bottom: 2px;
}

#container #main #content #related .related_groups ul
{
    padding-left: 14px;
    list-style: disc;
}

#container #main #content #related .related_groups ul li
{
    padding-bottom: 2px;
}

.answer
{
    margin: 5px 0px 5px 0px;
    border-top: 1px solid #cccccc;
}

.counter_1
{
    border-top: 0px;
}

#container #main #content .answer h3
{
    padding-bottom: 3px;
    padding-top: 10px;
    color: #D8421D;
    font-size: 1.4em;
}

#container #main #content #content-body #references_listing ul.gallery li
{
    padding-left: 0px;
    background: none;
}

#container #main #content #references_listing ul.gallery li .gallery_thumbnail
{
    width: 130px;
}

#container #main #content #references_listing ul.gallery li p
{
    margin: 0px 0px;
}

#container #main #content .hentry h2
{
    margin-bottom: 2px;
}

#container #main #content #content-body p.published
{
    margin-top: 0px;
    margin-bottom: 14px;
}

#container #main #content .news_content h1.headline
{
    margin:0.5em 0 4px;
}

#container #main #content .news_content p.published
{
    margin-bottom: 14px;
}

.news_content #images
{
    float: right;
    margin-top: 39px;
    padding-left: 10px;
}

#container #main #content #content-body ul li a
{
    background: none;
    padding-left: 0px;
}

/** Asuntomessut/contest specific */
#container #main #content #contest
{
    
}

#container #main #content #contest .group
{
    margin: 1em 0;
    line-height: 1.5em;
}

#container #main #content #contest .group label
{
    display: block;
    font-weight: bold;
}

#container #main #content #contest .group a
{
    padding-left: 0;
    background-image: none;
}

#container #main #content #contest .group input
{
/*    margin-top: 0;*/
}

#container #main #content #contest .group input.other_buy_from
{
    margin-left: 2em;
}

#container #main #content #contest .group input.text_input
{
    border: 1px solid #666666;
    display: block;
    padding: 3px 5px;
    width: 217px;
}

#container #main #content #contest .group textarea
{
    border: 1px solid #666666;
    color: #666666;
    height: 60px;
    padding: 3px 5px;
    width: 217px;
}


#container #main #content #estimate_contact_us
{
    float: left;
    width: 215px;
    margin-top: 15px;
}

#container #main #content #estimate_contact_us .submit_button
{
    background: url('/style/img/button-request.gif') no-repeat;
    border: 0px;
    float: left;
    width: 215px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 0 9px;
    cursor: pointer;
}

#container #main #content #content-body #contact_us_estimate
{
    width: 215px;
}

#container #main #content #content-body #contact_us_estimate ul li
{
    clear: both;
    padding-top: 7px;
    background: none;
    padding-left: 0px;
}

#container #main #content #content-body #contact_us_estimate ul li .deliverable
{
    float: left;
}

#container #main #content #content-body #contact_us_estimate ul li .cost
{
    float: right;
}

#container #main #content #content-body #contact_us_estimate p
{
    margin-bottom: 2px;
}



/* Material calculator strings */

#container #main #content #content-body #material_calculator
{
    width: 200px;
    margin-right: 29px;
    float: left;
}

#container #main #content #content-body #material_calculator label
{
    display: block;
    font-weight: bold;
}

#container #main #content #content-body #material_calculator input
{
    border: 0;
    background: url('../img/bg-costs.gif') no-repeat top left;
    width: 184px;
    height: 17px;
    padding: 5px 8px 0;
    margin-bottom: 13px;
}

#container #main #content #content-body #material_calculator input#calculate
{
    background: url('../img/button-calculate.gif') no-repeat top left;
    width: 65px;
    height: 22px;
    padding: 0 0 2px;
    color: #fff;
    float: right;
    margin: 0;
}

#container #main #content #content-body #material_estimates
{
/*    width: 215px;*/
    width: 290px;
    float: left;
}

#container #main #content #content-body #material_estimates ul li
{
    clear: both;
    padding-top: 7px;
    background: none;
}

#container #main #content #content-body #material_estimates ul li.image
{
    padding-left: 0px;
}

#container #main #content #content-body #material_estimates ul li .deliverable
{
    float: left;
}

#container #main #content #content-body #material_estimates ul li .cost
{
    float: right;
}

#container #main #content #content-body #material_estimates table.deliverables .deliverable
{
    width: 150px;
}

#container #main #content #content-body #material_estimates table.deliverables td
{
    padding-bottom: 4px;
}

#container #main #content #content-body #material_estimates table.deliverables .cost
{
    width: 20px;
    text-align: right;
}

#container #main #content #content-body #material_estimates table.deliverables .legend
{
    padding-left: 5px;
    white-space: nowrap;
}

h2.error
{
    color: red;
    font-weight: bold;
}

p.city
{
    text-transform: capitalize;
}

.midcom_helper_search_form
{
    margin-bottom: 20px;
}

.midcom_helper_search_form #midcom_helper_search_query
{
    width: 300px;
}

#email_share_wrapper h2
{
    margin-bottom: 10px;
}

#container #main #content .org_openpsa_qbpager_pages a
{
	padding-left: 0px;
	background: none;
}

#content-body.narrow ul.products li
{
    width: 120px;
}

#content-body.narrow ul.products li div.product_category_thumbnail
{
    overflow: hidden;
    width: 120px;
}

/* Hide "ruukki roofs" from navi */
ul.node-8 li.ruukki_roofs {
    display: none;
}

/* style the h2 navi "subheadings" on products */
ul.node-8 h2 {
    color: #ff181f;
    font-size: 13px;
    margin-bottom: 10px;    
}

#container #main #content #content-navigation ul li a {
    padding: 0;
    background: none;
}

/*
#container #main #content #content-navigation ul li:last-child a {
}
*/

#container #main #content #content-navigation ul
{
    padding: 0px;
    margin-bottom: 20px;
}

/* Fix a problem caused by "someones" not-specific-enough selector */
#container #main #content #content-navigation .gallery
{
    margin: 0 !important;
}

#container #main #content #content-navigation ul li
{
    padding-left: 20px;
    padding-top: 15px;
    height: 26px;
    display: block; 
    float: left;
    background: url("../img/splitter_line.png") no-repeat scroll left center transparent !important;
}

#container #main #content #content-navigation ul li a
{
    vertical-align: middle;
}

#container #main #content #content-navigation ul li:first-child
{
    background: none !important;
}

/*#container #main #content */ #content-navigation {
    background: url('../img/find_products_links.png') repeat-y;
}

.resellers_lift_bottom,
.resellers_lift_bottom table {
   width: 100%;
}

.resellers_lift_bottom table tbody tr:nth-child(even) {
    background: #f3f3f3;
}

.resellers_lift_bottom table tbody tr td {
    padding: 5px;
}

.resellers_lift_bottom table tbody tr:first-child {
    color: #ff181f;
    font-weight: bold;
}

.resellers_lift_bottom h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px !important;
}

#content-body blockquote {
    background: #f3f3f3;
    padding: 10px;
}

#content-body blockquote img {
   margin-right: 10px;
}