/* layout */
html,body {
    margin:0;
    padding:0;
    height:100%; /* needed for container min-height */
    font-family: arial, verdana;
    font-size:13px;
}
body { background: url('/img/bg.jpg') repeat-x #f6fafa; }
.bold { font-weight: bold; }
.hidden { display:none; }

div#container {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width:100%;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
}
div#footContent {
    padding-right: 20px;
    padding-left: 42px;
}
div#footContent,
div#contentContainer {
    width: 940px;
    margin: 0 auto;
}

div#header {
    position: relative;
    overflow: hidden;
    height: 178px;
}

div#content {
    padding-bottom: 50px; /* bottom padding for footer */
    padding-top: 1px;
}

div#footer {
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
    left: 0;
    color: #fff;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #f76f14;
    font-size: 12px;
}
/* sitemap link */
div#footer a#sitemapLink {
    float: right;
    margin-right: 10px;
    color: #fff;
    text-decoration: none;
}

/* content */
a {
    text-decoration: none;
    color: #004f9b;
}
a:hover {
    text-decoration: underline;
}
p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #777777;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    font-family: verdana;
    font-weight: normal;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 20px;
    /*margin: 0px;*/
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}


div.clear { clear: both; float: none!important; }
a img { border: none; }

/* language bar */
div#langBar {
    float: right;
    height: 26px;
    line-height: 26px;
}
div#extranetLink,
div#langLinks {
    float: right;
    font-size: 13px;
}
div#extranetLink a {
    color: #fff;
    display: block;
    background: #004F9B;
    text-decoration: none;
    padding-left: 17px;
    padding-right: 17px;
}
div#langLinks,
div#langLinks a {
    color: #667a85;
}
div#langLinks span { float: left; }
div#langLinks select { 
    float: left; 
    margin-left: 10px; 
    margin-right: 10px; 
    margin-top: 3px;
}
div#langLinks a {
    width: 44px;
    display: block;
    float: left;
    text-align: center;
    
}
div#langLinks a:hover { text-decoration: none; }

div#langLinks a#langFi {
    margin-left: 15px;

}
div#langLinks a#langSe {

}
div#langLinks a#langNo {

}

div#langLinks a.activeLang {
    color: #fff;
    background-color: #b2bfcb !important;
}


/* logo */
img#scanofficelogo {
    position: absolute;
    left: 11px;
    top: 58px;
}
/* top navigation */
div#topnaviContainer {
    height: 49px;
    width: 940px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
body.extranet div#topnaviContainer {
    background: url('/img/gradblue.gif') repeat-x #0156a7;
    padding-left: 20px;
    padding-right: 20px;
    width: 900px;
}
body.extranet div#topnaviContainer,
body.extranet div#topnaviContainer p,
body.extranet div#topnaviContainer a {
    line-height: 48px;
    /*background: #004f9b;*/
    color: #fff;
    font-size: 14px;
}

body.extranet div.extranet-tables-frontpage table {
    width: 44%;
    float:left;
}



body.extranet div#topnaviContainer a {
    text-decoration: underline;
    outline: none;
}
body.extranet div#topnaviContainer input {
    margin-top: 14px;
    margin-left: 15px;
}

ul#contactNavi,
ul#contactNavi li,
ul#mainNavi,
ul#mainNavi li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    line-height: 49px;
}
ul#contactNavi { float: right; }
ul#contactNavi a,
ul#mainNavi a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    color: #5b5b5b;
    font-size: 15px;
    outline: none;
}
ul#contactNavi li.selected a,
ul#mainNavi li.selected a,
ul#mainNavi li a.selected{
    background-color: #f76f14;
    color: #fff;
}
ul#contactNavi a:hover,
ul#mainNavi a:hover {
    background-color: #ebebeb;
}

/* frontpage flash */
div#frontHilight {
    height: 344px;
}

/* newsTicker */
div#newsTicker {
    font-size: 18px;
    height: 57px;
    line-height: 57px;
    padding: 0 20px 0 20px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
