/**************************************/
/**************************************/
/**************************************/
/*** TABLE OF CONTENTS ***/
/*
- Globals
- H1-H6 Elements
- Marquee
- Block Settings
- Box Settings
- Padding
- Main Content
- Header
- Navigation
--- Main Nav
--- Sub Nav
--- Quick Nav
- Quick Search
- Tracer
- Footer
- Forms
- Tables
- JQuery
- Sitemap
- Staff List & Detail
- Item Lists
- Site Search
- Job Application Form
- Item Display (Page Content) Portlets
- Homepage Client Logo slideshow
- Lists with Related Items
- Static Content Portlets
- Product Detail
- Contact Person for Products
- General List Portlets
- Frontpage Slide Show
*/
/**************************************/
/**************************************/
/**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {
 background: #fff url() repeat-x 0 0;
 font-size: 62.5%;
 margin: 0;
}
.wrapper {
 text-align: left;
 background: #fff;
 margin: 0 auto;
 width: 933px;
 position: relative;
}
.wrapper-padding {
 padding: 0px;
 padding-right: 0; /* Ensure content doesn't drop when widht is a few pixels too wide */
}
#main {
 clear: left; /* This was needed so that the IE's would behave. */
}
#main p, 
#main a, 
#main ul,
#main ol, 
#main .p 
{
 padding: 0 0 0 0;
 line-height: 18px;
 font-size: 12px;
 color: #555;
 margin-bottom: 17px;
}
#block2 ul {
 margin-left: 20px;
}
#block3 ul,
#block3 li {
 list-style: none;
}
#block2 ol {
 margin-left: 25px;
}
.wrapper a.more {
 display: block;
 color: #766666;
 font-weight: bold;
}
.last {
 margin-right: 0 !important;
}
.invisible {
}
.margin-bottom {
 margin-bottom: 18px;  /* This class always equals the default line-height for the grid. */
}
#block2 img {
 float: right;
 margin: 10px 0 10px 10px
}

/*** "More" links ***/
#main a.more {
 font-weight: bold;
 float: left;
 clear: left;
 padding-right: 18px;
 background: transparent url(/other_files/applicon/com/arrow-circle.gif) no-repeat right 4px;
}
/*** Filetype links ***/
#main li.JPG a,
#main li.HTM a,
#main li.DOC a,
#main li.GZ a,
#main li.MOV a,
#main li.ZIP a,
#main li.GIF a,
#main li.PS a,
#main li.TAR a,
#main li.PDF a,
#main li.TXT a,
#main li.XLS a,
#main li.RSS a,
#main li.RTF a,
#main li.PPT a,
#main li.SWF a,
#main li.XML a {
 display: block;
 padding: 2px;
 margin-bottom: 2px;
 padding-left: 22px;
 background: url(/other_files/global/icons/icon_jpeg.png) 0 3px no-repeat;
}
#main li.HTM a {
 background-image: url(/other_files/global/icons/icon_htm.png);
}
#main li.DOC a {
 background-image: url(/other_files/global/icons/icon_doc.png);
}
#main li.GZ a {
 background-image: url(/other_files/global/icons/icon_gz.png);
}
#main li.MOV a {
 background-image: url(/other_files/global/icons/icon_mov.png);
}
#main li.ZIP a {
 background-image: url(/other_files/global/icons/icon_zip.png);
}
#main li.GIF a {
 background-image: url(/other_files/global/icons/icon_gif.png);
}
#main li.PS a {
 background-image: url(/other_files/global/icons/icon_ps.png);
}
#main li.TAR a {
 background-image: url(/other_files/global/icons/icon_tar.png);
}
#main li.PDF a {
 background-image: url(/other_files/global/icons/icon_pdf.png);
}
#main li.TXT a {
 background-image: url(/other_files/global/icons/icon_txt.png);
}
#main li.XLS a {
 background-image: url(/other_files/global/icons/icon_xls.png);
}
#main li.RSS a {
 background-image: url(/other_files/global/icons/icon_rss.png);
}
#main li.RTF a {
 background-image: url(/other_files/global/icons/icon_rtf.png);
}
#main li.PPT a {
 background-image: url(/other_files/global/icons/icon_ppt.png);
}
#main li.SWF a {
 background-image: url(/other_files/global/icons/icon_swf.png);
}
#main li.XML a {
 background-image: url(/other_files/global/icons/icon_xml.png);
}

/**************************************/
/*         H1 - H6   ELEMENTS         */
/**************************************/

h1 {
 font-size: 22px;
 line-height: 46px;
 margin-bottom: 18px;
 color: #766666;
}
#main h1 {
 width: 705px;
 color: #38505b;
 text-transform: uppercase;
 padding: 25px 0 13px 22px;
 margin-bottom: 0;
 background: url(/other_files/applicon/global/bg-h1.gif) 0% -84px no-repeat;
}

