@charset "UTF-8";
/* CSS Document */

/***** SITE WIDE STYLES *****/
* { padding: 0; margin: 0; }
 
#masthead {
  height: 95px;
}

#search {
  width: 847px;
  height: auto;
  float: left;
}
#search .box { 
  margin: 0 0 8px;
  background: url('../img/search-bg.png') no-repeat left top;
  color: #666;
}
#search .box-inner { 
  width: 847px;
  height: auto;
  padding: 1px;
}
#search input { float: left; }
#search .box-inner p.first { float: left; }
#search .box-inner p.second { text-align: right; }
#search input.text,
#extranet-login input.text {
  margin: 6px 0px;
  padding: 2px;
  border: 1px solid #c3cfcf;
  background-color: #fff;
  height: 20px;
  width: 200px;
  font-size: 16px;
}
#search input.arrow-button { margin: 6px 0px 6px 6px; cursor: pointer; }
#search p { padding: 10px 12px 10px 20px; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#add-to-cart {
   margin: 0 0 10px 3px;
  _margin: 0 0 10px 1px;  /* IE6 only */
}

#breadcrumb {
  margin: 0px 0px 12px 20px;
  padding-top: 0px;
  font: 14px/24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumb .first .deliminator { width: 30px; padding: 0px 14px 0px 16px; font-size: 16px; background: url('../img/breadcrumb-arrow-right.gif') no-repeat center; }
#breadcrumb .second .deliminator { width: 30px; padding: 0px 14px 0px 16px; font-size: 16px; background: url('../img/breadcrumb-arrow-left.gif') no-repeat center; }
#breadcrumb .first { float: left; }
#breadcrumb .second { text-align: right; }
#breadcrumb a { color: #6D9D31; font: 14px/24px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#left-container { float: left; }

 
#left-container #etusivu-left .left { float: left; width: 400px; }
#left-container #etusivu-left .right  { float: left; margin-left: 20px; width: 180px; }
#left-container .box-left .left  { float: left; width: 440px; }
/* _margin-left is IE6 hack, not typo */
#left-container .box-left .right { float: left; margin-left: 10px; width: 160px; _margin-left: -10px; }

#right-container {
  width: 310px;
  height: auto;
  float: right;
}
#right-container h3 { font-size: 20px; line-height: 26px; }
#right-container .box { 
  margin: 0 0 10px;
  background: url('../img/right-bg.png') repeat-y left top;
  color: #666;
}
#right-container .box-inner { background: url('../img/right-bottom-bg.png') no-repeat left bottom; }
#right-container .box-inner2 { 
  width: 290px;
  height: auto;
  padding: 10px;
  background: url('../img/right-top-bg.png') no-repeat left top; 
}
#right-container .content { padding: 0 10px; }

#extranet-login h3 { font-size: 20px; line-height: 26px; }
#extranet-login .box { 
  margin: 0 0 10px;
  background: url('../img/box-middle-400-bg.png') repeat-y left top;
  color: #666;
}
#extranet-login .box-inner { background: url('../img/box-bottom-400-bg.png') no-repeat left bottom; }
#extranet-login .box-inner2 { 
  width: 380px;
  height: auto;
  padding: 10px;
  background: url('../img/box-top-400-bg.png') no-repeat left top; 
}
#extranet-login table { width: 100%; font-size: 16px; margin: 10px; }
#extranet-login table .button1-container { margin-top: 10px; }
#extranet-login table a { font-size: 14px; }



/***** CATEGORIES *****/
ul#main-categories li,
ul.sub-categories li { float: left; width: 122px; }
ul#main-categories li a.current,
ul.sub-categories li a.current { color: #000; }

ul#sub-categories-lift { margin-top: 20px; }
ul#sub-categories-lift li {
  float: left;
  width: 287px;
  height: 90px;
  padding: 6px 11px;
  margin: 5px 0px;
  background: url('../img/sub-category-bg.png') no-repeat center;
}
ul#sub-categories-lift li.odd { border-right: 1px solid #d5d5d5; }

ul#sub-categories-lift li div.container {
  text-align: center;
  margin-top: 28px;
}
#sub-categories-lift li div.container a { font-size: 16px; /*display: table-cell; vertical-align: middle;*/ }
#sub-categories-lift li img {
  float: left;
  margin: 15px;
}