div#newsTicker a {
    font-size: 18px;
    margin-right: 30px;
}
div#newsTicker a#newsArchiveLink {
    float: right;
    margin-right: 0;
}
div#latestNewsTitle {
    width: 190px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
}
div#newsArea {
    float: left;
    width: 540px;
}
div#newsArea ul { margin: 0; padding: 0;}
ul#newsTickerlist,
ul#newsTickerList li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    float: left;
}
/* news list */
div.NewsList .NewsListItem {
    margin-bottom: 10px;
    line-height: 16px;
    font-size: 13px;
    font-family: verdana, tahoma, arial;
}
div.NewsList .NewsListItem .NewsDate {
}
div.NewsList .NewsListItem a {
}

/* search bar */
div#searchBar {
    position: absolute;
    right: 0;
    top: 66px;
}
div#searchBar form,
div#searchBar form input { margin: 0; vertical-align: middle; }
div#searchBar .search-input {
    line-height: 23px;
    height: 18px;
    width: 190px;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 0;
}
div#searchBar .search-button {
    width: 30px;
    height: 0px;
    padding-top:26px;
    overflow:hidden;
    background: url('/img/search.gif') no-repeat 50% 50% #f76f14;
    border: 0;
}

/* dealer search */
div#dealerSearch form,
div#dealerSearch form input { margin: 0; vertical-align: middle; }
div#dealerSearch .search-input {
    line-height: 23px;
    height: 18px;
    width: 190px;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 0;
}
div#dealerSearch .search-button {
    width: 30px;
    height: 0px;
    padding-top:26px;
    overflow:hidden;
    background: url('/img/search.gif') no-repeat 50% 50% #f76f14;
    border: 0;
}

/* front cols */
div#frontCols {
    margin-top: 22px;
    margin-bottom: 22px;
    background: url('/img/3cols.gif') repeat-y center;
    font-family: verdana, tahoma, arial;
    font-size: 12px;
}
div#frontEvents {
    margin-top: 22px;
    margin-bottom: 22px;    
}
div#frontEvents div,
div#frontCols div {
    width: 290px;
    margin-left: 10px;
    float: left;
}
div#frontEvents div.fCol1,
div#frontCols div.fCol1 {
    padding-right: 10px;
    padding-left: 10px;
    width: 270px;
}
div#frontEvents div.fCol1 {
    width: 625px;
    padding-right: 0;
}
div#frontEvents div.fCol2,
div#frontCols div.fCol2 {
    padding-left: 20px;
    padding-right: 20px;
    width: 270px;
}
div#frontEvents div.fCol2 {
    padding-right: 10px;
}
div#frontCols div.fCol3 {
    padding-left: 25px;
    width: 270px;
}

/* old product cols system */
#productCats {
    background: url('img/swirl.png') no-repeat 0 65px;
}
#productCats p {
    margin-bottom: 10px;
}
h2.productstitle {
    margin-top: 35px;
    color: #f76f14;
    font-weight: normal;
    font-size: 30px;
    float: left;
    margin-left: 20px;
}
#productbottomcols .col,
#cats2 .col,
#cats1 .col {
    width: 248px;   
    padding: 20px; 
    padding-bottom: 5px;
    float: right;
    border: 1px solid #d7d7d9;
    border-left: 10px solid #005097;
    height: 150px;
    margin-top: 21px;
    margin-left: 21px;
    background: #fff;
}
#cats2 .col { float: left; height: auto; min-height: 45px; padding-top: 10px; }
#cats2 .col h2 { margin-bottom: 0; font-size: 20px;}
#cats2 .col9,
#cats2 .col6,
#cats1 .col3,
#cats1 .col8 {
    margin-left: 0;
}


/* product cols new */
#productCats {
   /* background: url('img/swirl.png') no-repeat 0 65px; */
}
#productCats p {
    margin-bottom: 10px;
}
h2.productstitle {
    color: black;
    font-weight: normal;
    font-size: 18px;
}

#cats2_new,
#cats1_new {
    width: 440px;
    float: left;
}

#cats3_new {
   width: 5px;
   height: 1000px;
   border-right: 2px solid #D7D7D9;
   float: left;
   padding: 10px;
   margin: 10px; 
}

#cats2_new img,
#cats1_new img {
   width:400px;
   height: auto;
   border-color: #D7D7D9 #D7D7D9 #D7D7D9 #005097;
   border-style: solid;
   border-width: 1px 1px 1px 10px;
   margin-left: 21px;
}


