﻿/* Overriding WYSIWYG styles
-------------------------------------*/
body.RadEContent, body.RadEContentBordered {font-size:62.5% !important; background:#ebebec !important}
body.RadEContentBordered #main-content, body.RadEContentBordered #main-content-wide, body.RadEContentBordered #main-content-jobs, body.RadEContentBordered #main-content-home , body.RadEContentBordered #main-content-full, body.RadEContentBordered #main-content-fixed {border:1px solid #ccc; float:none; display:block; padding:50px 15px 15px; margin:20px; background:#fff url(/CommonResources/Files/specma.wpc.nu/css%20graphics/mcc.gif) top left repeat-x; width:100%; }
body.RadEContentBordered #side-content, body.RadEContentBordered #side-content-fluid {border:1px solid #ccc; float:none; display:block; padding:50px 15px 15px; margin:20px; background:#fff url(/CommonResources/Files/specma.wpc.nu/css%20graphics/scc.gif) top left repeat-x }

body.RadEContentBordered #main-content table, body.RadEContentBordered #main-content-wide table, body.RadEContentBordered #side-content table {font-size:1em}

/*----------------------------
  General settings
-----------------------------*/
body {margin:0; color:#000; background-color:#ebebec; font:62.5% Verdana, Arial, sans-serif}

#wrapper {position:relative; width:80%; margin:0 auto;  min-width:775px; max-width:1000px}

/* Headings
------------*/
h1, h2, h3, h4 {margin-top:0; line-height:1.3; color:#000}
h1 {font-size: 2.2em}
h2 {font-size: 1.6em}
h3 {font-size: 1.4em}
h4 {font-size: 1.2em} 

.image-caption td {font-size:0.9em; line-height:1.3em}

.invisible {visibility:hidden}


/* Tables */
table {border-collapse:collapse; }
th {font-weight:normal; text-align:left}

/* Lists */
ul {list-style-position:outside; padding-left:1.5em;}
ol {list-style-position:outside; padding-left:3em;}

/* Skip links
--------------*/
/*
.skip a {position:absolute; left:-9999px}
.skip a:focus, .skip a:active {
display:block;
padding:1em;
position:absolute;
top:0;
left:0;
background:#000;
color:#FFF;
}
ul.skip {list-style:none; position:absolute; top:0; left:0; margin:0; padding:0; width:300px}
*/
#skip a {position:absolute; left:-9999px}
#skip a:focus, #skip a:active {
display:block;
padding:1em;
position:absolute;
top:0;
left:0;
background:#000;
color:#FFF;
}
#skip {list-style:none; position:absolute; top:0; left:0; margin:0; padding:0; width:300px}


 
/* Language link */
#language {float:right; margin-right:5em; margin-top:50px; font-size:1.1em; display:inline}
#language a {text-decoration:none; color:#000}
#language a:hover {text-decoration:underline}

a {font-weight:normal; color:#ff0000; text-decoration:none; }
a:visited {color:#ff0000;}

/* Image links */
a img {vertical-align:text-bottom; border:0} 

#subsidiaries {list-style:none; margin:0; padding:0}
#subsidiaries li {margin-bottom:.7em}

/*-------------------------
  Company logotypes
---------------------------*/
#logo {font-size:1em; margin:0 0 0 5em; text-indent:-9999px;}
#logo a {display:block; text-decoration:none;}
#logo a:focus {outline:none;}

#logo a#specma {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/specma_hydraulic.gif) no-repeat; height:70px; width:204px; }
#logo a#specma-component {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/specma_component.gif) no-repeat; height:70px; width:340px; }
#logo a#specma-jms {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/specma_jms.gif) no-repeat; height:70px; width:371px; }
#logo a#specma-ovik {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/specma_hydraulic_ovik.gif) no-repeat; height:70px; width:268px; }
#logo a#specma-hymat {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/specma_hymat.gif) no-repeat; height:70px; width:301px; }
#logo a#specma-eurobend {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/specma_eurobend.gif) no-repeat; height:70px; width:209px; }
#logo a#specma-wiro {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/specma_wiro.gif) no-repeat; height:70px; width:192px; }
#logo a#specma-slangsnabben {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/specma_slangsnabben.gif) no-repeat; height:70px; width:250px; }


/*--------------------------
  Navigation
---------------------------*/

/* Main navigation
-------------------*/

#main-nav ul {
margin:0;
padding-left:0.5%;
padding-top:1.5em;
list-style:none;
}

#main-nav li {
float:left;
background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/tab-left.gif) no-repeat left top;
position:relative;
top:1px;
width:11.5%;
text-align:center;
padding-left:0.56%;
margin-right:0.40%;
border-bottom: 1px solid #999;
}

#main-nav a {
float:left;
display:block;
background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/tab-right.gif) no-repeat right top;
padding:12px 0;
padding-right:1.3%;
text-decoration:none;
font-weight:normal;
font-size:0.9em;
color:#000;
width:100%;
}

