/* page layout area*/
#pageLayout {/* position: relative;  */text-align: left;}

/* content elements, center content*/
#main-navi-wrapper,
#page-content,
#pageHeader .container,
#ControlNavi {margin: 0 auto; width: 960px;}
#footer-content {margin: 0 auto; width: 920px;}

#ControlNavi {position: relative; background: #A70230; }
#ControlNavi a {background: none; padding: 0;}

#mainContentWrapper {float: left; width: 720px; margin: 0 20px 0 0;}

/* page header area */
#pageHeader  { margin: 0; /* position: relative; */ width: 100%; background: #a70230; height: 140px; }
#pageHeader .container {position: relative; height: 100%;}

/* Franchise site title */
#franchiseTitle {position: absolute; top: 38px; left: 240px; color: #fff; font-size: 16px; font-weight: bold;}
#franchiseTitle a{color: #fff !important; font-size: 18px; font-weight: bold;}

/* logo box */
#logo {position: absolute; top: 22px; left: 0; width: 158px; height: 34px;}
#logo img{border: none;}
#logo a{background: none; padding: 0;}

/*search box*/
#search-box {position: absolute; top: 16px; right: 0;}
#search-box ul {position: relative; float: right; margin: 3px 240px 0 0;}
#search-box ul.link-list li a {background: none; padding: 0; color: #fff !important;}
#search-box .simple-search { position: absolute; width: 230px; top: 0px; right: 0; }
#search-box .simple-search a { background: none; padding: 0;}
#search-box .simple-search span.gray-button, #search-box .simple-search a.gray-button { margin: 0 0 0 10px;}

/*MOSS*/
#search-box .simple-search table {height: 16px; color: #fff; font-size: 12px; font-weight: normal; margin: 0;}
#search-box .simple-search table td {border: none; padding: 0; background: #A70230;}
#search-box .simple-search table td.ms-sbcell {padding: 0 10px 0 0;}
#search-box .simple-search table td.ms-sbcell input {width: 122px !important;}
#search-box .simple-search table td span {font-weight: normal;}
#search-box .simple-search .ms-sbLastcell {width: 0px;}
/*MOSS*/