#productbottomcols .col,
#cats2_new .col,
#cats1_new .col {
    width: 400px;
    padding: 10px;
    float: left;
    border-top: 1px solid #D7D7D9;
    height: 50px;
    margin-left: 21px;
}
#cats2_new .col {
    float: right;
}

#cats2_new .col a,
#cats1_new .col a {
   font-size: 18px;
   margin-bottom: 0px;
   color: #777777;
   /*text-decoration: none; */
}

#cats2_new .col h2,
#cats1_new .col h2 {
   font-size: 18px;
}

#cats2_new h1,
#cats1_new h1 {
   font-size: 24px;
   font-weight: bold !important;
   color: black;
   margin-left: 21px;
   padding: 20px 0px 0px 0px;
}

.LVI-block  {
   width: 390px;
   min-height: 50px;
   border-color: #005097 #005097 #005097 #005097;
   border-style: solid;
   border-width: 2px 2px 2px 10px;
   margin: 0px 10px 10px 0px;
   float: right;
   padding : 10px;
   text-decoration: none;
}

.LVI-block h1, .LVI-block h1 a {
   font-size: 20px;
   color: black;
   text-decoration: none;
}

.LVI-block h2, .LVI-block h2 a  {
   font-size: 16px;
   color: black;
   text-decoration: none;
}

.LVI-block h3, .LVI-block h3 a {
   font-size: 14px;
   color: black;
   text-decoration: none;
}


body.extranetproducts .prodDetails {
    background: transparent url(img/corner-exclamation.png) no-repeat scroll right top;
    margin-bottom: 25px;
}
body.extranetproducts .prodDetails h2.productname {
    padding-right: 15px;
}

#productbottomcols #prodhili1,
#productbottomcols #prodhili2 {
    border-right: 1px solid #d7d7d7;
    background: url('img/corner-exclamation.png') no-repeat 252px 0;
}
#productbottomcols #prodhili1 {
    margin-left: 0;
}
#productbottomcols .col {
    border: 0;
    float: left;
    width: 260px;
    margin-left: 18px;
    height: auto;
    background: transparent;
}
/* frontpage events */
div#frontEvents {
    border-top: 1px solid #D7D7D7;
    margin-top: 22px;
    padding-top: 22px;
}
div#frontEvents div.EventSummary,
div#frontEvents div.EventSummary div { float: none; margin: 0; }
div#frontEvents div.fCol2 {
    padding-left: 0;
    width: 250px;
    text-align: center;
}
div#frontEvents div.EventSummary {
    float: left;
    width: 300px;
    padding-right: 10px;
    font-family: verdana, tahoma, arial;
    font-size: 11px;
    line-height: 20px;
}
div#frontEvents div.EventSummary a {
    display: block;
    width: 215px;
    padding-right: 11px;
    float: right;
}
div#frontEvents a.allEventsLink {
    float: right;
    margin-top: 5px;
    margin-right: 40px;
    line-height: 24px;
    font-family: verdana, tahoma, arial;
    font-size: 13px;
}
div#frontEvents div.EventSummary span.EventDate {
    width: 59px;
    display: block;
}

/* --- sub pages --- */
/* breadcrumbs and page title */
div#titlebar {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 17px;
    margin-bottom: 8px;
}
div#titlebar div#breadcrumbs {
    float: right;
    margin-top: 15px;
    margin-right: 23px;
    font-size: 12px;
}
div#titlebar h2.title,
div#titlebar h1.title {
    margin: 0;
    margin-top: 27px;
    padding-left: 22px;
    font-size: 30px;
    color: #f76f14;
}

/* subpage columns */
#topColumn {
    margin-bottom:24px;
}
#topColumn.border {
    border-bottom: 1px solid #e6e7e7;
}
#midColumn {
    background: url('/img/midcolumn-bg.png') center top repeat-y;
}
#midColumn #leftColumn,
#midColumn #rightColumn {
    float:right;
    width:50%;
}
#leftColumn .columnWrapper {
    padding-right:36px;
}
#rightColumn .columnWrapper {
    padding-left:36px;
}

#underNaviCol {
    padding-left:20px;
}