#main-nav a:hover {
  text-decoration:none;
  color:#999;
}

#main-nav .selected {
border-bottom:1px solid #fff;
}

/* Sub navigation
------------------*/

#side-nav {background: #fcf4cc url(/CommonResources/Files/specma.wpc.nu/css%20graphics/side-nav-bottom.gif) bottom left no-repeat; list-style:none; width:200px; float:left; display:inline; position:relative; min-height:370px; font-size:1.1em; padding-bottom:40px}
#side-nav ul {margin:0; padding:10px; margin-bottom:0px; background: url(/CommonResources/Files/specma.wpc.nu/css%20graphics/side-nav-top.gif) top left no-repeat;}
#side-nav li {display:inline; }
#side-nav li a {display:block; text-decoration:none; color:#000; padding:0.2em 1.3em; }
#side-nav li a:hover {color:#999}

/* menu containing menu */
#side-nav li.haschildren a {background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/side-nav-toplevel-haschildr.gif) 0 50% no-repeat; }
/* selected menu with children */
#side-nav li.selected-haschildren a {font-weight: bold; background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/side-nav-toplevel-sel-hasch.gif) 0 50% no-repeat;}
/* selected menu with no children */
#side-nav li.selected a {font-weight:bold;}

/* hide sublevel of menu that is not selected */
#side-nav li ul {display:none}
/* unhide sublevel of menu that is selected */
#side-nav li.selected-haschildren ul {display:block}
/* if javascript is disabled */
#side-nav li.selected ul {display:block}

/* second level links 
--------------------*/
#side-nav li ul {margin:0; padding:0; width:auto; background:none;}
#side-nav li ul a {background-image:none; padding-left:2.6em}
#side-nav ul li.selected-haschildren li a, #side-nav ul li.selected-haschildren li a, #side-nav ul li.haschildren li a {font-weight:normal; background:none}
#side-nav li.selected-haschildren li.selected a {font-weight:bold}
#side-nav li.selected-haschildren li.haschildren a{background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/side-nav-toplevel-haschildr.gif) 15px 50% no-repeat;}


/* third level links 
--------------------*/
#side-nav li li li a {background-image:none; padding-left:4em}
#side-nav ul li.selected-haschildren li a, #side-nav ul li.selected-haschildren li a, #side-nav ul li.haschildren li a {font-weight:normal; background:none}
#side-nav li.selected-haschildren li.selected a {font-weight:bold}
#side-nav li.selected-haschildren li.haschildren li a {font-weight:normal; background:none}
#side-nav li.selected-haschildren li.haschildren ul {display:none;}
#side-nav li.selected-haschildren li.selected-haschildren a {font-weight:bold; background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/side-nav-toplevel-sel-hasch.gif) 15px 50% no-repeat;}
#side-nav li.selected-haschildren li.selected-haschildren li a {font-weight:normal; background:none}
#side-nav li.selected-haschildren li.selected-haschildren li.selected a {font-weight:bold}


/*-------------------------
  Content sections
--------------------------*/
#header {margin-top:2.5em}