#three-col #main h1 { width: 432px; background-position: 0% -168px; }
#one-col #main h1 { width: 895px; background-position: 0% 0%; }

h2 {
 font-size: 18px;
 color: #766666;
}

#block2 h2,
#block2 .overview h2 a {
 font-size: 14px;
 color: #38505b;
 text-transform: uppercase;
 padding-top: 5px;
}

h3 {
 font-size: 14px; 
 line-height: 36px; 
 margin-bottom: 18px;
 padding: 0 0 0 18px;
 color: #fff;
}

/*** Variations ***/

/* H2 */
.box h2, .intro h2 {
 font-size: 12px;
 text-transform: uppercase;
 line-height: 14px;
 padding-left: 0;
 color: #766666;
 margin-bottom: 4px;
}
.intro h2 {
 margin-top: 24px;
 font-size: 20px;
 line-height: 22px;
}
.sub .box h2 {
 text-transform: none;
 font-size: 16px;
 line-height: 24px;;
 padding-top: 0;
}

/* H3 */
.box h3 {
 font-size: 12px;
 text-transform: none;
 line-height: 16px;
 padding-left: 0;
 color: #766666;
 margin-bottom: 5px;
}

/**************************************/
/*            MARQUEE                 */
/**************************************/

/*** Home ***/
.home #marquee {
 height: 345px;
 width: 933px;
 /*background: #99bfd1;*/
 background: url(/other_files/applicon/global/bg-marquee.png) repeat-x 0% 0%;
 position: relative;
}
.home #marquee .flash {
 position: absolute;
 height: 330px;
 width: 933px;
 top: 10px;
 /*overflow: hidden;*/
 /*z-index: 10000;*/
}
.home #marquee .intro {
 position: absolute;
 width: 210px; 
 padding: 0 30px;
 height: 325px;
 right: 0;
 top: 0;
 background: url(/other_files/applicon/global/bg-marquee-trans.png) 0% 0%;
}
/*** Additions for site-specific styles ***/
.home.is #marquee .intro {
 height: 325px;
}
.home.se #marquee .intro {
 height: 325px;
}

.home #marquee .intro p {
 margin-bottom: 2px;
}
.home #marquee .intro a {
 font-weight: bold;
}
.home #marquee .intro .nav {
 list-style: none;
 position: absolute;
 right: 20px;
 margin-bottom: 0;
 bottom: 15px;
 height: 12px;
}
.home #marquee .intro .nav li {
 float: left;
 margin-left: 5px;
}
.home #marquee .intro .nav li a {
 display: block;
 width: 12px;
 height: 12px;
 text-indent: -3000px;
 background: transparent url(/other_files/applicon/com/arrow-square-bwd.gif) no-repeat 0 0;
}
.home #marquee .intro .nav li + li a {
 background: transparent url(/other_files/applicon/com/arrow-square-fwd.gif) no-repeat 0 0;
}

/*** Sub ***/
.sub #marquee {
 height: 90px;
 background: #99bfd1;
 position: relative;
}
.sub #marquee .flash {
 background: #ccc;
 position: absolute;
 height: 80px;
 width: 933px;
 top: 10px;
 background: transparent url(/other_files/applicon/com/bg-marquee-sub-01.jpg) no-repeat 0 0;
 /* Box shadow properties */
-moz-box-shadow: 3px 3px 2px #777;  
-webkit-box-shadow: 3px 3px 2px #777;  
 box-shadow: 3px 3px 2px #777; 
}
.sub.dk #marquee .flash {
 background: transparent url(/servlet/file/Banner%20subsides.jpg?ITEM_ENT_ID=25860&ITEM_VERSION=2&COLLSPEC_ENT_ID=747) no-repeat 0 0;
}
.sub.se #marquee .flash {
 background: transparent url(/servlet/file/bg-marquee-sub-01c.jpg?ITEM_ENT_ID=28775&ITEM_VERSION=1&COLLSPEC_ENT_ID=748) no-repeat 0 0;
}
.sub.losningar.se #marquee .flash,
.sub.tjanster.se #marquee .flash {
 background: transparent url(/servlet/file/Applicon.se_Banner2.jpg?ITEM_ENT_ID=29252&ITEM_VERSION=2&COLLSPEC_ENT_ID=748) no-repeat 0 0;
}
.sub.com #marquee .flash {
 background: transparent url(/servlet/file/Applicon-SubPageBanner1.jpg?ITEM_ENT_ID=29052&ITEM_VERSION=1&COLLSPEC_ENT_ID=652) no-repeat 0 0;
}