/* subpage bottom box */
#bottomBox {
    margin-top:24px;
    border:1px solid #f76f14;
}
#bottomBox div {
    padding:15px;
}
#bottomBox h4 {
    background:#f76f14;
    padding:15px;
    padding-top:10px;
    padding-bottom:10px;
    color:#fff;
    font-size:24px;
    margin:0;
}

/* sub navigation */
div#sideNaviContainer {
    width: 280px;
    float: left;
}
#subNaviContainer {
    margin-bottom: 34px;
}
div#sideNaviContainer ul#subNavi,
div#sideNaviContainer ul#subNavi ul,
div#sideNaviContainer ul#subNavi li {
    list-style: none;
    margin: 0;
    padding: 0;
}
body.extranet div#sideNaviContainer ul#subNavi li.level2 ul,
body.extranet div#sideNaviContainer #eNaviSe ul.subNavi li.level3 ul,
body.extranet div#sideNaviContainer #eNaviNo ul.subNavi li.level3 ul,
body.extranet div#sideNaviContainer #eNaviEn ul.subNavi li.level3 ul,
div#sideNaviContainer ul#subNavi li.level1 ul {
    margin-top: 3px;
    margin-bottom: 3px;
}
div#sideNaviContainer ul#subNavi li a {
    padding-left: 22px;
    padding-right: 5px;
    display: block;
    color: #2e2e2e;
    font-size: 12px;
}
body.extranet div#sideNaviContainer ul#subNavi li.level2 a,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3 a,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3 a,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3 a,
div#sideNaviContainer ul#subNavi li.level1 li a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 30px;
}
body.extranet div#sideNaviContainer ul#subNavi li.level2 li li a,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3 li li a,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3 li li a,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3 li li a,
div#sideNaviContainer ul#subNavi li.level1 li li a { padding-left: 40px; }
body.extranet div#sideNaviContainer ul#subNavi li.level2 li li li a,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3 li li li a,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3 li li li a,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3 li li li a,
div#sideNaviContainer ul#subNavi li.level1 li li li a { padding-left: 50px; }
body.extranet div#sideNaviContainer ul#subNavi li.level2 li li li li a,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3 li li li li a,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3 li li li li a,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3 li li li li a,
div#sideNaviContainer ul#subNavi li.level1 li li li li a { padding-left: 60px; }
body.extranet div#sideNaviContainer ul#subNavi li.level2 li li li li li a,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level2 li li li li li a,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level2 li li li li li a,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level2 li li li li li a,
div#sideNaviContainer ul#subNavi li.level1 li li li li li a { padding-left: 70px; }
body.extranet div#sideNaviContainer ul#subNavi li.level2 a,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3 a,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3 a,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3 a,
div#sideNaviContainer ul#subNavi li.level1 a {
    padding-top: 12px;
    padding-bottom: 12px;    
}
body.extranet div#sideNaviContainer ul#subNavi li.level2 li a,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3 li a,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3 li a,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3 li a {
    padding-top: 3px;
    padding-bottom: 3px;
}
div#sideNaviContainer ul#subNavi li a:hover {
    text-decoration: underline;
}
body.extranet div#sideNaviContainer ul#subNavi li.level2 a:hover,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3 a:hover,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3 a:hover,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3 a:hover,
div#sideNaviContainer ul#subNavi li.level1 a:hover {
    background: #edecec;
}
div#sideNaviContainer ul#subNavi li.level1 li a:hover {
    background:#edecec !important;
}
body.extranet div#sideNaviContainer ul#subNavi li.level2,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3,
div#sideNaviContainer ul#subNavi li.level1 {
    border-bottom: 1px solid #d7d7d7;
}

/* Subnavi modifications to be in boxes  */ 

ul#subNavi li.level1 {
    margin-bottom: 10px !important;
    border-color: #D7D7D9 #D7D7D9 #D7D7D9 #005097;
    border-style: solid;
    border-width: 1px 1px 5px 10px;    
    font-weight: bold;
}

ul#subNavi li.level2 {
    font-weight: normal;
}