/*MOSS*/
#search-box .simple-search input {border-top: solid #7c7c7c 1px; border-left: solid #7c7c7c 1px; border-bottom: solid #fff 1px; border-left: solid #c3c3c3 1px;}
#search-box .simple-search input,
/*MOSS*/
input.search {margin: 0; height: 16px; color: #313333; background: white url(../images/icon-search.jpg) no-repeat 3px 2px; width: 140px; padding: 0 0 0 20px;}

/* login box */
#login-area { position: absolute; bottom: 15px; right: 0; height: 75px; margin: 50px 0 0 0; z-index: 100;}
#login-area.logged-in {width: 285px;}

.login-box {float: left; }
.login-box,
.login-box .login-box1,
.login-box .login-box1 .login-box2 {padding: 0;float: left;}
.login-box .login-box1 .login-box2 .login-box3 { padding: 10px; height: 60px; float: left;}
.login-box {background: #e0e5e1 url(../images/login-box.gif) no-repeat 0 0;}
.login-box .login-box1 {background: transparent url(../images/login-box-top-right.gif) no-repeat top right;}
.login-box .login-box1 .login-box2 {background: transparent url(../images/login-box-bottom-left.gif) no-repeat bottom left;}
.login-box .login-box1 .login-box2 .login-box3 {background: transparent url(../images/login-box-bottom-right.gif) no-repeat bottom right;}

#login-area .login-box .login-box1 .login-box2 .login-box3  table.buttons {margin: 0 46px 0 0; float: left;}
#login-area .login-box .login-box1 .login-box2 .login-box3  table.buttons td { padding: 0 0 10px 0; vertical-align: top;}
#login-area .login-box .login-box1 .login-box2 .login-box3  table.buttons td span.orange-button, #login-area .login-box .login-box1 .login-box2 .login-box3  table td span.orange-button input,
#login-area .login-box .login-box1 .login-box2 .login-box3  table.buttons td a.orange-button, #login-area .login-box .login-box1 .login-box2 .login-box3  table td a.orange-button span {display: block;}

#login-area .login-box .login-box1 .login-box2 .login-box3  table.login {float: left; height: 60px;}
#login-area .login-box .login-box1 .login-box2 .login-box3  table.login td,
#login-area .login-box .login-box1 .login-box2 .login-box3  table.login th {text-align: left;}
#login-area .login-box .login-box1 .login-box2 .login-box3  table.login td, 
#login-area .login-box .login-box1 .login-box2 .login-box3  table.login th {padding: 0 10px 0 0;}

#login-area .login-box .login-box1 .login-box2 .login-box3  table.login span.login-btn,
#login-area .login-box .login-box1 .login-box2 .login-box3  table.login span.login-btn input  {height: 24px; line-height: 21px; background: transparent url(../images/gray-button.gif) no-repeat 0 -70px !important;}
#login-area .login-box .login-box1 .login-box2 .login-box3  table.login span.login-btn input {width: auto; overflow: visible; margin: 0; border: none; background-position: right -70px !important; padding: 0 10px 3px 0; margin: 0; font-size: 12px; color: #313333; text-transform: uppercase; font-weight: bold;}
#login-area .login-box .login-box1 .login-box2 .login-box3  table.login span.login-btn {display: block; float: left; padding: 0 0 0 10px;}
#login-area .login-box .login-box1 .login-box2 .login-box3  table.login input.text {width: 145px;}

/*login box user*/
.login-box .info-box {float: right; width: 155px; margin: 0 0 0 10px;}
.login-box .info-box,
.login-box .info-box .info-box1,
.login-box .info-box .info-box1 .info-box2 {padding: 0;}
.login-box .info-box .info-box1 .info-box2 .info-box3 { padding: 10px; height: 40px; font-size: 11px;}
.login-box .info-box {background: #ffffff url(../images/login-info-box.gif) no-repeat 0 0;}
.login-box .info-box .info-box1 {background: transparent url(../images/login-info-box-top-right.gif) no-repeat top right;}
.login-box .info-box .info-box1 .info-box2 {background: transparent url(../images/login-info-box-bottom-left.gif) no-repeat bottom left;}
.login-box .info-box .info-box1 .info-box2 .info-box3 {background: transparent url(../images/login-info-box-bottom-right.gif) no-repeat bottom right;}

.login-box .info-box a  { font-size: 11px;}
.login-box p {margin: 0 0 3px 0;}
.login-box .cart {float: left; width: 100px; margin: 0; font-size: 11px;}
.login-box .cart span.gray-button , .login-box .cart a.gray-button {margin: 2px 0 0 0;}

/* main navigation bar */
#main-navi {position: absolute; bottom: 0; left: 0; width: 100%;}
#main-navi ul {display: block; float: left; height: 39px; margin: 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside;}
#main-navi ul li {float: left; color: #fff; height: 39px; padding: 0; margin-left: -2px;  cursor: pointer; }
#main-navi ul li.last {margin-left: -2px !important; }
#main-navi ul li table  { float: left; background: none; border: none; }
#main-navi ul li table td { background: transparent url(../images/main-navi-border.gif) no-repeat right 14px;}

#main-navi ul li  table td {height: 39px; width: 65px; padding: 0; vertical-align: middle; padding: 0 15px; text-align: center;}
#main-navi ul li  table td a{display: inline-block; text-align: center; font-weight: bold; padding: 0; color: #fff !important; cursor: pointer; text-decoration: none; border: none;}
#main-navi ul li  table td a:hover{text-decoration: underline;}

#main-navi ul li.selected,
#main-navi ul li ul li.selected,
#main-navi ul li.open,
#main-navi ul li ul li.open { margin-top: 0; background: transparent url(../images/main-navi_active.jpg) no-repeat top left; border: none; padding: 0 0 0 10px;}
#main-navi ul li.selected  table td,
#main-navi ul li ul li.selected  table td,
#main-navi ul li ul li.selected.last  table td,
#main-navi ul li.open table td ,
#main-navi ul li ul li.open table td  {  background: transparent url(../images/main-navi_active_right.jpg) no-repeat top right;border: none; color: #313333 !important; /* line-height: 39px; */ font-weight: bold; padding: 0 15px 0 0 !important; text-align: center;}
#main-navi ul li.selected  table td a,
#main-navi ul li ul li.selected  table td a,
#main-navi ul li.open table td a,
#main-navi ul li ul li.open table td a { color: #313333 !important; font-weight: bold;}

#main-navi ul li.selected ul li,
#main-navi ul li.open ul li { margin: 0 !important; background: #A70230; padding: 0;  }

#main-navi ul li.selected ul li table td,
#main-navi ul li.open ul li table td {padding: 0 15px !important; text-align: center; background: transparent url(../images/main-navi-border.gif) no-repeat right 14px;}
#main-navi ul li.selected ul li table td a,
#main-navi ul li.open ul li table td a {color: #fff !important; }

#main-navi ul li a span ,
#main-navi ul li ul li a span  {display: table-cell; line-height: 16px; background: none; border: none; padding: 0 !important; text-align: center; }

#main-navi ul li ul li.last table td  {background: none; }

/* main content area*/
#page {float: left; min-width: 960px; width: 100%; border-top: solid #fff 10px; background: #e0e5e1; margin: 0 auto;/* z-index: 2; */} 
#page-content {display: block; position: relative; padding: 20px 0 0 0; }

/* navigation path */
#navigation-path {float: left; width: 100%; margin: 0 0 15px 0;}
#navigation-path  ul {float: left; list-style-type: none; list-style-image: none; list-style-position: outside;}
#navigation-path  ul li {float: left; background: transparent url(../images/arrow.gif) no-repeat right 4px; padding: 0 10px 0 0; margin: 0 10px 0 0;}
#navigation-path  ul li.last { background: none; padding: 0; font-weight: bold;}


/* Content */
#sidebar {float: left; width: 220px; padding: 0; margin: 0;}

#right-sidebar {float: right; width: 220px; padding: 0; margin: 0;}
#left-sidebar { float: left; width: 220px; padding: 0; margin: 0 20px 10px 0;}

#main-content-small {float: left; width: 480px; padding: 0; margin: 0 /* 20px */ 0 0;}
#main-content,
#main-content-large { float: left; width: 720px; padding: 0; margin: 0;}
#main-content-full {float: left; width: 960px; padding: 0; margin: 0;}

#main-content h1,
#main-content-large h1,
#main-content-small h1,
#main-content h2,
#main-content-large h2,
#main-content-small h2,
#main-content h3,
#main-content-large h3,
#main-content-small h3 {position: relative; float: left; width: 100%;}

/* left side navigation */
.left-navi {float: left; width: 100%; margin: 0 0 20px; padding: 0;}
ul.left-navi { margin: 0 0 20px; padding: 0;}
.left-navi ul, ul.left-navi {list-style-type: none; list-style-image: none; list-style-position: outside;}

.left-navi ul li, ul.left-navi li {border-bottom: solid #6e7c7b 1px; /* background: transparent url(../images/arrow.gif) no-repeat 2px 14px;  */padding: 2px 0; position: relative;}
.left-navi ul li.first, ul.left-navi li.first {padding: 2px 0; margin: 0 0 20px 0;}

.left-navi ul .selected {font-weight: bold; /* background: transparent url(../images/arrow-black.gif) no-repeat 0 4px; */ padding: 0 0 0 10px; color: #313333 !important; margin: 0 0 0 -9px;}
.left-navi .selected span, 
.left-navi .selected span.selected {font-weight: bold; background: none !important; padding: 0; color: #313333 !important;}
.left-navi li ul , ul.left-navi li ul {padding: 0 0 0 20px;}
.left-navi li ul li, ul.left-navi li ul li {border: none !important;}

.left-navi ul.level-2  {padding: 0; margin: 3px 0 0 0; }
.left-navi ul.level-2  li,
.left-navi ul li.level-2 {padding: 0; background: none;}
.left-navi ul.level-2 li a,
.left-navi ul li.level-2 a {padding: 2px 0 2px 13px; width: 150px; display: block;/* background: transparent url(../images/arrow.gif) no-repeat 40px 14px; */}
.left-navi ul.level-2 li a.selected,
.left-navi ul li.level-2 a.selected {/* background: transparent url(../images/arrow-black.gif) no-repeat 40px 14px;  */margin: 0;}

div.left-navi ul li a:hover {color: #313333 !important; text-decoration: none !important;}


/**/

.last {margin: 0 !important;}

#flash {position: relative; width: 720px; float: left; margin: 0;}
#flash .ms-WPBody {margin: 0 0 20px 0;}

.column-3 {float: left; width: 230px; margin: 0 15px 0 0;}
.column-3 .ms-WPBody {margin: 0 0 10px 0;}
.column-3 a { font-size: 12px;}
.column-3 h3 { font-size: 18px; font-weight: bold;}
.column-3 .ms-WPBody,
.column-3 .ms-TPBody {width: 208px; }
.ms-WPBody h1, .ms-TPBody h1 {font-weight: normal !important;}
.column-3 h1 {position: relative; font-size: 18px; }

.column-4 {float: left; width: 180px; margin: 0 10px 0 0;}
.slide-banner-box.home .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .columns.text .column-4 h1 {font-weight: normal; font-size: 14px !important; color: #a70230 !important;}

.right-medium-width {float: right; width: 475px; margin: 0; padding: 0;}


/* BOXES */

/* info box */
.info-box {float: left; margin: 0 0 10px 0; width: 100%;}
.info-box,
.info-box .info-box1,
.info-box .info-box1 .info-box2 {padding: 0;}
.info-box .info-box1 .info-box2 .info-box3 {padding: 10px; color: #313333; text-align: left; }
.info-box {background: #ffffff url(../images/info-box-bg.gif) no-repeat 0 0;}
.info-box .info-box1 {background: transparent url(../images/info-box-bg-top-right.gif) no-repeat top right;}
.info-box .info-box1 .info-box2 {background: transparent url(../images/info-box-bg-bottom-left.gif) no-repeat bottom left;}
.info-box .info-box1 .info-box2 .info-box3 {background: transparent url(../images/info-box-bg-bottom-right.gif) no-repeat bottom right;}
.info-box .info-box1 .info-box2 .info-box3  h1 {font-size: 18px;}
.info-box .info-box1 .info-box2 .info-box3  div.row {float: none;}
.info-box .info-box1 .info-box2 .info-box3  ol {float: none;}

#right-sidebar .info-box input, #right-sidebar .info-box select {margin: 0 0 10px 0;}

/* banner box */
.banner-box,
.banner-box .banner-box1 { background: transparent url(../images/banner-box_bg.gif) no-repeat 0 0;}
.banner-box .banner-box1 .banner-box2,
.banner-box .banner-box1 .banner-box2 .banner-box3 { background: transparent url(../images/banner-box_bg_bottom.gif) no-repeat 0 0;}

.banner-box { background-position: top left; padding: 0 0 0 10px; }
.banner-box .banner-box1 {padding: 10px 10px 0 0;  background-position: top right; margin: 0;}
.banner-box .banner-box1 .banner-box2 {margin: 0 0 0 -10px; padding: 0 0 0 10px; background-position: bottom left;}
.banner-box .banner-box1 .banner-box2 .banner-box3 {margin: 0 -10px  0 0; padding: 0 0 0 0; background-position: bottom right;}

/* home page small banner */
.slide-banner-box.home,
.banner-box.home {position: relative; margin: 0 0 15px 0;}
.slide-banner-box.home .columns,
.banner-box.home .columns  { float: left; width: 100%;  }
.slide-banner-box.home .columns td,
.banner-box.home .columns td {vertical-align: top; float: none !important;}
.slide-banner-box.home .columns.text {margin: -35px 0 0 0;}
.slide-banner-box.home .columns.text td,
.banner-box.home .columns.text td {border-right: solid #e0e5e1 1px; background: transparent url(../images/white-bg.jpg) repeat-y top right;}
  
.slide-banner-box.home ,
.slide-banner-box.home .slide-banner-box1,
.slide-banner-box.home .slide-banner-box1 .slide-banner-box2 ,
.slide-banner-box.home .slide-banner-box1 .slide-banner-box2 .slide-banner-box3,
.banner-box.home,
.banner-box.home .banner-box1,
.banner-box.home .banner-box1 .banner-box2,
.banner-box.home .banner-box1 .banner-box2 .banner-box3  {font-size: 11px; float: left;}

.slide-banner-box.home .slide-banner-box1 .slide-banner-box2 .slide-banner-box3,
.banner-box.home .banner-box1 .banner-box2 .banner-box3  {width: 700px; position: relative; padding: 0 10px 0 0; }

.banner-box.home .banner-box1 .banner-box2 .banner-box3 .column-4 { text-align: center; width: 147px !important; padding: 0 10px;}
.slide-banner-box.home  .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .column-4  {text-align: center; width: 147px !important; padding: 10px 10px 0 10px;}

.slide-banner-box.home  .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .columns.text .column-4 ,
.banner-box.home .banner-box1 .banner-box2 .banner-box3 .columns.text .column-4 { text-align: left; padding: 0 10px; }

.slide-banner-box.home  .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .column-4  .content{ padding: 0 0 10px 0; color: #313333;}
.banner-box.home .banner-box1 .banner-box2 .banner-box3 .column-4 .content { padding: 0 0 10px 0; color: #fff;}

.slide-banner-box.home  .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .column-4 h1,
.banner-box.home .banner-box1 .banner-box2 .banner-box3 .column-4  h1 {text-align: left; font-size: 11px !important; font-weight: bold; color: #313333; }

.slide-banner-box.home  .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .column-4 p {text-align: left; margin: 0; /* color: #313333 !important; */ }
.banner-box.home .banner-box1 .banner-box2 .banner-box3 .column-4  p {text-align: left; margin: 0; color: #fff !important; }

.slide-banner-box.home  .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .column-4 img,
.banner-box.home .banner-box1 .banner-box2 .banner-box3 .column-4  img {margin: 0 0 10px 0;}

.slide-banner-box.home  .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .column-4.last,
.banner-box.home .banner-box1 .banner-box2 .banner-box3 .column-4.last {border: none; background: none;}

/* info box */
.light-box {margin: 0 0 10px 0; float: left; width: 100%;}
.light-box,
.light-box .light-box1,
.light-box .light-box1 .light-box2 {padding: 0;}
.light-box .light-box1 .light-box2 .light-box3 {padding: 10px 5px;}
.light-box {background: #c9d0cc url(../images/light-box-bg.gif) no-repeat 0 0;}
.light-box .light-box1 {background: transparent url(../images/light-box-bg-top-right.gif) no-repeat top right;}
.light-box .light-box1 .light-box2 {background: transparent url(../images/light-box-bg-bottom-left.gif) no-repeat bottom left;}
.light-box .light-box1 .light-box2 .light-box3 {background: transparent url(../images/light-box-bg-bottom-right.gif) no-repeat bottom right;}

/* white box */
.white-box {float: left; margin: 0 0 10px 0; width: 100%;}
.white-box ,
.white-box .white-box1,
.white-box .white-box1 .white-box2{ padding: 0;}
.white-box .white-box1 .white-box2 .white-box3 {padding: 10px;}
.white-box {background: #ffffff url(../images/white-box-bg.gif) no-repeat 0 0; position: relative;}
.white-box .white-box1 {background: transparent url(../images/white-box-bg-top-right.gif) no-repeat top right;}
.white-box .white-box1 .white-box2  {background: transparent url(../images/white-box-bg-bottom-left.gif) no-repeat bottom left;}
.white-box .white-box1 .white-box2 .white-box3 {background: transparent url(../images/white-box-bg-bottom-right.gif) no-repeat bottom right;}
#main-content-small .white-box .white-box1 .white-box2 .white-box3 h1,
#main-content-large .white-box .white-box1 .white-box2 .white-box3 h1,
#main-content-small .white-box .white-box1 .white-box2 .white-box3 h3,
#main-content-large .white-box .white-box1 .white-box2 .white-box3 h3 {float: none; margin: 0;}

.white-box.product-info .white-box1,
.white-box.product-info .white-box1 .white-box2,
.white-box.product-info .white-box1 .white-box2 .white-box3 {float: left;}
.white-box.product-info .white-box1 .white-box2 .white-box3 {width: 700px;}
 
.white-box .white-box1 .white-box2 .white-box3 .left  {float: left; width: 470px;}

 
 /* orange box */
.orange-box {margin: 0 0 10px 0; float: left; width: 100%;}
.orange-box,
.orange-box .orange-box1,
.orange-box .orange-box1 .orange-box2 {padding: 0;}
.orange-box .orange-box1 .orange-box2 .orange-box3 {padding: 10px;}
.orange-box {background: #ffffff url(../images/orange-box-bg.gif) no-repeat 0 0;}
.orange-box .orange-box1 {background: transparent url(../images/orange-box-bg-top-right.gif) no-repeat top right;}
.orange-box .orange-box1 .orange-box2 {background: transparent url(../images/orange-box-bg-bottom-left.gif) no-repeat bottom left;}
.orange-box .orange-box1 .orange-box2 .orange-box3 {background: transparent url(../images/orange-box-bg-bottom-right.gif) no-repeat bottom right; color: #ffffff;}

/* counter box */
.counter-box {margin: 0 0 0 20px; float: right; width: 208px; padding: 0; background: transparent url(../images/counter-box-top-left.gif) no-repeat 0 0;}
.counter-box .counter-box-top { color: #ffffff; padding: 10px; background: transparent url(../images/counter-box-top-right.gif) no-repeat top right;}
.counter-box .counter-box-bottom  { padding: 0; background: transparent url(../images/counter-box-bottom-left.gif) no-repeat bottom left;}
.counter-box .counter-box-bottom .counter-box-bottom1  { padding: 10px; background: transparent url(../images/counter-box-bottom-right.gif) no-repeat bottom right;}
.counter-box .counter-box-top table td {padding: 0 10px 0 0; font-size: 10px; }

.counter-box .counter-box-top h2 {color: #ffffff;}
#main-content-large .counter-box .counter-box-bottom .counter-box-bottom1 a.arrow-link  {font-size: 10px; font-weight: bold; text-decoration: none !important; background-position: 0 3px;}
#main-content-large .counter-box .counter-box-bottom .counter-box-bottom1 a.arrow-link:hover  {text-decoration: underline !important; }
.counter-box  p  {font-size: 10px; }

#main-content-small .counter-box .counter-box-top span.gray-button,
#main-content-large .counter-box .counter-box-top span.gray-button,
#main-content-small .counter-box .counter-box-top a.gray-button,
#main-content-large .counter-box .counter-box-top a.gray-button { background-position: 0 -94px !important;}
#main-content-small .counter-box .counter-box-top span.gray-button input,
#main-content-large .counter-box .counter-box-top span.gray-button input,
#main-content-small .counter-box .counter-box-top a.gray-button span,
#main-content-large .counter-box .counter-box-top a.gray-button span { background-position: right -94px !important;}
 
/* slide banner */
.slide-banner-box,
.slide-banner-box .slide-banner-box1 {background: #ebeeeb url(../images/slide-banner-box-large-bg.gif) no-repeat 0 0;}
.slide-banner-box .slide-banner-box1 .slide-banner-box2,
.slide-banner-box .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 {background: transparent url(../images/slide-banner-box-large-bg-bottom.gif) no-repeat 0 0;}
.slide-banner-box .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 .row {margin: 0;}

.slide-banner-box { background-position: top left; padding: 10px 0 0 10px;}
.slide-banner-box .slide-banner-box1 {background-position: top right; padding: 0 10px 0 0; margin: -10px 0 0 0;}
.slide-banner-box .slide-banner-box1 .slide-banner-box2 {background-position: bottom left; padding: 0 0 0 10px; margin: 0 0 0 -10px;}
.slide-banner-box .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 {position: relative; background-position: bottom right; padding: 10px 10px 10px 0; margin: 0 -10px 0 0;}
.slide-banner-box .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 h1 {color: #a70230; float: none !important; font-size: 18px;}
.slide-banner-box .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 div.left {float: left; width: 380px;}
/* Businessweb-lisäystä varten, START*/
.slide-banner-box .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 div.center { float: left; width: 100%; color: #757776 !Important;}

.slide-banner-box .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 h1.center { color: #757776 !Important; float: none !important; font-size: 18px;}
.read_more  {color: #a70230 !Important; margin-top:0px; padding-top:0px;}
.smaller {font-size: 6px; vertical-align:center; margin-top:3px;}

.orange-box-business {margin: 0 0 10px 0; float: left; width: 100%;}
.orange-box-business,
.orange-box-business .orange-box1-business,
.orange-box-business .orange-box1-business .orange-box2-business {padding: 0;}
.orange-box-business .orange-box1-business .orange-box2-business .orange-box3-business {padding: 10px; padding-top:5px;}
.orange-box-business {background: #ffffff url(../images/orange-box-bg.gif) no-repeat 0 0;}
.orange-box-business .orange-box1-business {background: transparent url(../images/orange-box-bg-top-right.gif) no-repeat top right;}
.orange-box-business .orange-box1-business .orange-box2-business {background: transparent url(../images/orange-box-bg-bottom-left.gif) no-repeat bottom left;}
.orange-box-business .orange-box1-business .orange-box2-business .orange-box3-business {background: transparent url(../images/orange-box-bg-bottom-right.gif) no-repeat bottom right; color: #ffffff;}

/* Businessweb-lisäystä varten, END*/


.slide-banner-box .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 a { color: #313333 !important; padding: 0 0 0 15px; }

/* .slide-banner-box.home,
.slide-banner-box.home .slide-banner-box1 {background: #fff url(../images/slide-banner-box-large-bg.gif) no-repeat 0 0;}
.slide-banner-box.home .slide-banner-box1 .slide-banner-box2,
.slide-banner-box.home .slide-banner-box1 .slide-banner-box2 .slide-banner-box3 {background: transparent url(../images/slide-banner-box-large-bg-bottom.gif) no-repeat 0 0;}
 */

/* slide box */
.slide-box,
.slide-box .slide-box1 {background: #ebedea url(../images/slide-box-large-bg.gif) no-repeat 0 0;}
.slide-box .slide-box1 .slide-box2,
.slide-box .slide-box1 .slide-box2 .slide-box3 {background: transparent url(../images/slide-box-large-bg-bottom.gif) no-repeat 0 0;}
.slide-box .slide-box1 .slide-box2 .slide-box3 .row {margin: 0;}

.slide-box .slide-box1 .slide-box2 .slide-box3 .info-box,
.slide-box .slide-box1 .slide-box2 .slide-box3 .info-box .info-box1,
.slide-box .slide-box1 .slide-box2 .slide-box3 .info-box .info-box1 .info-box2,
.slide-box .slide-box1 .slide-box2 .slide-box3 .info-box .info-box1 .info-box2 .info-box3  {background: transparent url(../images/slide-box_info-box-bg.gif) no-repeat 0 0;}

.slide-box .slide-box1 .slide-box2 .slide-box3 .info-box  { background-position: top left;}
.slide-box .slide-box1 .slide-box2 .slide-box3 .info-box .info-box1 { background-position: top right;}
.slide-box .slide-box1 .slide-box2 .slide-box3 .info-box .info-box1 .info-box2 { background-position: bottom left;}
.slide-box .slide-box1 .slide-box2 .slide-box3 .info-box .info-box1 .info-box2 .info-box3  {background-position: bottom right;}

.slide-box .slide-box1 .slide-box2 .slide-box3 .dark-box {margin: 0 0 20px 0;}
.slide-box .slide-box1 .slide-box2 .slide-box3 .dark-box,
.slide-box .slide-box1 .slide-box2 .slide-box3 .dark-box .dark-box1 {background: transparent url(../images/slide-box_dark-box-bg.gif) no-repeat 0 0; /* float: none; */}
.slide-box .slide-box1 .slide-box2 .slide-box3 .dark-box .dark-box1 .dark-box2,
.slide-box .slide-box1 .slide-box2 .slide-box3 .dark-box .dark-box1 .dark-box2 .dark-box3  {background: transparent url(../images/slide-box_dark-box-bottom-bg.gif) no-repeat 0 0; /* float: none; */}
.slide-box .slide-box1 .slide-box2 .slide-box3 .dark-box .dark-box1 .dark-box2  { /* width: 690px !important; */ }

.slide-box .slide-box1 .slide-box2 .slide-box3 .dark-box .dark-box1 .dark-box2 .dark-box3 h3 {float: none !important; width: 100% !important;}

.slide-box .slide-box1 .slide-box2 .slide-box3 div.separator,
.slide-box .slide-box1 .slide-box2 .slide-box3  div.row {float: none; clear: both;}

.slide-box .slide-box1 .slide-box2 .slide-box3  div.right {float: right; text-align: left;}
#main-content-large .slide-box .slide-box1 .slide-box2 .slide-box3  div.right {width: 460px;}
#main-content-small .slide-box .slide-box1 .slide-box2 .slide-box3  div.right {width: 373px; margin: 0 0 0 10px;}

.slide-box .slide-box1 .slide-box2 .slide-box3  div.left {float: left; text-align: left; width: 484px; margin: 0 20px 0 0; }
.slide-box .slide-box1 .slide-box2 .slide-box3  div.right-linkbox {float: right; text-align: left; width: 196px;}
.slide-box .slide-box1 .slide-box2 .slide-box3  div.right-banner {float: right; text-align: left; width: 200px;}
.slide-box .slide-box1 .slide-box2 .slide-box3  div.main-content {float: left; text-align: left; width: 480px;}

.slide-box { background-position: top left; padding: 10px 0 0 10px;}
.slide-box .slide-box1 {background-position: top right; padding: 0 10px 0 0; margin: -10px 0 0 0;}
.slide-box .slide-box1 .slide-box2 {background-position: bottom left; padding: 0 0 0 10px; margin: 0 0 0 -10px;}
.slide-box .slide-box1 .slide-box2 .slide-box3 {position: relative; background-position: bottom right; padding: 10px 10px 10px 0; margin: 0 -10px 0 0;}
.slide-box .slide-box1 .slide-box2 .slide-box3 h1 { color: #a70230; float: none !important; font-size: 18px;}
/*businessweb, START*/
.center h1{ color: #313333 !Important; float: none !important; font-size: 18px;}
/*businessweb, END*/

.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom,
.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom  .slide-box-bottom1 { background: transparent url(../images/slide-box-large-bg-bottom.gif) no-repeat 0 0 !important; }
.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background-position: 0 0; margin: 0 0 0 -10px; }
.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom .slide-box-bottom1 { background-position: right 0 !important;}
div.slide-box-row  .slide-box-bottom,
.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom .slide-box-bottom1,
div.slide-box-row  .slide-box-bottom  .slide-box-bottom1 {background: transparent url(../images/slide-box-bottom-bg.gif) no-repeat 0 0;}
.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom,
div.slide-box-row .slide-box-bottom  {background-position: top left; padding: 0 0 0 10px; }
.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom .slide-box-bottom1 {background-position: top right; padding: 10px 10px 10px 0;}
.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom .slide-box-bottom1 h1,
div.slide-box-row  .slide-box-bottom h1  { float: none !important; font-size: 12px !important; font-weight: bold !important; }
.slide-box .slide-box1 .slide-box2 .slide-box3 div.right-linkbox a,
.slide-box .slide-box1 .slide-box2 .slide-box3 .slide-box-bottom .slide-box-bottom1 a,
 div.slide-box-row  .slide-box-bottom a  {display: block; /* float: left;  width: 100%; */ } 

/*three column slide-boxes, same height*/
/* 
vanhat, säästä!
div.slide-box-row .column-3 {float: left; padding: 10px 10px 20px 10px; width: 210px !important; margin: 0 15px 0 0;}
div.slide-box-row .column-3 h1 {font-size: 18px;}
div.slide-box-row .column-3 .last {margin: 0;} 
div.slide-box-row  .slide-box { position: absolute; bottom: 0; left: 0; height: 10px; width: 100%; background-position: bottom left;}*/

div.slide-box-row,
div.slide-box-row .slide-box  {background: transparent url(../images/slide-box-bg.gif) repeat-x 0 0; }
div.slide-box-row .slide-box  {padding: 0; height: 0; margin: 0;}
div.slide-box-row {font-size: 0px; line-height: 0px; float: left; width: 720px; background-position: bottom left; margin: 10px 0 0 0; padding: 0 0 10px 0; }
div.slide-box-row  .slide-box-bottom { width: 188px; }
div.slide-box-row  .slide-box-bottom  .slide-box-bottom1 {position: absolute; bottom: 0; left: 0; background-position: bottom left; height: 10px; width: 100%; margin: 0; }

div.slide-box-row .column-3 {min-height: 0; padding: 0; }
div.slide-box-row .column-3.last table { margin: -10px 0 10px 0 !important;}
div.slide-box-row .column-3 table td  {background: transparent url(../images/slide-box-bg_bottom.gif) repeat-x 0 0;  /*  border-bottom: solid transparent 10px; */ }

div.slide-box-row .column-3.last table table,
div.slide-box-row .column-3.last table table td,
div.slide-box-row .column-3.last table table table,
div.slide-box-row .column-3.last table table table td,
div.slide-box-row .column-3.last table table table table,
div.slide-box-row .column-3.last table table table table td,
div.slide-box-row .column-3.last table table table div,
div.slide-box-row .column-3.last table table table td div,
div.slide-box-row .column-3.last table table table table div,
div.slide-box-row .column-3.last table table table table td div,
div.slide-box-row .column-3 table table,
div.slide-box-row .column-3 table table td,
div.slide-box-row .column-3 table table table,
div.slide-box-row .column-3 table table table td,
div.slide-box-row .column-3 table table table table,
div.slide-box-row .column-3 table table table table td,
div.slide-box-row .column-3 table table table div,
div.slide-box-row .column-3 table table table td div,
div.slide-box-row .column-3 table table table table div,
div.slide-box-row .column-3 table table table table td div{background: none !important; padding: 0 !important; margin: 0 !important;}

div.slide-box-row .column-3 table {font-size: 12px; line-height: 14px; background: transparent url(../images/slide-box-bg.gif) repeat-x 0 0; float: left; width: 210px !important; margin: -10px 15px 0 0;  border-bottom: solid transparent 10px;}
div.slide-box-row .column-3 table div {/* padding: 10px 10px 20px 10px; */}
div.slide-box-row .column-3 h1 {font-size: 18px; width: 210px !important; line-height: 22px;}
div.slide-box-row .column-3 h3.ms-standardheader.ms-WPTitle {font-size: 18px; width: 157px !important; padding: 0; overflow: hidden;}
div.slide-box-row .column-3.last  {margin: 0;}
div.slide-box-row  .column-3 table td { position: relative; width: 188px; padding: 10px 10px 20px 10px; }

 
/* dark box */
.dark-box,
.dark-box .dark-box1 { float: none;  clear: both; background: transparent url(../images/dark-box-bg.gif) no-repeat 0 0;}
.dark-box .dark-box1 .dark-box2,
.dark-box .dark-box1 .dark-box2 .dark-box3 { float: none; clear: both; background: transparent url(../images/alakulmat.gif) no-repeat 0 0; }

.dark-box {background-position: top left !important; padding:0 0 0 10px;}
.dark-box .dark-box1 {background-position: top right !important; }
.dark-box .dark-box1 .dark-box2 {padding: 0 0 0 10px; margin: 0 0 0 -10px; background-position: bottom left !important;}
.dark-box .dark-box1 .dark-box2 .dark-box3 {background-position: bottom right !important; color: #fff; padding: 10px 10px 10px 0;}
.dark-box .dark-box1 .dark-box2 .dark-box3 h1 {float: none !important; margin: 0; font-weight: bold; }

.dark-box .dark-box1 .dark-box2 .dark-box3  div.row {float: none; clear: both; margin: 0; width: auto !important;}

.dark-box .dark-box1 .dark-box2 .dark-box3  .right  {width: 220px; float: right; margin: 0 10px 0 0;}
.dark-box .dark-box1 .dark-box2 .dark-box3  .left  { width: 452px; padding: 0 10px 0 0; float: left;}

.dark-box .dark-box1 .dark-box2 .dark-box3  .right .info-box  {background-position: bottom left !important; padding: 0 0 10px 0 !important; margin: 0;}
.dark-box .dark-box1 .dark-box2 .dark-box3  .right .info-box .info-box1  {background-position: top left !important; padding: 0 !important; margin: 0;}
.dark-box .dark-box1 .dark-box2 .dark-box3  .right .info-box .info-box1 .info-box2  { padding: 0 !important; margin: 0;}
.dark-box .dark-box1 .dark-box2 .dark-box3  .right .info-box .info-box1 .info-box2 .info-box3 { width: 200px; padding: 10px 10px 0 10px !important; margin: 0;}

.dark-box .dark-box1 .dark-box2 .dark-box3 .info-box {float: left; background: transparent url(../images/dark-box_info-box-bg.gif) no-repeat 0 0; color: #313333;}
.dark-box .dark-box1 .dark-box2 .dark-box3 .info-box .info-box1  {float: left; background: transparent url(../images/dark-box_info-box-bg_top.gif) no-repeat 0 0; color: #313333;}
.dark-box .dark-box1 .dark-box2 .dark-box3  .info-box .info-box1  .info-box2,
.dark-box .dark-box1 .dark-box2 .dark-box3  .info-box .info-box1  .info-box2 .info-box3  {float: left; background: none;}

/* .dark-box .dark-box1 .dark-box2 .dark-box3  .info-box  {}
.dark-box .dark-box1 .dark-box2 .dark-box3  .info-box .info-box1   {}
.dark-box .dark-box1 .dark-box2 .dark-box3  .info-box .info-box1  .info-box2 {}
.dark-box .dark-box1 .dark-box2 .dark-box3  .info-box .info-box1  .info-box2 .info-box3 {} */

.dark-box .dark-box1 .dark-box2 .dark-box3  .info-box .info-box1  .info-box2 .info-box3  {padding: 10px 10px 10px 0;}
.dark-box .dark-box1 .dark-box2 .dark-box3  .info-box .info-box1  .info-box2 .info-box3   h1{ float: none !important; font-size: 12px; font-weight: bold !important; }

.dark-box.left-image .dark-box1 .dark-box2 .dark-box3 { position: relative; height: 246px;}
.dark-box.left-image .dark-box1 .dark-box2 .dark-box3  .left /*img*/ {position: absolute; top: 0px; left: -10px; margin: 0;}
/* .dark-box.left-image .dark-box1 .dark-box2 .dark-box3  .left .ms-formfieldlabelcontainer {position: absolute; top: 0px; left: 0px; margin: 0; z-index: 1000;}
.dark-box.left-image .dark-box1 .dark-box2 .dark-box3  .left .ms-toolbarContainer {position: absolute; top: 20px; left: 10px; margin: 0; z-index: 1000;} */
.dark-box.left-image .dark-box1 .dark-box2 .dark-box3  div.right {position: absolute; top: 40px; left: 220px; width: 460px; z-index: 1000px; margin: 0 30px 0 0;}

#main-content-small .dark-box .dark-box1 .dark-box2 .dark-box3 { width: 460px; }
#main-content-large .dark-box .dark-box1 .dark-box2 .dark-box3  { /*  width: 710px;  */}
#main-content-full .dark-box .dark-box1 .dark-box2 .dark-box3  { width: 930px; }

/*sivukohtaiset taustakuvat*/
.row-dark-banner .tietotekniikka.dark-box, 
#tietotekniikka.dark-box {background: #6e7c7c url(../images/t_tietotekniikka.jpg) no-repeat 0 0 !important; padding: 0; margin: 0; width: 720px;}
.row-dark-banner .kayttopalvelut.dark-box, 
#kayttopalvelut.dark-box {background: #6e7c7c url(../images/t_kayttopalvelut.jpg) no-repeat 0 0 !important; padding: 0; margin: 0; width: 720px;}
.row-dark-banner .liiketoiminta.dark-box, 
#liiketoiminta.dark-box {background: #6e7c7c url(../images/t_liiketoiminta.jpg) no-repeat 0 0 !important; padding: 0; margin: 0; width: 720px;}
.row-dark-banner .viestinta.dark-box,
#viestinta.dark-box {background: #6e7c7c url(../images/t_viestinta.jpg) no-repeat 0 0 !important; padding: 0; margin: 0; width: 720px;}

.row-dark-banner .tietotekniikka.dark-box .dark-box1,
#tietotekniikka.dark-box .dark-box1,
.row-dark-banner .kayttopalvelut.dark-box .dark-box1,
#kayttopalvelut.dark-box .dark-box1,
.row-dark-banner .liiketoiminta.dark-box .dark-box1,
#liiketoiminta.dark-box .dark-box1,
.row-dark-banner .viestinta.dark-box .dark-box1,
#viestinta.dark-box .dark-box1 {background: transparent url(../images/alakulmat.gif) no-repeat bottom left !important; width: 100%; }

.row-dark-banner .tietotekniikka.dark-box .dark-box1 .dark-box2,
#tietotekniikka.dark-box .dark-box1 .dark-box2,
.row-dark-banner .kayttopalvelut.dark-box .dark-box1 .dark-box2,
#kayttopalvelut.dark-box .dark-box1 .dark-box2,
.row-dark-banner .liiketoiminta.dark-box .dark-box1 .dark-box2,
#liiketoiminta.dark-box .dark-box1 .dark-box2,
.row-dark-banner .viestinta.dark-box .dark-box1 .dark-box2,
#viestinta.dark-box .dark-box1 .dark-box2 {background: none; padding: 0; margin: 0;}

.row-dark-banner .tietotekniikka.dark-box .dark-box1 .dark-box2 .dark-box3,
#tietotekniikka.dark-box .dark-box1 .dark-box2 .dark-box3,
.row-dark-banner .kayttopalvelut.dark-box .dark-box1 .dark-box2 .dark-box3,
#kayttopalvelut.dark-box .dark-box1 .dark-box2 .dark-box3,
.row-dark-banner .liiketoiminta.dark-box .dark-box1 .dark-box2 .dark-box3,
#liiketoiminta.dark-box .dark-box1 .dark-box2 .dark-box3,
.row-dark-banner .viestinta.dark-box .dark-box1 .dark-box2 .dark-box3,
#viestinta.dark-box .dark-box1 .dark-box2 .dark-box3 {background: none; padding: 10px 0 10px 10px; margin: 0;}


/*error box*/
.error-box,
.error-box .error-box1,
.error-box .error-box1 .error-box2,
.error-box .error-box1 .error-box2 .error-box3 { text-align: left; background: transparent url(../images/error-box-bg.gif) no-repeat 0 0;}

.error-box {background-position: top left !important; padding: 0 0 0 10px; margin: 0 0 10px 20px;}
.error-box .error-box1 {padding: 10px 10px 0 0; background-position: top right !important; margin: 0;}
.error-box .error-box1 .error-box2 {margin: 0 0 0 -10px; padding: 0 0 0 10px; background-position: bottom left !important;}
.error-box .error-box1 .error-box2 .error-box3 { color: #313333; margin: 0 -10px  0 0; padding: 0 270px 30px 0; background-position: bottom right !important;}
.error-box .error-box1 .error-box2 .error-box3 h1 { font-weight: bold;}

.row, .row-dark-banner {/* position: relative;  */float: left; width: 100%; margin: 0 0 15px 0; padding: 0;}

.row.dark-box,
.row.dark-box .dark-box1,
.row.dark-box .dark-box1 .dark-box2,
.row.dark-box .dark-box1 .dark-box2 .dark-box3,
.row-dark-banner .dark-box,
.row-dark-banner .dark-box .dark-box1,
.row-dark-banner .dark-box .dark-box1 .dark-box2,
.row-dark-banner .dark-box .dark-box1 .dark-box2 .dark-box3 {/* float: left; */}

/*advanced search box*/
#advanced-search-layer {position: absolute; top: 30px; left: 0; width: 100%; z-index: 1000;}
#advanced-search-layer .white-box,
#advanced-search-layer .white-box1 { background: #ffffff none !important;}
#advanced-search-layer .white-box1 .select-boxes { border-top: solid #a8b1af 1px; padding: 10px 0 0 0;}
#advanced-search-layer .white-box1 .select-boxes select {margin: 0 10px 10px 0;}
#advanced-search-layer .white-box1 .select-boxes select.long {width: 260px;}
#advanced-search-layer .white-box1 .select-boxes select.medium {width: 160px;}

/* tabs */
.tabs {float: left; width: 100%; padding: 0;}
.tabs .tabs-header {float: left; width: 100%; padding: 0; margin: 0;}
.tabs .tabs-header ul {display: block; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; padding: 0; margin: 0;}
.tabs .tabs-header ul li {display: block; cursor:pointer; float: left; height: 33px; background: transparent url(../images/tabs-header.gif) no-repeat 0 7px; padding: 0 0 0 15px; margin: 0 3px 0 0;}
.tabs .tabs-header ul li  a { color: #000000 !important; text-decoration: none; display: inline-block; float: left; height: 29px; line-height: 29px; background: transparent url(../images/tabs-header.gif) no-repeat right 7px; padding: 4px 34px 0 0; margin: 0;}
.tabs .tabs-header ul li  a:hover { text-decoration: none !important;}
.tabs .tabs-header ul li.selected { background: transparent url(../images/tabs-header-selected.gif) no-repeat 0 0;}
.tabs .tabs-header ul li.selected  a { background: transparent url(../images/tabs-header-selected.gif) no-repeat right top; font-weight: bold;}
.tabs .tabs-content { float: left; background: transparent url(../images/tabs-bg.gif) no-repeat top right; padding: 10px 5px 0 5px; margin: 0; width: 710px;}
.tabs .tabs-content .column { float: left; width: 330px; margin: 0 20px 0 0; }
.tabs .tabs-content .column.right { margin: 0; text-align: left;}
.tabs .tabs-content .column ul  {list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0 0 10px 0; padding: 0; width: 100%;}
.tabs .tabs-content .column ul li {padding: 0 0 0 20px; background: transparent url(../images/bullet.gif) no-repeat 3px 4px; line-height: 16px; margin: 0;}
.tabs .tabs-content .column p.header { background: #99cccc; line-height: 19px; padding: 0 5px; font-weight: bold; margin: 0 0 10px 0;}

/*products*/
.products {width: 100%; float: left; margin: 0 0 20px 0; /* background: transparent url(../images/product-bg.gif) repeat-x bottom left; */}
.product {float: left; margin: 0 20px 0 0; padding: 10px; text-align: left !important; /*  float: none;  */ width: 210px !important; background: transparent url(../images/product-bg.gif) no-repeat 0 0;}
.product.right {margin: 0 !important;}
#main-content-large .product {margin: 0 15px 0 0;}
.product input.teaser {width: 100px; margin: 0 20px 0 0; padding: 0 5px;}
.product a:link, .product a:visited{ color: #313333 !important; text-decoration: underline !important; }
.product a:active, .product a:hover { color: #313333 !important; text-decoration: none !important;} 

.products .light-box .light-box1 .light-box2 .light-box3 {padding: 10px 2px 15px 2px;;}
.products .light-box {margin: 0;}

/* search results box */
.search .light-box,
.search .light-box .light-box1,
.search .light-box .light-box1 .light-box2,
.search .light-box .light-box1 .light-box2 .light-box3 {float: left; }
.search .light-box .light-box1 .light-box2 .light-box3 {padding: 0 2px 15px 2px;/*  width: 716px; */ }

.search #left-sidebar {margin: 60px 20px 0 0; }

.search-form  { padding: 15px;}
.search-form table input.long { width: 350px;}

.search-results { float: left; background: #FFFFFF url(../images/white-box-light-bg.gif) no-repeat 0 0; border-bottom: solid #ffffff 1px;}
.search-results .search-results1 {width: 696px; float: left; background: transparent url(../images/white-box-light-bg-top-right.gif) no-repeat top right; padding: 10px; border-bottom: solid #c9d0cc 2px;}
.search #main-content-large .search-results .search-results1 .column {width: 330px; float: left; margin: 0 20px 0 0;}
.search #main-content-large .search-results .search-results1 div.column.right {width: 330px; float: left; margin: 0;}

.search-results .search-results1 p {margin: 0 0 10px 0;}
.search-results .search-results1 .paging {float: left; width: 320px; padding: 10px 5px !important;}
.search-results .search-results1 .paging.upper { border-bottom: solid #a8b1af 1px; margin: 0 0 15px 0 !important;}
.search-results .search-results1 .paging.lower { border-top: solid #a8b1af 1px; margin: 15px 0 0 0 !important;}

.search-results .search-results1 .product-results  {  }
.search-results .search-results1 .product-results .result {  border-bottom: solid #c9d0cc 1px; padding: 10px 5px; }

.search-results .search-results1 .other-results  { text-align: left; }
.search-results .search-results1 .other-results .result {padding: 0 5px; }
.search-results .search-results1 .other-results .result a { font-weight: bold; }


/* OTHER */

/* separating line */
div.separator {clear: both; /* width: 100%; */}
#page #right-sidebar div.separator {height: 1px; border-top: solid #a8b1af 1px; margin: 10px 0; padding: 0;}
#page #main-content div.separator,
#page #main-content-small div.separator,
#page #main-content-large div.separator {/* height: 1px !important; */ border-top: solid #6e7c7b 1px; margin: 10px 0; padding: 0;}
.light-box div.separator {border-top: solid #fff 1px !important; /* float: left; width: 100%; */}

/* right side align */
.right {width: 100%; text-align: right; margin: /* 10px 0 0  */0;}
div.right {float: right; width: auto;}
.light-box .light-box1 .light-box2 .light-box3 div.right {float: none; width: auto;}
.light-box .light-box1 .light-box2 .light-box3 div.right a.flat-button {float: left; margin: 20px 0 0 20px;}
.light-box .light-box1 .light-box2 .light-box3 div.right a.gray-button { margin: 20px 20px 0 0;}
h1 span.right {position: absolute; top: 0; right: 0;}
#right-sidebar div.right, #left-sidebar div.right {float: none; margin: 0 0 10px 0;}
#right-sidebar .light-box div.right, #left-sidebar .light-box div.right,
#right-sidebar .info-box div.right, #left-sidebar .info-box div.right { margin: 0;}

.clear {clear: both; float: none; margin: 10px 0;}
.dark-box .clear, 
.banner-box .clear,
.light-box .clear,
.error-box .clear,
.slide-box .clear,
.info-box .clear {margin: 0;}

/* TABLES */

.search table {}
.search th, .search td  { padding: 0 10px 0 0;}
#main-content-small .search td select,
#main-content-large .search td select  { width: 220px;}

/*contact information table*/
table.contact  { width: 100%;}
table.contact td { vertical-align: top; padding: 20px 20px 0 0;}
.map { padding: 2px !important; border: solid #cad0cc 2px; background: #fff; height: 243px; width: 243px; text-align: center; }

/*form table*/
table.form { table-layout: fixed; float: left; width: 100%;}
table.form  th, table.form  td {vertical-align: middle; text-align: left;}
table.form  tr.separator th, table.form  tr.separator td {border-bottom: solid #a8b1af 1px; padding-bottom: 10px !important;}
table.form  tr.bottom th, table.form  tr.bottom td {border-bottom: solid #6e7c7b 1px; vertical-align: top; padding-bottom: 10px;}
table.form  th {font-weight: normal; /* width: 150px; */ padding: 10px 10px 0 0; vertical-align: top; width: 150px;}
table.form  td {padding: 10px 0 0;/*  width: 320px; */}

table.form  td input.long, 
table.form  td textarea.long {width: 307px;}
table.form  td select.long {width: 311px;}
table.form  td input.radio {margin: 0 5px 10px 0;}

table.form  td span.red-button, table.form  td a.red-button { background-position: 0 -50px !important;}
table.form  td span.red-button  input, table.form  td a.red-button  span {height: 24px !important; line-height: 24px !important; background-position: right -50px !important;}

table.form  td a.red-arrows{background-position: right 5px; padding: 0 10px 0 5px;}

/*palvelupyynnöt, käyttäjät*/
table.system-status, table.users, table.request {width: 100%;  /* float: left; */ }
table.system-status th, table.users th, table.request th { text-align: left; padding: 0 0 10px 5px; font-size: 12px; line-height: 14px;}
table.system-status th a, table.users th a, table.request th a{ color: #313333; font-size: 12px;}
table.system-status td, table.users td, table.request td {text-align: left; font-size: 11px; /* background: #e9eceb;  */border-bottom: solid #c9d0cc 1px; border-top: solid #c9d0cc 1px; line-height: 22px; padding: 0 0 0 5px;}
table.system-status td a, table.users td a, table.request td  a { font-size: 11px;}

table.request th.name {/* width: px; */}
table.request th.header {/* width: px; */}
table.request th.date {width: 90px;}
table.request th.modified {width: 90px;}
table.request th.status {width: 177px;}

table.system-status tr.header,
table.system-status tr.header:hover,
table.users tr.header,
table.users tr.header:hover,
table.request tr.header,
table.request tr.header:hover {background: none;}
table.system-status tr, table.users tr, table.request tr {background: #e9eceb;}
table.system-status tr:hover, table.users tr:hover, table.request tr:hover {background: #fff;}

table.system-status td.status span {display: block; width: 10px; height: 10px; margin: 0; padding: 0; }
table.system-status td.status.succeeded span {background: transparent url(../images/statusIndicator-succeeded.gif) no-repeat 0 0; }
table.system-status td.status.processing-error span {background: transparent url(../images/statusIndicator-processingError.gif) no-repeat 0 0; }
table.system-status td.status.failed span {background: transparent url(../images/statusIndicator-failed.gif) no-repeat 0 0; }
table.system-status tr:hover td.status span {background-position: 0 -15px; }

table.links {width: 100%;}
table.links td.left {text-align: left;}
table.links td.right {text-align: right; width: auto;}

table.services {width: 100%;}
table.services th {padding: 0 0 10px 0;}
table.services td {font-size: 11px;}
table.services span.gray-button, table.services a.gray-button {margin: 10px 0 0 0;}

/* calendar */
table.calendar {width: 100%; border-bottom: solid #ffffff 10px;}
table.calendar tr.week-day td,
table.calendar tr.last td {border-bottom: solid #a70230 1px; border-left: none; border-right: none; border-top: none; padding: 0 3px 2px 0;}
table.calendar th {text-align: center; padding: 0 0 10px 0; font-weight: bold; font-size: 14px;}
table.calendar td {text-align: right; padding: 2px 0; border: solid #ffffff 3px; vertical-align: middle; font-weight: bold;}
table.calendar td.out-of-range {color: #a19ea1;}
table.calendar td.happening {background: #99cccc; text-align: center;}
table.calendar td.current {background: #a70230; color: #ffffff; text-align: center; padding: 0;}
table.calendar td.week {font-size: 9px; font-weight: normal;  border: none !important; padding: 0 5px 0 0; vertical-align: top;}
table.calendar a.prev, 
table.calendar a.next {font-weight: bold;  display: inline-block; height: 11px; width: 11px; margin: 4px 0 0 0;}
table.calendar a.next {/* float: right;  */background: transparent url(../images/icon_prev-next.gif) no-repeat top right; margin-left: 20px;}
table.calendar a.prev {/* float: left; */ background: transparent url(../images/icon_prev-next.gif) no-repeat top left; margin-right: 20px;}

/*products table*/
table.products {float: none; width: 100%; border-bottom:1px solid #FFFFFF; margin: 0;}
table.products th {padding: 10px; text-align: left; }
table.products td {background: white; border-bottom: 2px solid #C9D0CC; padding: 10px;}
#main-content-small div.row table.products td span.gray-button,
#main-content-large div.row table.products td span.gray-button,
#main-content-small div.row table.products td a.gray-button,
#main-content-large div.row table.products td a.gray-button {background-position: 0 -46px !important;}
#main-content-small div.row table.products td span.gray-button input,
#main-content-large div.row table.products td span.gray-button input,
#main-content-small div.row table.products td a.gray-button span,
#main-content-large div.row table.products td a.gray-button span {background-position: right -46px !important;}
table.products td input.small {text-align: right; padding: 0 5px 0 0;}
table.products td.image {padding: 10px  0 10px 30px; width: 100px;}
table.products td.button {padding: 10px 20px 10px 0; width: 70px; text-align: right;}

table.products tr.top td.image {background: #ffffff url(../images/white-box-light-bg.gif) no-repeat 0 0;}
table.products tr.top td.button {background: #ffffff url(../images/white-box-light-bg-top-right.gif) no-repeat right top;}

.tabs table.products th {background: #99CCCC; line-height: 26px; height: 26px; padding: 0 10px;}
.tabs table.products {border-collapse: separate; border-spacing: 0px 4px; border: none;} 
.tabs table.products tr {background: #ffffff;}
.tabs table.products td,
.tabs table.products th {border-bottom: solid transparent 4px;}
.tabs table.products tr.header-row th {background: none;}
*html .tabs table.products td,
*html .tabs table.products th {border-color: pink; filter: chroma(color=pink);}

/* filter table */
table.filter td {padding: 0 20px 0 0;}

/* shopping cart */
table.shopping-cart {width: 100%;}
table.shopping-cart  th {text-align: left; background: none; padding: 15px 10px 10px; }
table.shopping-cart  td {background: #ffffff; padding: 10px; vertical-align: top;}

table.shopping-cart  tr.separator td { padding: 0 10px; }
table.shopping-cart  div.separator { border-top: solid #c9d0cc 1px !important; margin: 0 !important; }

table.shopping-cart tr  td.last {padding-bottom: 20px !important;}

table.shopping-cart tr.top  td.first {background: #ffffff url(../images/white-box-light-bg.gif) no-repeat 0 0;  } 
table.shopping-cart tr.top  td.last, table.shopping-cart tr.top  td.total {background: #ffffff url(../images/white-box-light-bg-top-right.gif) no-repeat top right;  }
table.shopping-cart tr.bottom  td.first {background: #ffffff url(../images/white-box-light-bg-bottom-left.gif) no-repeat bottom left;  }
table.shopping-cart tr.bottom  td.last, table.shopping-cart tr.bottom  td.total {background: #ffffff url(../images/white-box-light-bg-bottom-right.gif) no-repeat bottom right; }

table.shopping-cart tbody.last-row tr.bottom  td {padding: 10px !important; line-height: 5px;}

/* layer */
table.shopping-cart tr td table.layer  {width: 100%;}
table.shopping-cart tr td table.layer  td {border: none; background: none !important; padding: 10px !important;}
table.shopping-cart tr td table.layer  td p {line-height: 22px;}

table.shopping-cart tr td table.layer  td p.close {text-align: right; line-height: 12px; margin: 0;}
table.shopping-cart tr td table.layer  td p.close a { color: #A70230 !important; cursor: pointer; text-transform: uppercase; font-size: 10px; background: transparent url(../images/icon-close.jpg) no-repeat top right; padding: 0 17px 0 0;}

table.shopping-cart tbody.section-2 tr.top td table.layer  td {border: none;}
.shopping-cart #main-content-small table.shopping-cart td table.layer select {width: 215px;}

/* 
table.shopping-cart tr.top  td.first {background: #ffffff url(../images/white-box-light-bg.gif) no-repeat 0 0;  }
table.shopping-cart tr.top  td.last {background: #ffffff url(../images/white-box-light-bg-top-right.gif) no-repeat top right;  }
table.shopping-cart tr.bottom  td.first {background: #ffffff url(../images/white-box-light-bg-bottom-left.gif) no-repeat bottom left;  }
table.shopping-cart tr.bottom  td.last {background: #ffffff url(../images/white-box-light-bg-bottom-right.gif) no-repeat bottom right; }
 */
 
 
table.shopping-cart  tr th.amount,
table.shopping-cart  tr td.amount { text-align: right;} 

table.shopping-cart  th.total,
table.shopping-cart  td.total {text-align: right; padding-right: 20px !important;}
table.shopping-cart  input.small {text-align: right; padding-right: 5px;}
.light-box .light-box1 .light-box2 .light-box3 table.shopping-cart div.right span.flat-button,
.light-box .light-box1 .light-box2 .light-box3 table.shopping-cart div.right span.gray-button ,
.light-box .light-box1 .light-box2 .light-box3 table.shopping-cart div.right a.flat-button,
.light-box .light-box1 .light-box2 .light-box3 table.shopping-cart div.right a.gray-button {margin: 0 20px 20px 0;}

/* total section */
table.shopping-cart  tbody.total td { text-align: right; font-weight: bold; border: none; padding: 5px 10px 10px 10px;} 
table.shopping-cart  tbody.total td.price { padding: 5px 0 10px 0;} 
table.shopping-cart  tbody.total tr.first-row td { padding: 15px 0 10px 0;} 
table.shopping-cart  tbody.total tr.last-row td,
table.shopping-cart  tbody.total tr.bottom td { padding: 5px 0 20px 0;} 

/* product listing */
table.shopping-cart tbody.product-list td {padding: 10px;}
table.shopping-cart tbody.product-list tr.separator td {padding: 0px 10px;}
table.shopping-cart tbody.header tr th.price {padding: 15px 0 10px 30px;}
table.shopping-cart tbody.product-list tr  td.price {padding: 10px 0 10px 30px;}

/* section 1 */
table.shopping-cart tbody.section-1  tr.bottom td {padding: 10px 10px 30px 10px;}

/* section 2 with broad separator line */
table.shopping-cart tbody.section-2  tr td {padding: 5px 10px;}
table.shopping-cart tbody.section-2  tr.top td {border-top: solid #c9d0cc 2px; padding: 30px 10px 10px 10px;}
table.shopping-cart tbody.section-2  tr.bottom td {padding: 5px 10px 30px 10px;}
table.shopping-cart tbody.section-2  tr.last td {padding: 5px 10px 30px 10px;}

.shopping-cart #main-content-small table.shopping-cart a.arrow-link:link,
.shopping-cart #main-content-small table.shopping-cart a.arrow-link:visited {text-decoration: none !important; color:#A70230 !important; cursor: pointer;}
.shopping-cart #main-content-small table.shopping-cart a.arrow-link:hover, 
.shopping-cart #main-content-small table.shopping-cart a.arrow-link:active {text-decoration: underline !important; color:#A70230 !important; cursor: pointer;}
.shopping-cart #main-content-small table.shopping-cart textarea.long {height: 100px;}
.shopping-cart #main-content-small table.shopping-cart textarea.long,
.shopping-cart #main-content-small table.shopping-cart input.long,
.shopping-cart #main-content-small table.shopping-cart select.long {width: 270px;}

.shopping-cart #main-content-small .light-box .light-box1 .light-box2 .light-box3 p {padding: 0 10px; width: auto;}
.shopping-cart #main-content-small .light-box .light-box1 .light-box2 .light-box3 table.shopping-cart  p {padding: 0; width: auto; margin: 0 0 10px 0;}

.shopping-cart #main-content-small .light-box .light-box1 .light-box2 .light-box3 {padding: 2px 2px 20px 2px;} 

/* product comparison */
table.product-comparison {width: 100%; background: #ffffff;}
table.product-comparison  th {background: transparent url(../images/product-comparison-bg.gif) no-repeat 0 0; text-align: left; padding: 4px 10px 0 15px; border-top: solid #C9D0CC 2px; line-height: 18px; height: 14px; border-bottom: solid #ffffff 4px;}
table.product-comparison  td { text-align: left; padding: 4px 10px 0 20px; border-top: solid #C9D0CC 2px; line-height: 18px; height: 14px; border-bottom: solid #ffffff 4px;}

/* top row */
table.product-comparison tbody.top th{/* background: transparent url(../images/product-comparison-top-left.gif) no-repeat 0 0;  */background: transparent url(../images/white-box-light-bg.gif) no-repeat 0 0; border-top: none; border-bottom: solid #ffffff 4px; height: auto; padding-top: 20px; padding-bottom: 10px; width: 145px;}
table.product-comparison tbody.top td{ border-top: none; height: auto; padding-top: 20px; padding-bottom: 10px;}
table.product-comparison tbody.top td.last{ background: #FFFFFF url(../images/white-box-light-bg-top-right.gif) no-repeat scroll right top; }
/*blue background #main-content-large .light-box table.product-comparison tbody.top th a.gray-button {background-position: left -118px !important;}
#main-content-large .light-box table.product-comparison tbody.top th a.gray-button span {background-position: right -118px !important;} */
#main-content-large .light-box table.product-comparison tbody.top th span.gray-button, #main-content-large .light-box table.product-comparison tbody.top th a.gray-button {background-position: left -46px !important;}
#main-content-large .light-box table.product-comparison tbody.top th span.gray-button input, #main-content-large .light-box table.product-comparison tbody.top th a.gray-button span {background-position: right -46px !important;}

/* product name row */
table.product-comparison tr.name th{background: #ffffff;}

table.product-comparison tbody.bottom th {background: transparent url(../images/product-comparison-bottom-left.gif) no-repeat bottom left; border-bottom: none; height: 18px; line-height: 18px; padding-bottom: 13px; }
table.product-comparison tbody.bottom td {border-bottom: none; padding-bottom: 13px;}
table.product-comparison tbody.bottom td.last {background: #FFFFFF url(../images/white-box-light-bg-bottom-right.gif) no-repeat scroll right bottom; }

table.product-comparison tbody.buttons td {background: #C9D0CC; border: none; padding: 10px 0 0 20px; }
table.product-comparison tbody.buttons td span.gray-button, table.product-comparison tbody.buttons td a.gray-button  { padding: 0 0 0 20px !important;}
table.product-comparison tbody.buttons td span.gray-button input, table.product-comparison tbody.buttons td a.gray-button span {/* width: 41px; */ padding: 0 20px 0 0;}

/*paging*/
p.Paging  a {background: none;}

/*ordered product list, black links with red hover*/
ol.products  {float: none; margin: 0 0 5px 0; width: auto;}
ol.products li {font-weight: bold;}
ol.products li a:link, ol.products li a:visited {font-weight: normal; color: #000000 !important;}
ol.products li a:hover,ol.products li a:active {font-weight: normal; color: #A70230 !important}

/*form info list*/
ol.info {float: none; margin: 0 0 70px 0;}
ol.info li {font-weight: bold;}
ol.info li span {font-weight: normal;}

/**/
p.contact {line-height: 16px;}
p.teaser {margin: 0 0 5px 0;}

/* link list with separating border */
ul.link-list {list-style-type: none; list-style-image: none; list-style-position: outside;}
ul.link-list li {float: left; border-left: solid #9d96a2 1px; padding: 0 10px; color: #fff; }
ul.link-list li.first {border: none; padding-left: 0;}
ul.link-list li a {color: #fff; }

ul.bullet-list  {list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0 0 10px 0; padding: 0; width: 100%;}
ul.bullet-list li {padding: 0 0 0 20px; background: transparent url(../images/bullet.gif) no-repeat 3px 4px; line-height: 16px; margin: 0;}

/*paging*/
.paging { /* float: left;  */ margin: 10px 0 10px 5px; height: 12px;}
.paging ul {list-style-type: none; list-style-image: none; list-style-position: outside;}
.paging ul li {float: left; border-left: solid #5a5d5c 1px; padding: 0 10px;}
.paging ul li.first {border: none; padding: 0 10px 0 0;}
.paging ul li a.selected {color: #313333 !important; font-weight: bold;}
.light-box .light-box1 .light-box2 .light-box3 .paging {margin: 10px 0 10px 0; padding: 0 10px;}

/*sorting*/
.sort-asc span, .sort-desc  span { display: inline-block; height: 7px; width: 8px; line-height: 7px; font-size: 7px; background: transparent url(../images/icon-sort.gif) no-repeat 0 0; cursor: pointer; padding: 0; margin: 0 0 2px 0; color: #313333; }
.sort-asc a, .sort-desc a {background: transparent url(../images/icon-sort.gif) no-repeat right 0; padding: 0 15px 0 0; }
.sort-asc a:link, .sort-desc a:link,
.sort-asc a:visited, .sort-desc a:visited, 
.sort-asc a:active, .sort-desc a:active, 
.sort-asc a:hover, .sort-desc a:hover  { color: #313333 !important; text-decoration: none !important; }
.sort-asc a {background-position: right 4px;}
.sort-desc a {background-position: right -49px;}

/* process navigation */
#process-navi { float: left; width: 100%; margin: 0 0 20px 0; }
#process-navi ul {list-style-type: none; list-style-image: none; list-style-position: inside; padding: 0; margin: 0 0 0 240px;}
#process-navi ul li { /* display: inline-block; */ border-top: solid #e1e5e2 2px; border-bottom: solid #e1e5e2 2px; float: left; height: 41px; line-height: 39px; padding: 0 30px 0 20px; position: relative; font-size: 18px; font-weight: bold}
#process-navi ul li span {display: inline-block; height: 45px; position: absolute; left: -20px; top: 0; height: 45px; width: 20px;}

#process-navi ul li.current {background: #ffffff; color: #313333;}
#process-navi ul li.current span {background: transparent url(../images/process-navi-current.gif) no-repeat 0 0;}
#process-navi ul li.next { background: transparent url(../images/process-navi-next-bg.gif) repeat-x 0 0; color: #aeb7b7;}
#process-navi ul li.next span {background: transparent url(../images/process-navi-next.gif) no-repeat 0 0;}
#process-navi ul li.prev { background: #c9d0cc; color: #738080;}
#process-navi ul li.prev span {background: transparent url(../images/process-navi-previous.gif) no-repeat 0 0;}

#process-navi ul li.last {list-style-type: none; padding: 0; border: none; height: 45px;}
#process-navi ul li.last span {background: transparent url(../images/process-navi-last.gif) no-repeat 0 0; width: 13px; left: -13px;}
#process-navi ul li span.first {background: transparent url(../images/process-navi-first.gif) no-repeat 0 -2px; width: 13px; left: 0;}

/* page footer */
#pageFooter { position: relative; float: left; width: 100%; background: #a70230; height: 66px;border-top: solid #fff 10px; margin: 30px 0 0 0; padding: 15px 0 0 0;}
#footer-content { color: #fff; padding: 0 20px; height: 50px;}

/* richHtmlField */
.richHtmlField-Text
{
 font-family: Verdana; 
}

.generalFormFieldItem
{
	width: 300px;
}

/*MOSS*/
#MSOTlPn_Tbl {position: absolute; top: 150px; right: 0; z-index: 2000;}
.ms-MenuUIPopupBody {z-index: 2000;}
.ms-formfieldcontainer {float: left;/*  width: 167px; */}
.ms-formfieldcontainer .ms-formfieldlabelcontainer {width: 167px;}
.ms-formfieldcontainer .ms-formfieldlabelcontainer span {display: block; overflow: hidden; width: 167px;}
#PageLayout #ControlNavi div a {color: #fff !important;}
#PageLayout #ControlNavi div a:hover {color: #313333 !important;}
#PageLayout #page #page-content  #mainContentWrapper #main-content-large .banner-box.home .banner-box1 .banner-box2 .banner-box3 .columns .column-4 .ms-rtetoolbarmenu,
.ms-rtetoolbarmenu {z-index: 10000 !important;}
.ms-formfieldcontainer a {background: none;}
.ReferenceTitle {margin: 60px 0 0 0;}
h3.ms-WPTitle {font-size: 10px !important;}
/*MOSS*/