/**************************************/
/*            BLOCK SETTINGS          */
/**************************************/
#block3,
#one-col #block1,
#two-col #block2,
#two-col #block1,
#three-col #block1,
#three-col #block3,
div.grid-24 {
 margin-right: 0;
}
.sub #block1 {
 margin-left: 20px;
}
#block2 {min-height: 300px;}
#block3 {
 margin-top: 18px;
}
#one-col.sub #block1 {
 margin-left: 0;
}

#block2 .padding .main-content {
  float: left;
  width: 663px;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #eee;
  border-top: none;
}

#three-col #block2 .padding .main-content { width: 412px; }

/**************************************/
/*            BOX SETTINGS            */
/**************************************/
#block2 .box {
 padding: 10px 0px;
}
#block3 .box {
 background: #deeaf0;
 border: 1px solid #eee;
 background: #fff url(/other_files/applicon/global/bg-sec-nav.gif) repeat-x 0 100%;
 margin-bottom: 5px;
}

#block3 .box p {
padding: 10px;
}


#block2 .testimonials {
clear:both;
}


#block3 .box.testimonials,
#block3 .box.extra-photos,
#block3 .box.customers {
 /*background: #fff;*/
 border: 1px solid #eee;
 padding: 5px;
 margin-bottom: 10px;
}

#block3 .box.customers ul {
padding: 0 0 0 20px;
}


#block3 .box.extra-photos img {
 float:none;
 margin:auto;
 display:block;
 padding: 10px;
}

#block3 .customer-logo {
border: 1px solid #EEE;
text-align:center;
padding: 32px 0;
margin-bottom: 5px;
}


/**************************************/
/*            PADDING                 */
/**************************************/
.padding { padding: 18px 18px 0 18px;}
.padding.none-right { padding-right: 0; }
.padding-invisible {padding: 0 0 0 0; }

#block3 .box .padding {
 padding: 10px 10px 10px 10px;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

/*** Home ***/
.home .overview {
 border-bottom: 1px solid #dedede;
 background: #f0f1f2;
 width: 893px;
 margin-left: 20px;
}
.home .overview .box {
 padding-bottom: 30px;
 position: relative;
 height: 195px;
}
.home .overview .box img {
 width: 75px;
 height: 50px;
 float: left;
 margin: 5px 10px 10px 0;
 border: 1px solid #aaa;
}
.home .overview .box.last img {
 width: auto;
 height: auto;
 float: none;
 display: block;
 margin: 13px auto 0;
 border: none;
}
.home #main .overview .box h2 a {
 line-height: 14px;
}
.home #main .overview .box a.more {
 position: absolute;
 bottom: 10px;
 margin-bottom: 0;
 right: 10px;
}

/*** Homepage Client Logos Slideshow ***/
.pics {
 background: #fff;
 width: 210px !important;
 height: 150px !important;
 border: 1px solid #CCC;
}
.pics img {
 position: absolute !important;
 top: 5px !important; 
 left: 10px !important;

 
}


/*** 3 Column - Block3 - Callout box ***/
#block3 .box.callout {
 position: relative;
 margin-bottom: 36px;
}
#block3 .box.callout .padding {
 padding: 2px 0 2px 2px;
}
#block3 .box.callout .tabs {
 position: absolute;
 list-style: none;
 right: -1px;
 bottom: -36px;
}
#block3 .box.callout .tabs li {
 float: left;
 padding-left: 10px;
 padding-right: 10px;
 margin-left: 5px;
 border: 1px solid #eee;
 border-top: none;
 background: #deeaf0;
}
#block3 .box.callout .tabs li a {
 font-weight: bold;
}

/**** NEWS *****/
#main .news .item {
 padding-bottom: 20px;
}
#main .news p.date {
 margin-bottom: -3px;
 margin-top: 10px;
 font-size: 11px;
}
#main .news h2 {
 float: left;
}
#main .news h2 a {
 margin-bottom: 3px;
 padding-top: 3px;
}
#main img.news {
 float: right;
 clear: right;
 margin: 10px 15px 10px 5px;
}
#main .news p {
 clear: left;
 margin-bottom: 7px;
}


/**************************************/
/*              HEADER                */
/**************************************/
#header {
 width: 893px;
 height: 115px;
 background: #fff url(/other_files/applicon/com/bg-header.gif) repeat-x 0 100%;
 z-index: 2;
 position: relative; 
 margin-bottom: 0;
 margin-left: 20px;
}
h1#logo {
 position: absolute;
 left: 18px;
 top: 24px;
 z-index: 4;
}
#logo a {
 color: #766666;
 display: block;
 width: 180px;
 height: 40px;
 font-size: 40px;
 /*text-indent: -3000px;*/
}

/**************************************/
/*             NAVIGATION             */
/**************************************/

/*******************/
/* Main Navigation */
/*******************/