body.extranet div#sideNaviContainer ul#subNavi li.level2.selected a.selected,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3.selected a.selected,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3.selected a.selected,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3.selected a.selected,
div#sideNaviContainer ul#subNavi li.level1.selected a.selected {
    background: url('/img/bg-subnavi-s.gif') repeat-x #f76f15;
    color: #fff;
    font-weight: bold;
}
body.extranet div#sideNaviContainer ul#subNavi li.level2.selected li a.selected,
body.extranet div#sideNaviContainer #eNaviSe ul#subNavi li.level3.selected li a.selected,
body.extranet div#sideNaviContainer #eNaviNo ul#subNavi li.level3.selected li a.selected,
body.extranet div#sideNaviContainer #eNaviEn ul#subNavi li.level3.selected li a.selected,
div#sideNaviContainer ul#subNavi li.level1.selected li a.selected {
    background:none;
    color:#2e2e2e;
}




/* subpage content area */
div#innerContentArea {
    background: url('/img/1pxd7d7d7.gif') repeat-y 290px 0;
    margin-bottom: 10px;
}
div#innerContent {
    padding-top: 12px;
    padding-bottom:24px;
    width: 615px;
    float: right;
}

/* products */
div.ProductDirectoryItem {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-left: 10px solid #004F9B;
  padding: 7px;
}
div.ProductDirectoryItem table.productImage {
  float: left;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  width: 140px;
}
table.productImage td {
    height: 140px;
    vertical-align: middle;
}
table.productImage td.detailImage {
    height: 190px;
}
div.ProductDirectoryItem div.productInfo {
  padding-left: 160px;
}
div.ProductDirectoryItem h2.productname,
div.ProductDirectoryItem h3.manu {
  margin: 5px 0 0 0;
}
div.ProductDirectoryItem p {
  margin-top: 5px;
}

/* product details */
div.prodDetails div.ProductDirectoryItem {
  width: 210px;
  min-height: 180px;
  float: left;
}
div.prodDetails div.productInfo {
  padding-left: 250px;
}
div.prodDetails h2,
div.prodDetails h3 {
  margin: 5px 0 0 0;
  color: #777;
}

div.prodDetails h1 {
  margin: 5px 0 0 0;
  color: #777;
  font-size: 20px;
}

div.prodDetails p {
  margin-top: 5px;
}

table.technicalData {
  width: 48%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  margin-right:12px;
  float:left;
  
}
table.technicalData caption {
  background: url('/img/detgrad.gif') repeat-x #343434;
  color: #fff;
  padding: 3px 5px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  font-family: verdana, tahoma, arial;
}
table.technicalData td {
  border: 1px solid #999;
  font-size: 12px;
  padding: 3px 5px;
  font-family: verdana, tahoma, arial;
}
table.technicalData td.tit {
  width: 160px;
}

div.fileIcon {
    width:16px;
    height:16px;
    float:left;
    margin-right:10px;
}
div.fileIcon.pdf,
div.fileIcon.PDF { background: url('/img/icons/pdf.png'); }
div.fileIcon.png,
div.fileIcon.PNG,
div.fileIcon.jpg,
div.fileIcon.JPG,
div.fileIcon.gif,
div.fileIcon.GIF { background: url('/img/icons/img.png'); }
div.fileIcon.doc,
div.fileIcon.docx { background: url('/img/icons/doc.png'); }
div.fileIcon.xls { background: url('/img/icons/xls.png'); }

table.priceContainer {
  width: auto;
  float: right;
  margin: 10px 0 0 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

td.prodPrice {
  border: 1px solid #d7d7d7;
  font-family: verdana;
  font-size: 24px;
  font-weight: bold; 
  padding: 4px;
  color: #004F9B;
  vertical-align: middle;
}

td.toCart {
  background: url('/img/gradblue.gif') repeat-x #0156a7;
  border: 1px solid #0156a7;
  padding: 4px 4px 4px 10px;
  text-align: right;
  vertical-align: middle;
}
div.toCart input[type=submit] {
  background: none;
  border: none;
  color: #fff;
  font-weight: bold;
}
div.toCart input[type=text] {
  border: 1px solid #0156a7;
}

/* viewing cart */
div.viewcartform div.cartitem {
  margin-bottom: 10px;
}
div.viewcartform div.itemdesc {
  font-weight: bold;
}
div.viewcartform div.makeOrder {
  margin-top: 10px;
}


/* Extranet stuff */
#extraLogin {
    padding-left: 20px;
}
#extraLogin input[type='text'],
#extraLogin input[type='password']{
    width:240px;
}
#extraLogin label {
    display:block;
}
#userSettings input[type='text'] {
    width:240px;
}
#userInfo {

}
#userInfo input[type='submit'] {
    border:1px solid #adadad;
    background: #fff;
}
#userInfo #myCart {
    float:right;
    
}

