/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Overriding WYSIWYG styles
-------------------------------------*/
body.RadEContent, body.RadEContentBordered {font-size:62.5% !important; background:#b0bdc5 !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/www.specmahydraulic.se/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/www.specmahydraulic.se/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
-----------------------------*/
html {margin:0; padding:0;}
body {margin:0; padding:0; color:#000; background-color:#b0bdc5; font:62.5% Verdana, Arial, sans-serif}

#wrapper {background:#fff; color:#000; position:relative; width:80%; margin:0 auto;  width:935px;}

/* Headings
------------*/
h1, h2, h3, h4 {margin:0 0 .5em 0; line-height:1.3; color:#0088B8; font-weight:bold;}
h1 {font-size: 2.0em}
h2 {font-size: 1.6em}
h3 {font-size: 1.4em}
h4 {font-size: 1.2em} 

.invisible {visibility:hidden}

/* Images
---------------*/
.image-caption {font-size:0.9em; display:block; line-height:1.3em; margin-top:-1em;}
#content-wrapper img {margin-bottom:1em;}

/* Text
--------------*/
p {margin-bottom:1.5em;}

/* Tables
---------------*/
table {border-collapse:collapse; width: 400px;}
table.data {border: 1px solid #000;}
table.data th,
table.data td {padding: 0.25em 1em;}
th {font-weight:normal; text-align:left;}
th,
td {vertical-align:top; padding-right: .5em;}
table.data td,
table.data th {border: 1px solid #000;}
thead th,
thead td {background: #FCCC00;}
tbody tr.even td {background: #FFF5D7;}
tbody tr.odd td {background: #FFF;}

.verticalcenter {vertical-align:middle;}
.bottomalign {vertical-align:bottom;}

/* Links 
-------------------------------------------------------------- */
a:link,
a:visited {color:#0088B8; text-decoration:none; font-weight:normal;}
a:hover,
a:active,
a:focus {text-decoration:underline;}

/* Lists
------------------------------------------------------------- */
ul,
ol {list-style-position:outside; padding-left:2em;}

/* Forms
-------------------------------------------------------------- */
input[type="text"],
input[type="password"],
select,
textarea {border:1px solid #72797f;}

/* Skip links
--------------*/
#skip {position: absolute; top: -999em; left: -999em; margin:0; padding:0;}
#skip a:focus,
#skip a:active {display: block; padding: 1em; position: absolute; left: 999em; top: 999em; width: 10em; text-align: center; background: #000; color: #fff;}
 
/* Language link */
#language {float:right; margin:62px 27px 0 0; display:inline; font-size:1.1em;}
#language ul {list-style:none outside; padding: 0; overflow:hidden;}
#language li {float:left; margin-left: .75em; padding-left:.75em; border-left: 1px solid; color: #666;}
#language li:first-child {border: 0;}
#language a {color: #666;}

/* 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:15px 0 15px 27px; float:left; display:inline; text-indent:-9999px;}
#logo a {display:block; text-decoration:none;}
#logo a:focus {outline:none;}

#logo a#specma {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/specma.gif) no-repeat; height:51px; width:227px; }
#logo a#specma-component {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/specma_component.gif) no-repeat; height:70px; width:340px; }
#logo a#specma-jms {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/specma_jms.gif) no-repeat; height:70px; width:371px; }
#logo a#specma-ovik {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/specma_hydraulic_ovik.gif) no-repeat; height:70px; width:268px; }
#logo a#specma-hymat {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/specma_hymat.gif) no-repeat; height:70px; width:301px; }
#logo a#specma-eurobend {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/specma_eurobend.gif) no-repeat; height:70px; width:209px; }
#logo a#specma-wiro {background:url(/CommonResources/Files/www.wiro.se/Logo/SpecmaWiro.jpg) no-repeat; height:50px; width:285px; }
#logo a#specma-slangsnabben {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/specma_slangsnabben.gif) no-repeat; height:70px; width:250px; }

/*--------------------------
  Navigation
---------------------------*/

/* Main navigation
-------------------*/
#main-nav {overflow:hidden; background:#99aab3; padding:5px 27px; border-top:1px solid #72797f; border-bottom:1px solid #72797f; clear:both; font-size:1.2em;}
#main-nav ul {margin:0 0 0 -12px; padding:0; list-style:none;}
#main-nav li {display:inline;}
#main-nav a {padding:0 12px; text-decoration:none; font-size:0.9em; color:#4d5156; border-right:1px solid #4d5156; font-weight:normal;}
#main-nav a:hover {text-decoration:none; color:#fff;}
#main-nav .selected a {color:#fff;}

/* Sub navigation
------------------*/
#side-nav {background: #c8d3d8 url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/blue-gradient.png) left top repeat-x; list-style:none; width:218px; float:left; display:inline; position:relative; min-height:504px; padding:35px 0;}
* html #side-nav {height:504px;}
#side-nav ul {list-style-type: none; margin: 0 0 1.5em 0; padding: 0px 12px;}
#side-nav ul ul {margin: 0; padding: 0 0 0 1.5em;}
#side-nav a {display:block; color:#000; text-decoration: none; font-size:1.1em; font-weight:normal; padding-left:15px;}
#side-nav a:hover {color:#b0bdc5;}
#side-nav li.parent {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/closed.gif) left top no-repeat;}
#side-nav li.open {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/open.gif) left top no-repeat;}
#side-nav li {margin-bottom:.5em;}
#side-nav li.selected > a {font-weight:bold;}
#side-nav li ul {display: none; padding-top:.5em;}
#side-nav li.selected > ul {display:block;}

/*-------------------------
  Content sections
--------------------------*/
#header {overflow:hidden; padding-top:11px; background:#fff; color:#000; border:1px solid #72797f; border-bottom:0; border-top:0; background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/blue-border.gif) left top repeat-x;}

#side-content {float:right; width:270px; margin:35px 27px 35px 0; 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 {background:#fff; color:#000; border-left:1px solid #72797f; border-right:1px solid #72797f;}
#content-wrapper:after {content: ""; display: block; height: 0; clear:both;}

.default-page #content-wrapper,
.news-page #content-wrapper {background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/content-wrapper-bg.gif) left top repeat-y;}

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:238px; margin-right:317px; font-size:1.1em; line-height:1.6em; padding:35px 0; color:#333;} /* Removed overflow: hidden */

#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:27px;}
#main-content-home {margin-left:27px; margin-right:317px;}
#main-content-jobs {margin-left:27px; margin-right:317px;}

#main-content-home {width:585px;} /* safari needs this for some reason */
#main-content-home .column,
#main-content-jobs .column {width:280px; float:left; margin:0 12px 35px 0; padding-right:12px; border-right:1px solid #72797f; display:inline;}
#main-content-home .last,
#main-content-jobs .last {margin:0; border-right:0; border-left:1px solid #72797f; margin-left:-13px; padding:0 0 0 12px; display:inline;}



/*--------------------------
  Page footer
---------------------------*/
#footer {padding-bottom:16px; background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/shadow.gif) no-repeat left bottom;}
#footer ul {margin:0; padding:0; list-style:none; font-size:0.9em; line-height:1.5em; padding:4px 27px; background:#99aab3; color:#4d5156; border:1px solid #72797f; font-size:1.1em;}
#footer li {border-right:1px solid #4d5156; display:inline; padding:0 1em}
#footer .last {border:none}
#footer .last-block {border:none; display:block}

/*--------------------------
  News - Jobs
---------------------------*/
.news-box {width:268px; background:#fff5d7; border:1px solid #72797f;}
.news-box h3 {padding:3px 15px; font-weight:normal; font-size:1em; color:#000; background:#fccc00; border-bottom:1px solid #72797f;}
.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:153px; margin-left:10px; margin-right:5px; padding:2px 2px 2px 12px; vertical-align:middle; font-size:1.1em;}
/* remove ugly font-size hack */
.search-button {border:0; margin:0; padding:0; background:url(/CommonResources/Files/www.specmahydraulic.se/css%20graphics/search-btn.gif); width:21px; height:21px; 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;}