#main-navigation {
  position: absolute;
  top: 86px;
  left: 20px;
  _left: 10px;
  width: 893px;
  z-index: 4;
}

#main-navigation ul { float: left; margin: 0;  padding: 0; border-top: 1px solid #cdd3d6; width: 100%;}
#main-navigation li { float: left; list-style: none; }
#main-navigation li a { 
 float: left; 
 padding: 7px 28px 5px 0; 
}
#main-navigation li a span { display: block; padding-left: 28px;}

#main-navigation a,
#main-navigation a:visited,
#main-navigation a:link {
  font-size: 12px; 
  color: #766666; 
  font-weight: bold;
  text-decoration: none; 
}
#main-navigation a:hover, 
.about-applicon #main-navigation .c1 a,
.um-applicon #main-navigation .c1 a,
.om-applicon #main-navigation .c1 a,
.products #main-navigation .c2 a,
.lausnir #main-navigation .c2 a,
.losninger #main-navigation .c2 a,
.losningar  #main-navigation .c2 a,
.services #main-navigation .c3 a,
.thjonusta #main-navigation .c3 a,
.services #main-navigation .c3 a,
.tjanster #main-navigation .c3 a,
.atvinnugreinar #main-navigation .c4 a,
.industrier #main-navigation .c4 a,
.affarsomraden #main-navigation .c4 a,
.vidskiptavinir #main-navigation .c5 a,
.customers #main-navigation .c4 a,
.kunder #main-navigation .c5 a,
.news #main-navigation .c5 a,
.frettir #main-navigation .c6 a,
.aktuellt #main-navigation .c6 a,
.nyheder #main-navigation .c6 a {
  text-decoration: none;
  background: #99bfd1;
  padding-top: 15px;
  margin-top: -7px;
  color: #fff;
}

/******************/
/* Sub Navigation */
/******************/
#block1 #sub-navigation {
 padding: 0;
 margin-top: 18px;
 border: 1px solid #eee;
 background: #fff url(/other_files/applicon/global/bg-sec-nav.gif) repeat-x 0 100%;
}
#sub-navigation h3 {
 margin: -1px;
 margin-bottom: 0;
}
#sub-navigation ul, #sub-navigation li {
 list-style: none;
 margin: 0;
 padding: 0;
 _height: 1%;
}
#block1 #sub-navigation .level1 {}
#sub-navigation li {
 _display: inline;
 =display: inline;
}
#sub-navigation .level1 a {
 line-height: 14px;
 overflow: hidden;
 display: block;
 color: #0a5a80;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 0;
 padding: 8px 0 8px 20px;
 padding-left: 20px;
}
#sub-navigation a:hover {
 color: #fff;
 background: #99bfd1;
}
#sub-navigation li.current_page a {
 color: #fff;
 background: #99bfd1;
}
#sub-navigation li.current_page a:hover {
}
#sub-navigation li.current_page_ancestor a {
 color: #766666;
}
#sub-navigation li.current_page_ancestor a:hover {

}
#sub-navigation .level1 .level2 a {
 padding-left: 30px;
 color: #0a5a80;
 font-weight: normal;
 border-bottom: 1px solid #eee;
 background: #fff;
}
#sub-navigation .level2 li a:hover {
 color: #766666 !important;
 background-image: none;
}
#sub-navigation .level2 li.current_page a,
#sub-navigation .level2 li.current_page_ancestor a {
 color: #766666;
}
#sub-navigation .level2 li.current_page a:hover {
 color: #99bfd1;
}
#sub-navigation .level1 .level2 .level3 a {
 padding-left: 40px;
 color: #99bfd1;
}
#sub-navigation .level1 .level2 .level3 li.current_page a {
 color: #766666;
}
/********************************/
/* Quick Navigation + Fontsizer */
/********************************/

#qnav {
 position: absolute;
 right: 25px;
 top: 42px;
 width: auto;
 z-index: 4;
}
#qnav ul {
 position: absolute;
} 
#qnav li { 
  float: left;
  list-style: none; 
}
#qnav .flags li { 
  width: 30px;
}
#qnav .contact-subscribe {
 right: 0;
 width: 157px;
}
#qnav .fontsizer {
 right: 148px;
 width: 50px;
 display: none;
}
#qnav .flags { 
 top: 18px;
 right: 68px;
 width: 128px;
 background: transparent url(/other_files/applicon/com/bg-flags.gif) no-repeat 0px 0;
}
.home #qnav .flags {
 right: 10px;
}

/*** Unique QNAV adjustments per region ***/
/* COM */
.sub.com #qnav .flags {
 right: 8px;
}
/* IS */
.is #qnav .contact-subscribe {
 width: 169px;
 right: 2px;
}
.sub.is #qnav .flags {
 right: 8px;
}