/* Logout button styles */
body.extranet div#logOut a.logoutButton {
    position: absolute;
    top:-122px;
    right:0px;
    text-decoration: none;
    background:#004688;
    line-height:38px;
    padding-left:9px;
    padding-right:9px;
    margin-top:5px;
}
body.extranet div#logOut a.logoutButton:hover {
    background: #00519e;
    background: #F76F15 url(/img/bg-subnavi-s.gif) repeat-x scroll 0 0;
}


/* Billing form */
.orderForm fieldset, fieldset {
    border:1px solid #bebebe;
    padding:20px;
    margin-bottom:20px;
}
.orderForm textarea {
    width:500px;
    height:140px;
}
.orderForm input {
    width:240px;
}
.orderForm span {
    width:120px;
    display:block;
    margin-bottom:10px;
}
.orderForm input[type='submit'] {
    width:80px !important;
}

/* SelfReg form  */
.formTable {
}
table.formTable td.leftCell {
    width:140px;
    display: block;
}
.rightCell input[type='text'] {
    width:300px;
    
}
.checkboxgroup label,
.checkboxgroup input {
    margin-bottom:10px;
    margin-top:10px;
}
div.yhteydenotto div.radios {
    margin-bottom:30px;
}
.tld-ext {
    display:none;
}

#userdirectory_summary {
    margin-bottom:20px;
}
div.userdirectory_oneuser {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #dadada;
}
div.pager {
    margin-bottom:10px;
    margin-top:20px;
}

table.productLifts {
	width: 48%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	margin-right:12px;
	float:left;
}

table.productLifts caption {
	background: url('/img/bg-subnavi-s.gif') repeat-x #f76f15;
	color: #fff;
	padding: 3px 5px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana, tahoma, arial;	
}

table.productLifts td {
	border: 1px solid #999;
	font-size: 10px;
	padding: 3px 5px;
	font-family: verdana, tahoma, arial;
}
table.productLifts td.tit {
	width: 160px;
}

#sideNaviContainer table.productLifts {
    width:100%;
    
}

/* form styles */
.yhteydenotto {
    position: relative;
}
.yhteydenotto div {
    margin-bottom:14px;
    clear:both;
}

.yhteydenotto label {
    width:125px;
    display:block;
    float:left;
}
.yhteydenotto input[type='text'] {
    width:260px;
    border:1px solid #ababab;
    padding: 2px 2px 3px 2px;
}
.yhteydenotto textarea {
    width:260px;
    height:140px;
    position: relative;
    border:1px solid #ababab;
    
}
.yhteydenotto fieldset {
    padding: 0;
    border: none;
}
.yhteydenotto legend {
    padding: 0 0 15px 0;
    font-weight: bold;
}

table.userSettings {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
table.userSettings td.settingTitle {
    width: 200px;
}
table.userSettings input[type='file'] {
    width: 250px;
}

.updateOrdersInput {
    border: 0;
    background: none;
    padding: 0;
    border: 1px solid #adadad;
    color: #666;
    margin-bottom: 10px;
}
.makeOrder a {
    font-weight: bold;
}

/* Dealer search LITE */
.message {
    margin: 20px 0 20px 0;
}

div.errorNotFilled {
    margin-bottom:10px;
} 
div.error {
    color:red;
}


/* ILMANMUUTA.FI layout modifications */

#ilmanmuuta_header {
	text-align: center;
	font-size: 28px;
	font-family: arial, verdana;
	padding: 10px;
	color: #777777;
}

#ilmanmuuta_footer a {
	font-size: 20px;
	font-family: arial, verdana;
	padding: 5px;
	text-decoration: none;
	color: white;
}

#ilmanmuuta_footer {
	text-align: center;
}

