body {background: #fff url('../images/bg-body.png') 0 0 repeat-x; color:#141414; text-align: center;}

/* LAYOUT */
#mother {margin: 0 auto; width: 915px; text-align: left;}
#header {background: url('../images/bg-header.png') center 0 no-repeat; padding: 62px 0 0;}

#col-content {float: right; display: inline; width: 680px; margin: 0 15px 0 0;}
#col-side {float: left; display: inline; width: 185px; padding: 0 0 0 15px;}
#col-right {float: right; display: inline; width: 185px;}
#col-left {float: left; display: inline; width: 455px; background: url('../images/bg-col-left.png') 100% 0 no-repeat; padding: 0 30px 0 0;}

/* LOGO BOX */
#logo-box {float: left; display: inline; width: 101px;}
#logo-box img {display: block;}

/* STD BOX */
.std-box {float: right; display: inline; width: 780px; margin: 67px 0 0; position: relative;}
.std-box .std-border-bottom {border-bottom: 1px solid #efece4;}
.std-box .std-border {border: 1px solid #dfdccd; background: #fafafa; padding: 5px 15px 0px 5px;}
.std-box .cor {width: 7px; height: 7px; background-image: url('../images/corner-std-box.png');}

/* MAIN MENU */
#main-menu {float: left; display: inline; font-size: 91.6%; margin: 2px 0 0;}
#main-menu .reset li {float: left; display: inline; border-left: 1px solid #dcd6be;}
#main-menu .reset li.first {border: none;}
#main-menu .reset li a {float: left; display: inline; color: #454545; text-decoration: none; padding: 0 12px;}
#main-menu .reset li a:hover {color: #000; text-decoration: underline;}
.main-menu {float: left; display: inline; font-size: 91.6%; margin: 2px 0 0;}
.main-menu .reset li {float: left; display: inline; border-left: 1px solid #dcd6be;}
.main-menu .reset li.first {border: none;}
.main-menu .reset li a {float: left; display: inline; color: #454545; text-decoration: none; padding: 0 12px;}
.main-menu .reset li a:hover {color: #000; text-decoration: underline;}

/* LANG MENU */
#lang-menu {float: right; display: inline; margin: 2px 0 0;}
#lang-menu p {line-height: 1;}
#lang-menu img {margin: 0 0 0 5px; display: block; float: left;}

/* SEARCH */
#search-box {float: right; display: inline; margin: 2px 20px 0 0;}
#search-box .int {width: 135px; background: url('../images/bg-search-int.png') 0 0 no-repeat; padding: 2px 5px 0; display: inline-block; position: relative; top: -3px; margin-bottom: -3px; height: 17px;}
#search-box .int input {width: 100%; height: 15px; background: none; border: none; padding: 0; vertical-align: middle;}

/* ANNOT BOX */
.home #annot-box {background: url('../images/bg-annot-box.png') 190px 0 no-repeat; margin: -1px 0 0; padding: 5px 0 0; color: #454117;}
#annot-box {background: url('../images/bg-annot-box-page.png') 0 10px no-repeat; margin: -1px 0 0; padding: 0; color: #454117; position: relative; font-family: calibri;}
#annot-box img { position: absolute; right: 40px; }
.home #annot-box img { position: static; right: 0; }
#annot-box .motive {padding: 0;}
#annot-box .motive1 {padding: 15px 0; min-height: 100px;}
#annot-box .sprite {display: block; right: 0; top: 0;}
#annot-box p {color:#8B746B; font-weight:bold; font-size: 117%; font-style: italic; margin:10px 0 0 15px; width:500px;}
#annot-box p.big {font-size: 133%; font-weight: normal; margin-top: 0;}
#annot-box p strong {font-size: 108.4%; color: #6D6D01; display: block; margin: 0 0 5px;}
#annot-box h2 {color: #67a13a; margin: 30px 0 0; text-transform: uppercase; text-align: center; font-size: 200%; font-weight: bold; font-family: calibri; width: 175px; float: left; display: inline;}
#annot-box .in {padding: 20px 0 0; background: url('../images/bg-action-tip-top.png') center 100% no-repeat;}
#annot-box .in .logo {float: left; display: inline; margin: 0 25px 0 0; width: auto;}
.home #annot-box .motive {background: url('../images/bg-home-annot-box.png') 105% -60px no-repeat;}
.annot-box-menu a {margin: 0 20px 0 0;}

/* PREVIEW */
.preview h1 {text-transform: uppercase; color: #67a13a; font-size: 163%; margin: 0 0 5px; font-family: calibri;}
.preview p {color: #67a13a; font-size: 117%; font-family: calibri;}

/* BREADCRUMB */
#breadcrumb .in {padding: 5px 15px 6px; background: url('../images/bg-breadcrumb.png') 0 0 no-repeat;}
#breadcrumb .in h2, #breadcrumb .in p {display: inline; font-size: 100%; font-weight: normal; margin: 0 5px 0 0; color: #010101;}
#breadcrumb .in p a, #breadcrumb .in p strong {margin: 0 5px; color: #010101; font-weight: normal; text-decoration: none;}
#breadcrumb .in p a:hover {text-decoration: underline;}

/* SIDE MENU */
.side-menu {font-family: calibri; margin-top: -18px;}
.side-menu h2 {color: #639f3f; font-size: 125%; margin: 0; padding: 20px 10px; background: url('../images/bg-side-menu-h2.png') 0 50% no-repeat; text-transform: uppercase;}

.side-menu .reset li {margin: 0;}
.side-menu .reset li a {font-weight: bold; padding: 15px 10px 1px; font-size: 108%; display: block; background: url('../images/bg-side-menu.png') 0 -3px no-repeat; text-transform: uppercase; text-decoration: none; color: #523A2E;}
.side-menu .reset .reset li a {font-weight: normal; font-size: 100%; background: none; padding: 5px 20px; color: #639f3f;}
.side-menu .reset li a:hover {color: #666;}
.side-menu .reset .reset li a:hover {background: #f9ffb9; color: #639f3f;}
/* ACTION TIP */
#breadcrumb, .action-tip {padding: 1px 0 29px; background: url('../images/bg-action-tip-bottom.png') center 100% no-repeat;}
.action-tip .logo {float: left; display: inline; margin: 0;}
.action-tip .date {float: left; display: inline; line-height: 30px; border: 1px solid #e2cfb6; border-width: 0 1px; padding: 0 15px; margin: 13px 0 0 15px; color: #8b3400; font-size: 136.6%;}
.action-tip .desc {float: right; display: inline; margin: 10px 0 0; color: #8a876d; width: 585px;}

/* HOME CROSSROAD */
.home-crossroad .reset li {float: left; display: inline; width: 196px; font-family: calibri; text-transform: uppercase; text-align: center; margin: 0 16px 15px;}
.home-crossroad .reset li h2 {margin: 0; font-size: 133%;}
.home-crossroad .reset li img {display: block; margin: 0 0 4px;}
.home-crossroad .reset li h2 a {color: #6ead3c; text-decoration: none;}
.home-crossroad .reset li h2 a:hover {color: #000;}

.crossroad .reset li {margin: 0 0 13px;}
.crossroad .reset .reset li {margin: 0 0 1.2em;  padding: 0; background: none;}
.crossroad .reset .reset li a {color: #67A13A;}
.crossroad .reset .reset li a:hover {color: #666;}
.crossroad .reset li h2 {font-size: 125%; margin: 0;}
.crossroad .reset li .desc {float: left; display: inline; width: 390px;}
.crossroad .reset li .cross {float: right; display: inline; width: 250px;}

.crossroad-product .reset li {padding: 20px 0 0; background: url('../images/bg-crossroad-product.png') center 0 no-repeat;}

/* NEWS LIST */
.home-products {margin: 0 1% 0 0; width: 47%;}
#col-content .news-list {width: 550px; margin: 0;}
#col-content .news-list h3, #col-content .news-list strong {font-size: 108.4%; color: #000;}
#col-content .news-list .reset li {margin: 20px 0 30px;}
.news-list {margin: 0 0 0 1%; width: 47%;}
.home-products h2, .news-list h2 {font-size: 133.6%; color: #8B7053}
.home-products .reset li, .news-list .reset li {margin: 0 0 30px;}
.home-products .reset li h3, .news-list .reset li h3 {display: inline; margin: 0 15px 0 0;}
.news-list .reset li strong, .news-list label {color: #6d6d01;}
.news-list .reset li abbr {border:none}
.news-list input {vertical-align: middle;}
.home-products .reset li {padding: 0 130px 0 0; overflow: hidden;}
.home-products .reset li h3 span {float: right; margin: 0 -130px 0 0; width: 130px; text-align: center;}
.home-products .reset li h2 span {float: right; margin: 0 -130px 0 0; width: 130px; text-align: center;}
.home-products img { 
      /*border:1px solid #876D00;*/
      max-height:110px;
      max-width:90px;
}
.news-list .int {vertical-align: middle;}
#col-content .news-list form,
#col-content .news-list .form {background: url('../images/bg-std-form.png') 0 -10px no-repeat; padding: 40px 0 0; margin: -20px 0 0;}
#col-content .news-list .form form {background: none; padding: 0; margin: 0;}

/* SEARCH LIST */
.search-list form {margin: 25px 0 35px;}
.search-list input, .search-list .int {vertical-align: middle;}
.news-list .int, .news-list .int input, .search-list .int, .search-list .int input {background-image: url('../images/bg-std-form-int.png'); height: 21px;}
.search-list .search-term {background: url('../images/bg-std-form.png') 0 100% no-repeat; padding: 0 0 20px;}
.search-list ul.reset {width: 550px;}
.search-list .reset li {margin: 0 0 20px;}
.search-list .reset li p {margin: 0 0 3px;}
.search-list .reset li .url a {color: #AFAF01;}
.search-list .reset li .url a:hover {color: #666;}

/* CERT LIST */
.cert-list .reset li {padding: 20px 0 15px 150px; overflow: hidden; background: url('../images/bg-cert-list.png') center 100% no-repeat;}
.cert-list .reset li.last {background: none;}
.cert-list .reset li .img {margin: 0 0 0 -150px; float: left; display: inline;}
.cert-list .reset li h2 {font-size: 133.6%; margin: 0 0 0.6em;}

/* PRODUCT LIST */
.product-list ul.reset {overflow: hidden; padding: 25px 0 0; margin: 20px 0; background: url('../images/bg-product-list.png') center 0 no-repeat;}
.product-list .reset li h2 {font-size: 140%; margin: 0 0 0.2em; font-family: calibri;}
.product-list .reset li h2 a {color: #8b7053;}
.product-list .reset li p.right a:hover, .product-list .reset li h2 a:hover {color: #666;}
.product-list .reset li p.reset {margin: 0 0 5px;}
.product-list .reset li p.right a {color: #639f3f; font-weight: bold; font-family: calibri;}
.product-list .reset li p.right a img {max-width:1000px;max-height:1000px; margin: 0; float: none; vertical-align: middle;}
.product-list .reset li img {float: left; display: inline; margin: 15px 10px 5px 15px;/*max-width:40px;max-height:75px */}

/* PRODUCT DETAIL */
.product-desc {float: right; display: inline; width: 430px; padding: 20px 0 0;}
.product-img {float: left; display: inline;  padding: 30px 0 0; /*border:1px solid #876D00;*/}


/* CONTACT BOX */
.contact-box {padding: 20px 20px 25px; background: url('../images/bg-std-form.png') 0 100% no-repeat;}
.contact-box strong {color: #6d6d01;}
.no-bg {background: none;}
.contact-box .reset li {margin: 0 0 40px;}
.contact-box .reset li h2 {font-size: 116.6%;}
.contact-box .reset li p.in {padding: 0 0 0 115px; overflow: hidden; font-size: 116.6%;}
.contact-box .reset li img {float: left; display: inline; margin: 0 0 0 -115px;}

/* COL RIGHT */
#col-right h2 {font-size: 125%; margin: 2em 0 0.6em;}
#col-right strong {color: #6d6d01;}

/* FOOTER */
#footer {padding: 0 0 20px;}
#footer .in {float: left; width: 800px; margin: 6px 0 0; font-size: 91.6%; color: #6D6D01;}
#footer .in ul.reset {padding: 3px 0px 7px;overflow:hidden}
#footer li {float: left; display: inline; border-left: 1px solid #dcd6be;}
#footer .reset li.first {border: none;}
#footer .reset li a {float: left; display: inline; color: #454545; text-decoration: none; padding: 0 12px;}
#footer .reset li a:hover {color: #000; text-decoration: underline;}
#footer .logo {float: right; margin: 0;}
#footer .logo img {margin: 0 7px 0 0;}


/* STD FORM */
.std-form {background: url('../images/bg-std-form.png') center -10px no-repeat; padding: 40px 0 0; width: 433px; margin: 0 auto;}
.std-form h2 {font-size: 116.6%; margin: 1em 0;}
.std-form .int {display: block; background-image: url('../images/bg-std-form-int.png'); height: 21px;}
.std-form .int input {display: block; padding-right: 0; width: 100%; background-image: url('../images/bg-std-form-int.png'); height: 18px;}
.std-form .textarea-int {background: url('../images/bg-int-textarea.png') 0 0 no-repeat; display: block; height: 94px;}
.std-form .textarea-int textarea {border: none; background: none; line-height: 1.65; display: block; height: 84px; padding: 5px 0 5px 5px;}


/* INT */
.int {display: inline-block; background: url('../images/bg-int.png') 0 0 no-repeat; height: 23px; margin: -3px 0 0; padding: 0 0 0 5px;}
.int input {display: block; background: url('../images/bg-int.png') 100% 0 no-repeat; height: 20px; padding: 3px 5px 0 0; border: none;}

/* CORNERS */
.cor{position:absolute; background-repeat:no-repeat; display:block; z-index:99; font-size: 1px; line-height: 1px;}
.cor-l{top:0; left:0; background-position:0 0;}
.cor-r{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:left bottom;}
.cor-br{bottom:0; right:0; background-position:right bottom;}

/* HACK FOR SAFARI */
@media all {
#search-box .int {top: -4px; margin-bottom: -4px;}
.std-form .textarea-int { height: 92px; padding: 2px 0 5px 5px; margin: 2px 0;}
.std-form .textarea-int textarea { height: 76px; padding: 5px 0 5px 5px; margin: 2px 0 4px;}
}