ul.category-sub { margin-top: 0px; }
.category-sub li {
  float: left;
  width: 287px;
  height: 90px;
  padding: 6px 11px;
  margin: 5px 0px;
  background: url('../img/sub-category-bg.png') no-repeat center;
  cursor: pointer;
}
.category-sub li.odd { border-right: 1px solid #d5d5d5; }

.category-sub li a.cat_img {
  display:block;
  float:left;
  width: 110px;
}
.category-sub li div.container {
  text-align: left;
  margin-top: 28px;
}
.category-sub li div.container a { font-size: 16px; }
.category-sub li img {
  float: left;
  margin: 15px;
}

/*** SIVUTUS ***/
#pagination a {
  padding: 2px 3px;
  margin: 0 2px;
  border: 1px solid #ccc;
}

#pagination a.current, #pagination a:hover {
  background: #fff;
  border: 1px solid #777;
}


/***** ETUSIVU *****/
#etusivu-left h1 { 
  height: auto;
  margin: 0 0 10px -10px;
}
#etusivu-left h2 {
  background: none;
  font-size: 16px;
  margin: 0;
  padding: 0 0 10px 0;
}
#etusivu-left h3 {
  background: none;
  font-size: 14px;
  margin: 0;
  padding: 0 0 5px 0;
}
#etusivu-left p { padding: 0 0 10px 0px; }

#etusivu-lift { height: 240px; }
#etusivu-lift .arrow-left {
  position: relative;
  top: 90px;
  left: -25px;
}
#etusivu-lift .arrow-right {
  position: relative;
  top: 90px;
  left: 562px;
}
#etusivu-lift .content {
  position: relative;
  width: 570px;
  height: 160px;
  background: url('../img/etusivu-lift-box.gif') no-repeat top right;
  border-right: 1px solid transparent; /* IE8 fix: 1px border was shown in left from previous scrollable item http://flowplayer.org/tools/forum/35/36094 */
  _border-right: 0px solid transparent; /* IE6 doesnt understand transparent border */
}
#etusivu-lift .content .text-container { 
  margin-right: 20px;
  text-align: right;
  padding-top: 60px;
  float: right;
  width: 380px;
}
#etusivu-lift .content .text-container h2 {
  margin: 0px 0px 2px 0px;
  padding: 0px;
  font-size: 20px;
  font-weight: normal;
}
#etusivu-lift .content .text-container p {
  color: #666;
  margin: 0px;
  padding: 0px;
}
#etusivu-lift .content .image-container {
  width: 158px;
  height: 158px;
  float: right;
}
#etusivu-lift .content .image-container {
  background: url('../img/etusivu-lift-box.gif') no-repeat top right;
  width: 158px;
  height: 158px;
  float: right;
}
#etusivu-lift .scrollable {
  margin-left: 10px;
  position: relative;
  overflow: hidden;
  width: 580px;
  height: 160px;
  top: -15px;
}
#etusivu-lift .scrollable .items { width: 20000px; position:absolute; }
#etusivu-lift .scrollable .items .content { float: left; }


/***** YHTEYSTIEDOT *****/
#contact-info { margin: 20px 0 0; }
#contact-info li {
  display: block;
  width: auto;
  height: 30px;
  padding: 0 0 0 50px;
  margin: 0 0 10px;
  font: 16px/24px Cambria, Georgia, "Times New Roman", Times, serif;
  background: none;
}
#contact-info li a { font: 16px/24px Cambria, Georgia, "Times New Roman", Times, serif; }
#contact-info li.feedback { background: url('../img/icon-feedback.gif') no-repeat 5px 0px; }
#contact-info li.tel { background: url('../img/icon-tel.png') no-repeat left top; }
#contact-info li.email { background: url('../img/icon-email.png') no-repeat left top; }


/***** CART *****/
#ui-message-cart-changed {
  padding: 2px 4px;
  margin: 2px 0 15px 0;
  background: #f9fff9;
  border: 1px solid #092;
  color: #051;
}
#cart-products { width: 600px; padding: 5px 10px; }
#cart-products .item { height: 160px; margin-top: 0px; margin-bottom: 35px; }
#cart-products .last { margin-bottom: 10px; }
#cart-products .text {
  padding-left: 25px;
  height: 160px;
  vertical-align: top;
  position: relative;
  width: 300px;
  float: left;
}
#cart-products .text h3.name { 
  background: none;
  font-size: 24px;
  padding: 5px 0px 10px 0px;
  margin: 0px;
}