.sub.dk #qnav .flags {
 right: 8px;
}

/* SE */
.se #qnav .contact-subscribe {
 width: 139px;
 right: 2px;
}
.sub.se #qnav .flags {
 right: 8px;
}


#qnav .sitemap {
 top: 20px;
 right: 4px;
 width: 60px;
}

#qnav ul li a { 
 float: left;
 font-size: 12px; 
 cursor : pointer;
 _cursor : hand; 
 padding: 0 10px;
 color: #766666;
 font-weight: bold;
}
#qnav .fontsizer a {
 padding: 0;
}
#qnav .flags a {
 text-indent: -4000px;
 padding: 0;
 width: 20px;
 margin-right: 12px;
 height: 20px;
}
#qnav .sitemap a,
#qnav .contact-subscribe a {
 background: transparent url(/other_files/applicon/com/arrow.gif) no-repeat 2px 5px;
}
#qnav .tab-subscribe a {
 padding-right: 3px;
}

/**************************************/
/*            SEARCH                  */
/**************************************/

#qsearch {
 position: absolute;
 right:40px;
 top: 10px;
 z-index: 4;
 width: 186px;
}
#qsearch label {
 display: none !important;
 font-size: 10px;
 color: #fff;
 line-height: 15px;
}
#qsearch input[type="text"] {
 padding: 5px 26px 0 5px;
 font-size: 12px;
 width: 160px;
 color: #000;
 height: 18px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border: 1px solid #ccc;
}
#qsearch input.submit, #qsearch input.searchButton  {
 background: transparent url(/other_files/applicon/com/icon-search.gif) no-repeat 0 0;
 display: block;
 color: #fff;
 border: none;
 position: absolute;
 text-indent: -4000px;
 line-height: 1px; /* for IE7 */
 top: -5px;
 right: -10px;
 =right: 0px;
 height: 16px;
 width: 16px !important;
 cursor: pointer;
}
#qsearch input:focus {
 border: 1px solid #99bfd1;
}

/**************************************/
/*            TRACER                  */
/**************************************/
#tracer {
 position: absolute;
}
#one-col.home #tracer {
 display: none;
}
#one-col #tracer {
 left: 40px;
 top: 235px;
}
#two-col #tracer,
#three-col #tracer {
 left: 230px;
 top: 235px;
}
#tracer ul, #tracer li {
 list-style: none;
 float: left;
 line-height: 17px;
 font-size: 12px;
 color: #bfbfbf;
}
#tracer a {
 margin: 0 5px 0 0;
 color: #766666;
}
#tracer span {
 float: left;
 line-height: 18px;
 font-size: 12px;
 margin: 0 5px;
 color: #766666;
}
#tracer > span {
 display: none;
}
#tracer li:first-child span {
 display: none;
}
/* Additions for long text strings in 3-col layout */
#three-col #tracer {
 max-width: 460px;
}
#three-col #tracer ul {
 max-width: 450px;
}
#three-col #tracer li{
 max-width: 350px;
 height: 16px;
 overflow: hidden;
}
/**************************************/
/*               FOOTER               */
/**************************************/

#footer {
 min-height: 72px;
 background: #fff;
 width: 893px;
 margin-left: 20px;
 border-top: 1px solid #eee;
}
.home #footer {
 border-top: none;
}
#footer p, #footer a {
 line-height: 14px;
 font-size: 10px;
 margin-bottom: 18px;
 color: #99bfd1;
}
#footer .logos {
 float: left;
 padding-right: 10px;
}
#footer .details {
 float: left;
 width: 500px;
}
/*** Special styling for .se ***/
.se #footer .details {
 width: 450px;
}
#footer img {
 float: left;
 margin-right: 15px;
}

/**************************************/
/*               FORMS                */
/**************************************/
#main form, 
#qnav form,
form {
 margin-bottom: 0;
 font-weight: bold;
 line-height: 18px;
 font-size: 12px;
 color: #766666;
 font-family: helvetica, "microsoft sans serif", arial, sans-serif;
}
fieldset {
 border: none;
}
#main label,
#qnav label,
label {
 display: block;
}
#main input, #main textarea,
#qnav input, #qnav textarea {
 width: 95%;
}
#main input.submit,
#qnav input.submit,
.portlet-form-button { 
 cursor: pointer;
 font-weight: bold;
 color: #766666;
 border: none;
 float: right;
 width: auto !important;
 margin: 10px 0 0;
 padding-right: 18px;
 text-transform: lowercase;
 background: transparent url(/other_files/applicon/com/arrow-circle.gif) no-repeat right 4px;
}
/*** Checkboxes ***/
#main div.checkbox,
#qnav div.checkbox {
 position: relative;
 height: 18px;
 margin-top: 10px;
}
#main div.checkbox input,
#main div.checkbox label,
#qnav div.checkbox input,
#qnav div.checkbox label {
 position: absolute;
 left: 0;
 width: auto;
}
#main div.checkbox label,
#qnav div.checkbox label {
 left: 26px;
}