#side-content {float:right; width:240px; display:inline; padding:0; font-size:1.1em; line-height:1.6em}
#side-content-fluid {font-size:1.1em; line-height:1.6em; padding:28px 28px 28px 0; margin-left:510px;}
#content-wrapper {border:1px solid #999; background:#fff; padding:1.5em; clear:left;}
#content-wrapper:after {content: ""; display: block; height: 0; clear:both;}

body#site-chooser #content-wrapper {position:relative; top:-30px}

#main-content,
#main-content-wide,
#main-content-home ,
#main-content-jobs,
#main-content-fixed,
#main-content-search-results {margin-left:215px; margin-right:255px; font-size:1.1em; line-height:1.6em; padding:1.5em 0; color:#333}

#main-content-search-results {margin: 0 28px;}
#main-content-fixed {float:left; width:440px; margin:0; display:inline; padding:28px; padding-right:43px;}
#main-content-wide {margin-right:0}
#main-content-home {margin-left:28px; margin-right:283px; min-height:337px}
#main-content-jobs {margin-left:28px; margin-right:28px; min-height:337px}

/*--------------------------
  Page footer
---------------------------*/
#footer {text-align:center; font-size:0.9em; line-height:1.5em; margin-bottom:35px}
#footer ul {margin:0; padding:0; list-style:none; margin-top:1em}
#footer li {border-right:1px solid black; display:inline; padding:0 1em}
#footer .last {border:none}
#footer .last-block {border:none; display:block}

/* temp rule - remove */
/*input {border: 0pt none ; width: 160px; padding-left: 10px; position: absolute; bottom: 10px; margin-left: 10px}*/

/*--------------------------
  News - Jobs
---------------------------*/
.news-box {width:240px; background: url(/CommonResources/Files/specma.wpc.nu/css%20graphics/news-bottom-bg.gif) bottom left no-repeat; padding-bottom:2em}
.news-box h3 {padding:0.6em 1.4em; font-weight:normal; font-size:1.4em; color:#fff; background: #f8d100 url(/CommonResources/Files/specma.wpc.nu/css%20graphics/news-top-bg.gif) top right no-repeat}
.news-box dl {margin:1em 1.4em; padding:0; font-size:0.95em}
.news-box .news-heading {margin:0; padding:0}
.news-box .news-heading h4 {line-height:1.6em; font-size:0.95em; margin:0}
.news-box .read-more {margin:0; padding:0; text-align:right}

.summary {font-weight:bold}
.selected-news-item {margin-bottom:2em}
.application-form p,
.contact-form p {overflow:auto;}
.application-form label,
.contact-form label {display:block; float:left; width:100px; margin-right:10px; text-align:right}
.application-form input,
.contact-form input {display:block; margin-left:110px }
.contact-form .radio {display:inline; margin-left:0;}

.job-vacancies {width:100%; border:1px solid #000}
.job-vacancies td {border:1px solid #000}
.job-vacancies th {border:1px solid #000; font-weight:bold; text-align:left}
.job-vacancies th, .job-vacancies td {padding:5px 10px; }
#divBackButton {margin-top:2em; }

/*--------------------------
  Site search
---------------------------*/
/*#site-search {border:0; position:absolute; bottom:10px}*/ 
.search-block {border:0; position:absolute; bottom:10px} 
#main-content-search-results .search-block {position:static; float:right}
.search-box {padding:0; width:145px; margin-left:10px; margin-right:5px; vertical-align:middle}
/* remove ugly font-size hack */
.search-button {border:0; margin:0; padding:0; background:url(/CommonResources/Files/specma.wpc.nu/css%20graphics/search-btn.gif); width:18px; height:19px; vertical-align:middle; font-size:0px; color:#fcf5cb;}

/* search listing */
.search-info {font-size:1.2em; border-bottom:1px solid #000; padding-bottom:1em;}

#search-result dd {margin:0; padding:0;}
#search-result dd blockquote {margin:0; padding:0;}
#search-result .meta {overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:.5em; margin-bottom:.5em;}
#search-result cite {font-size:.9em; font-style:normal;}
#search-result cite a {color:#999;}