#cart-products .product-image .image-container {
  text-align: center;
}
#cart-products .amount { height: 26px; }
#cart-products .amount input { width: 30px; float: left; }
#cart-products .amount span {
  margin-left: 10px;
  font-size: 16px;
  padding-top: 2px;
  position: absolute;
}
#cart-products .delete { margin-top: 15px; position: relative; }
#cart-products .delete .button1grey-container input { font-size: 12px; }
#cart-products .price { padding-top: 50px; text-align: left; }
#cart-products .price span { font-size: 24px; }

#cart-total-price { font-size: 26px; text-align: center; margin: 20px 0px 5px 0px; }
table#cart-bottom-nav { width: 570px; margin: 15px 25px; }
table#cart-bottom-nav td { text-align: center; }
table#cart-bottom-nav div.container { width: 110px; margin: 0 auto; }

#cart-summary-total-price { text-align: center; font-size: 24px; padding-top: 20px; }


/***** FORMS *****/
.form-table { margin: 5px 15px; }
.form-table td { vertical-align: middle; padding: 0 0 4px; }
/*.form-table .desc { width: 120px; }*/

.formTextinput,
.formTextarea,
.formEmailinput,
.btn-send {
  display: block;
  width: 305px;
  height: 18px;
  padding: 5px 0 0 5px;
  border: 1px solid #b8b8b8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #f1f1f1 url('../img/input-bg.png') repeat-x left top;
}

.formTextarea { height: 70px; }

/*.btn-send { 
width: auto; 
height: auto;
padding: 5px 10px;
color: #6D9D31;
font-size: 12px;
cursor: pointer;
}*/

.formTextinput:focus,
.formTextarea:focus,
.formEmailinput:focus,
.formTextinput:hover,
.formTextarea:hover,
.formEmailinput:hover,
.btn-send:hover { border: 1px solid #858585; }

/*.formRequiredNotice { 
font-size: 14px;
color: #6D9D31;
padding: 0 0 5px;
}*/

/*.formRequiredList { padding: 0 0 15px 10px; }*/


/***** BUTTONS *****/
.button1-container {
  width: 110px;
  height: 40px;
  float: left;
  background: url('../img/button-bg-110.png') no-repeat left top;
  color: #666;
}

.button1-container-pink {
  background: url('http://www.tmore.fi/media/img/button-extranet-bg-110.png') no-repeat left top;

}
.button1grey-container {
  width: 110px;
  height: 29px;
  float: left;
  background: url('../img/button-bg-110-grey.png') no-repeat left top;
  color: #666;
}
.button1-container a { height: 40px; }
.button1grey-container a { height: 29px; }

.button1-container a,
.button1grey-container a {
  width: 110px;
  cursor: pointer;
  display: block;
  color: #FFF;
  text-decoration: none;
  text-align: center;
}

.button1-container a span,
.button1grey-container a span { letter-spacing: 0.3px; position: relative; top: 10px; }

.button1grey-container a:hover {
  color: #797979;
  text-decoration: none;
}
.button1-container a:hover {
  color: #C0E391;
  text-decoration: none;
}

.button1-container a:hover {
  color: #C0E391;
  text-decoration: none;
}

.button1-container-pink a:hover {
  color: #F4C8D8;
  text-decoration: none;
}

.button1-container input { height: 40px; }
.button1grey-container input { height: 29px; }

.button1-container input,
.button1grey-container input {
  background: transparent;
  border: none;
  cursor: pointer;
  width: 110px;
  font-size: 14px;
  color: #fff;
}

.button1-container input:hover { color: #C0E391; text-decoration: none; }
.button1grey-container input:hover { color: #797979; text-decoration: none; }


/***** TELL-A-FRIEND *****/
#tell-a-friend-box {
  position: absolute;
  width: 650px;
  left: 30%;
  top: 20%;
  padding: 10px;
  background-color: #ffffff;
  -moz-box-shadow: 1px 1px 20px #d1d1d1;
  -webkit-box-shadow: 1px 1px 20px #d1d1d1;
  border: 1px solid #B8B8B8;
}

#tell-a-friend-box table th {
  text-align: right;
  padding-right: 8px;
  font-weight: normal;
}

#tell-a-friend-feedback-success {
  background: transparent url('../img/available.gif') left center no-repeat;
}

#tell-a-friend-feedback-failure {
  background: transparent url('../img/not-available.gif') left center no-repeat;
}

.category-description {
padding: 5px 10px 10px 10px;
}

#right-container .category-description {
padding: 5px 0 10px 0;
}