/*** Validation settings ***/
.validationform {
 position: relative;
}
.validationform label {
 float: left;
 font-size: 11px;
}
.validationform input,
.validationform textarea {
 width: 100%;
}
.validationform input.portlet-form-button {
 font-size: 11px;
 margin-top: 20px;
}
.validationform #validationErrors {
 position: absolute;
 top: 0;
 left: 0;
 background: #fff;
 list-style: none;
 color: #f00;
}
.validationform #validationErrors ul {
 list-style: none;
}
.validationform #validationErrors li {
 position: absolute;
 left: 10px;
 top: 4px;
 width: 100px;
 background: #fff;
}
.validationform #validationErrors li + li {
 top: 44px;
}
.validationform #validationErrors li + li + li {
 top: 109px;
}

/*** Validation settings ***/
.form-container {
 position: relative;
 padding: 5px;
}
.form-container label {
 float: left;
 font-size: 11px;
 clear: left;
}
.form-container input,
.form-container textarea {
 width: 98%;
 float: left;
 clear: left;
}
.form-container input.portlet-form-button {
 font-size: 11px;
 margin-top: 20px;
 float: right;
}

/*** Subscribe form ***/
/* ID 6877I is for .IS */
/* ID 8322I is for .DK */
#formp6877I label,
#formp8322I label {
 float: left;
 clear: left;
 padding-left: 26px;
 padding-top: 4px;
}
#formp6877I .checkbox,
#formp8322I .checkbox {
 position: absolute;
 left: 10px;
 top: 48px !important;
 width: auto;
}
#formp6877I .checkbox#ITEM_ATT1662_0,
#formp8322I  .checkbox#ITEM_ATT1662_0 {
 top: 68px !important;
}
#formp6877I .required label,
#formp8322I .required label {
 padding-left: 0;
 padding-top: 0;
}

/**************************************/
/*               Tables               */
/**************************************/
/* Don't forget inline table defintiions for IE: border, cellpadding, cellspacing. */
table {
 line-height: 24px;
 border-top: 1px solid #aaa; 
 border-left: 1px solid #aaa;
 font-size: 11px;
}
td, th {
 padding: 0 10px;
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #aaa;
}
th, caption {
 background: #99bfd1; 
 padding: 2px 10px;
 border: 1px solid #aaa;
 border-bottom: none;
 font-weight: bold;
 text-transform: uppercase;
}
tr:nth-child(even) td { /* Table striping via CSS3 selector */
 background: #efefef;
}
/* No border for tables with class:no-border */
.static-content table.no-border {
 border: none;
}

/**************************************/
/*               Jump Link            */
/**************************************/
.jump-link {
 display: none;
}

/**************************************/
/*               JQuery               */
/**************************************/
/*** Callout Box Tab Functionality ***/
/*** Clicking tabs adds class "contact" or "subscribe" to the "box" div. */
#contact, #subscribe {
 display: none;
}
#block3 .contact,
#block3 .subscribe {
 background: #fff;
 border: 1px solid #eee;
}
#block3 .contact #content,
#block3 .subscribe #content {
 display: none;
}
#block3 .contact #contact,
#block3 .subscribe #subscribe {
 display: block;
}
#block3 .contact .tabs li.tab-contact,
#block3 .subscribe .tabs li.tab-subscribe {
 background: #fff;
 text-decoration: none;
}
#block3 .contact .tabs li.tab-contact a,
#block3 .subscribe .tabs li.tab-subscribe a {
 text-decoration: none;
}

/*** Qnav version ***/
/* First set stacking order of nearby elements */
#qnav .flags {
 z-index: -1;
}
#qnav .sitemap {
 z-index: -1;
}
/* Then have fun with JQuery */
#qnav .contact a,
#qnav .subscribe a {
 background: #99bfd1 /*url(../img/arrow-down.gif) no-repeat 2px 5px*/;
 text-decoration: none;
 color: #fff;
}
#qnav .contact {
 z-index: 8;
}
#qnav .contact #contact,
#qnav .subscribe #subscribe {
 display: block;
 position: absolute;
 top: 15px;
 z-index: 100;
 padding: 10px;
 width: 150px;
 right: 48px;
}
#qnav .subscribe #subscribe {
 right: 8px;
} 
#qnav #contact,
#qnav #subscribe {
 background: rgba(240,240,240,.9);
 =background: #f2f4f4;
 border: 1px solid #99bfd1;
 filter:alpha(opacity=90); /* IE 7 opacity */
}
/**************************************/
/*              Site Map              */
/**************************************/
#main .site-map {
 margin: 20px 18px 20px 0;
 float: left;
 padding: 0 0 0 0;
 max-width: 17%;
 min-width: 12%;
}
.dk #main .site-map,
.is #main .site-map {
 max-width: 15%;
}
#main .site-map a {
 color: #4b5b65;
 font-size: 16px;
 font-weight: bold;
}
#main .site-map .level2 a,
#main .site-map .level3 a {  
 font-size: 12px;
}
#main .site-map .level3 a {  
 font-weight: normal;
}
#main .site-map ul { 
 list-style: none; 
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 overflow: hidden;
}
.sitemap.last {
 margin-right: 0 !important;
}
/**** Level 1 ****/
#main .site-map li { 
 text-decoration: none;
}
/**** Level 2 + 3 ***/
#main .site-map .level2 li,
#main .site-map .level3 li { 
 font-weight: bold; 
 font-size: 12px;
 padding-left: 5px;
}
#main .site-map .level3 li { 
 padding-left: 10px; 
 font-weight: normal; 
}
/**************************************/
/*          Staff List and Detail     */
/**************************************/
.staff-list table {
 width: 100%;
 border: 1px solid #99bfd1;
}
.staff-list tr:nth-child(even) td {
 background: #efefef;
}
.staff-list tr:hover td {
 background: #ddd;
}
.staff-list th {
 background: #99bfd1;
 padding: 7px;
 font-size: 12px;
 color: #fff; 
 border-bottom: 3px solid #bbdff3;
}
.staff-list td {
 background: #fff;
 padding: 3px 10px;
 font-size: 12px;
 color: #766666;
}
.staff-list tr td a {
 font-weight: bold;
}
.staff-list tr td + td a {
 font-weight: normal;
 text-decoration: underline !important;
}

/*** Staff Details ***/
.staff-details {
 position: relative;
 float: left;
 padding-bottom: 15px;
}
.staff-details img {
 float: left !important;
 margin: 0 0 0 0 !important;
}
.staff-details ul {
 color: #766666 !important;
 list-style: none;
 position: relative;
 float: left;
 width: 280px;
}
.staff-details a {
 color: #99bfd1 !important;
 list-style: none;
 font-weight: bold;
}
.staff-details li strong {
 font-size: 11px;
 width: 70px;
 float: left;
 clear: left;
 font-weight: normal;
 text-align: right;
 padding-right: 10px;
}

/* **************************************************************** */
/* Item List                                                        */
/* **************************************************************** */

.item-list .item { 
  position: relative; 
  clear: both; 
  overflow: hidden;
  min-height: 145px;
  padding: 10px 10px 15px 10px; 
  margin-bottom: 15px; 
  border-bottom: 1px solid #eee;
}

.item-list .item.odd { 
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  background: #f6f6f6; 
}

.item-list .img-item-list { float: right; width: 150px; min-height: 100px; text-align: center; margin: 0 0 0 20px; border: 1px solid #eee; padding: 10px 0; }
.item-list .img-item-list img { float: none !important; margin:  0 !important; }

.item-list .item a.more { position: absolute; bottom: 0; left: 10px; }

.item-list.testimonial .item.odd { background: none; }

/**** Testimonial ****/
.item-list.testimonial img { float: right; width: 120px; }
.item-list.testimonial p { width: 500px; }
.item-list.testimonial .quote { font-style: italic; }

/* **************************************************************** */
/* Site Search                                                        */
/* **************************************************************** */
.site-search ul {
 list-style: none;
 margin-top: 10px;
}
#main .site-search a {
 color: #4b5b65;
 text-decoration: underline;
 font-size: 14px;
 font-weight: bold;
}
#main .site-search p.description {
 margin: 4px 0;
 color: #333;
 line-height: 14px;
}
#main .site-search p.search-url {
 font-size: 12px;
 color: #88aec0;
 line-height: 14px;
}
#main .site-search h4 {
 font-size: 11px;
 color: #333;
}

/* **************************************************************** */
/* Job Application form                                             */
/* **************************************************************** */
form #job-application label, form #job-application span {
 float: left;
 margin-top: 10px;
 font-weight: normal;
}
form #job-application label ~ div {
 clear: left;
}
form #job-application input, form #job-application textarea {
 width: 400px;
}
form #job-application input.portlet-form-button {
 width: auto;
 margin-left: 170px;
}
/* Linked files list */
form #job-application .link-list ul {
 clear: left;
 color: #766666;
 padding: 10px;
}
form #job-application .link-list a {
 color: #99bfd1;
}

/*** Additions for site-specific styles ***/
/* IS */
.thjonusta form {
 width: 400px;
}

/* **************************************************************** */
/* Additions for Item Display (Page Content) portlets               */
/* **************************************************************** */
/*** Headline Styles ***/
#main .item-display h2,
#main .item-display h3,
#main .item-display h4 {
 font-size: 15px;
 text-transform: uppercase;
 line-height: 14px;
 padding-left: 0;
 color: #766666;
 margin-bottom: 4px;
}
#main .item-display h3 {
 font-size: 12px;
}
#main .item-display h4 {
 font-size: 10px;
 line-height: 10px;
}
/*** Image Alignment Styles ***/
img[align="right"] {
 float: right !important;
 margin: 5px 0 5px 10px !important;
}
img[align="left"] {
 float: left !important;
 margin: 5px 10px 5px 0 !important;
}
img[align="baseline"] {
 float: none !important;
 margin: 5px 10px 10px 0 !important;
}
/*** Default styling for text enclosed in no HTML element ***/
#main .item-display {
 font-size: 12px;
 color: #766666;
}
/*** Default link color ***/
#main .item-display a {
 color: #99bfd1;
}


/* **************************************************************** */
/* LISTS WITH RELATED ITEMS                                         */
/* **************************************************************** */
.item-display .related-items {
 width: 199px;
 float: left;
 border: 1px solid #eee;
 margin-top: 20px;
 margin-right: 10px;
 margin-bottom: 10px;
 min-height: 140px;
}

.item-display .related-items.last { margin-right: 0; }

.item-display .related-items p { 
  color: #fff !important;
  font-weight: bold;
  padding: 6px 0 6px 10px !important;
  margin: 0 !important;
  border-bottom: 1px solid #eee; 
  background: #99bfd1; 
}

.item-display .related-items ul { padding: 0 !important; margin: 0 10px 0 10px !important; }
.item-display .related-items ul li { list-style: none; padding: 0 0 0 11px; margin: 5px 0; background: url(/other_files/applicon/global/bg-dot.gif) no-repeat 0 .7em; }

.item-display .related-items ul li a { color: #464646 !important; }

.item-detail.news {
 float: left;
 width: 98%;
}
.news-images {
 float: right;
 width: 200px; 
 margin-left:10px;
}

/* **************************************************************** */
/* Static content                                                   */
/* **************************************************************** */

.item-display .left {width: 500px; float:left;}
.item-display .right {width: 150px; float:left;}
.item-display .right .box {width: 150px}

/* **************************************************************** */
/* Product Detail page                                              */
/* **************************************************************** */

.product-images {
 float: right;
 width: 170px; 
 margin-left:10px;}

.product-related-content .related-items {
 width: 200px;
 float: left;
 border: 1px solid #99BFD1;
 margin-right: 10px;
 margin-bottom: 10px;
 padding: 5px;
 height: 140px;
}

/* **************************************************************** */
/* Contact Person for products                                     */
/* **************************************************************** */
#block3 .box.contact-info { /*background: #fff;*/}

#block3 .side-bar .box.contact-info {
padding: 5px 10px 10px 10px;
margin-bottom: 10px;
}
#block3 .side-bar .contact-info h2 {
font-size: 12px;
text-transform: none;
padding-bottom: 10px;
}

#block3 .side-bar .contact-info img {
 padding: 5px;
 margin-bottom: 10px;
 border: 1px solid #eee;
}

/* **************************************************************** */
/* Customer Detail page                                              */
/* **************************************************************** */

.item-detail .testimonials li {
margin-bottom: 10px;
}



/* **************************************************************** */
/* General List portlets                                            */
/* **************************************************************** */
.general-list {
 float: left;
 position: relative;
 width: 100%;
}
.general-list a.more {
 position: absolute;
 right: 0;
}

/* **************************************************************** */
/* Slide Show Frontpage                                             */
/* **************************************************************** */
.nav {
  position: absolute;
  bottom: 5px;
  right: 10px;
  width: 40px;
  height: 24px;
  z-index: 3;
}

.nav a {
 position: absolute;
 display: block;
 width: 12px;
 height: 12px;
 text-indent: -3000px;
 background: transparent url(/other_files/applicon/global/arrow-square-bwd.gif) no-repeat 0 0;
}
.nav a#next2 {
 right: 0;
 background: transparent url(/other_files/applicon/global/arrow-square-fwd.gif) no-repeat 0 0;
}
.nav a:hover,
.nav a.activeSlide {
  color: #fff;
  text-decoration: none;
}

/* **************************************************************** */
/* Hide elements for Applicon.co.uk                                 */
/* **************************************************************** */

.sub.co-uk #main-navigation,
.sub.co-uk .contact-subscribe,
.sub.co-uk #tracer {
  display: none;
}

/* **************************************************************** */
/* Hide elements for Applicon.co.uk                                 */
/* **************************************************************** */