﻿body { border: 0px; margin: 0px; padding: 0px; cursor: default; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 0.7em; color: #605d5c; }

/* GLOBAL */
img { border: none; }
input { font-family: Trebuchet MS, Arial, Sans-Serif }
a { text-decoration: none; color: #605d5c }
a:hover { text-decoration: underline; }
textarea { font-family: Trebuchet MS, Arial, Sans-Serif; }

/* MISC */
.topshadow { width: 1000px; position: absolute; top: 67px; left: 50%; margin-left: -500px; background: url('./images/header_shadow_top.png') no-repeat; height: 9px; }
.bottomshadow { width: 1000px; margin: 0px auto; background: url('./images/header_shadow_bottom.png') no-repeat; height: 9px; }
.clear { clear: both; float: none; overflow: hidden; height: 0px; }
.title { font-weight: bold; }
.head { text-transform: uppercase; vertical-align: middle; height: 21px; overflow: hidden; text-align: center; background: #758792; color: #fff; font-weight: bold; }
.highlight { border: solid 1px #d8292b; width: 40px; text-align: right; font-size: 0.86em; height: 13px; }

/* MASTER */
.master-wrapper { max-width: 1416px; min-width: 1000px; width: 100%; height: 500px; margin: 0px auto; position: relative; }

/* PAGE */
.page { width: 100%; border-collapse: collapse; margin-top: -9px; }
.page .col1 { vertical-align: top; padding: 15px 10px; color: #605D5C; }
.page .col2 { width: 224px; background: #ebebeb; color: #758792; padding: 13px; vertical-align: top; }

/* HEADER */
.header { height: 76px; position: relative; background: #7bc234 url('./images/back_green_1px.gif') repeat-x; width: 100%; }
.header .logo { width: 197px; background: #fff; height: 31px; float: left; margin-top: 23px; text-align: center; font-size: 2.3em; font-weight: bold; text-transform: uppercase; overflow: hidden; }
.header .back { position: absolute; left: 0px; top: 0px; z-index: 1; }
.header .body { position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; }
.headermenu { width: auto; float: right; height: 42px; margin-right: 45px; }
.headermenu ul { list-style-type: none; padding: 0px; margin: 0px; }
.headermenu ul li { text-transform: uppercase; float: left; margin-left: 45px; height: 42px; width: 62px; text-align: right; font-weight: bold; }
.headermenu ul li a { color: #FFF; }
.languagemenu { float: right; width: 24px; height: 38px; padding-top: 4px; background: #FFF; margin-right: 10px; }
.languagemenu a { text-transform: uppercase; display: block; width: 14px; height: 12px; margin: 4px auto; }

/* SUBHEADER */
.subheader { height: 22px; overflow: hidden; }
.chat { float: right; width: 85px; }
.sitemap { float: left; width: auto; font-weight: bold; }

/* PROMO */
.promo { height: 160px; background: #d8292b url('./images/promo-sprite.png') repeat-x; position: relative; overflow: hidden; }
.promo .separator { position: absolute; left: 676px; }
.promo .left { width: 1000px; height: 160px; }
.promo .right { position: absolute; right: 25px; top: 0px; width: 211px; z-index: 1; height: 111px; padding-top: 50px; text-transform: uppercase; font-size: 2.3em; }
.promo .right a { color: #fff; }

/* SERVER CONTROLS */
.btndetails { position: absolute; bottom: 10px; right: 0px; }
.textboxsearch { border: solid 1px #eb3d00; color: #605d5c; height: 16px; padding: 3px; width: 188px; font-style: italic; float: left; }
.buttonsearch { border: 0px; width: 24px; height: 24px; background: url('./images/search_arrow.gif') no-repeat; cursor: pointer; float: right; }
.textboxnewsletter { border: solid 1px #a8a8a7; color: #605d5c; height: 14px; padding: 2px; width: 170px; float: left; font-size: 1em; }
.buttonnewsletter { border: 0px; width: 20px; height: 20px; background: url('./images/newsletter_arrow.gif') no-repeat; cursor: pointer; float: right; }
.dropdownlist { border: solid 1px #a8a8a7; width: 120px; font-size: 0.86em; }
.textbox { border: solid 1px #a8a8a7; width: 120px; font-size: 0.86em; height: 13px; }
.textboxcontact { border: none; background: #ebebeb; font-size: 0.9em; width: 99%; color: #ababab; font-style: italic; }
.buttoncontactsend { border: none; float: right; cursor: pointer; background: #788991; font-size: 0.9em; color: #fff; font-weight: bold; padding: 2px 15px; }
.buttonaddtoorder { color: #119b3b; }
.textboxorderamount { border: solid 1px #a8a8a7; width: 40px; text-align: right; font-size: 0.86em; height: 13px; }
.buttontechnicalpdf { display: block; float: right; width: 115px; background: url('./images/icon_pdf_small.gif') no-repeat 75px 0px; font-size: 0.8em; font-weight: normal; vertical-align: middle; padding: 3px 0px; }
.buttonaddtoorderdisplay { background: #d8292b; text-transform: uppercase; cursor: pointer; border: none; color: #FFF; font-weight: bold; padding: 2px 20px; font-size: 0.9em; }
.linkmyorder { display: block; width: 94px; padding-top: 1px; font-size: 0.8em; height: 20px; padding-left: 160px; }
.linkmyorder:hover { text-decoration: none; }
.buttonsendorder { border: none; font-size: 0.9em; color: #FFF; padding: 2px 20px; text-transform: uppercase; font-weight: bold; background: #758792; cursor: pointer; }
.textboxclientdetails { border: solid 1px #a8a8a7; font-size: 0.9em; width: 99%; color: #ababab; font-style: italic; }
.textboxclientdetailsover { border: solid 1px #a8a8a7; font-size: 0.9em; width: 99%; color: #605d5c; }

/* CATALOGUES */
.catalogues { margin-top: 10px; width: 224px; }
.catalogues .body { background: #fff; width: 202px; padding: 10px; border: solid 1px #758792; font-weight: bold; }
.catalogues .body a { display: block; color: #758792; padding: 6px 0px; width: 202px; vertical-align: middle; background: url('./images/icon_pdf_big.gif') no-repeat 145px 0px; }

/* PROMOTIONS */
.promotions { margin-top: 10px; width: 224px; }
.promotions .body { background: #fff; height: 88px; overflow: hidden; width: 222px; border-left: solid 1px #758792; border-right: solid 1px #a8a8a7; border-bottom: solid 1px #a8a8a7; font-weight: bold; }

/* PARTNERS */
.partners { margin-top: 10px; width: 224px; }
.partners .body { background: #fff; width: 224px; font-weight: bold; }
.partners .body .partner { padding: 15px 0px; text-align: center; vertical-align: middle; }
.partners .body .separator { height: 1px; overflow: hidden; background: #758792 }

/* PARTNERS */
.reprezentatives { margin-top: 10px; width: 224px; }
.reprezentatives .body { background: #fff; width: 224px; font-weight: bold; }
.reprezentatives .body .reprezentative { padding: 15px 0px; text-align: center; vertical-align: middle; }
.reprezentatives .body .separator { height: 1px; overflow: hidden; background: #758792 }

/* NEWSLETTER */
.newsletter { margin-top: 10px; width: 224px; }
.newsletter .body { background: #fff; width: 202px; padding: 10px; border: solid 1px #758792; text-align: justify; font-size: 0.8em; }

/* SEARCH */
.search { width: 224px; height: 24px; }

/* ORDER HOW TO */
.orderhowto { margin-top: 10px; width: 224px; font-size: 1.5em; width: 224px; height: 38px; overflow: hidden; background: #119b3b; text-align: center; font-weight: bold; }
.orderhowto a { color: #FFF; }

/* MYORDER */
.myorder { margin-top: 10px; position: relative; width: 224px; font-size: 1.5em; width: 224px; height: 21px; cursor: pointer; overflow: hidden; background: #119b3b url('./images/my_order.gif') no-repeat; font-weight: bold; }
.myorder img { }
.myorder a { color: #FFF; display: block; position: absolute; left: 0px; top: 0px; z-index: 1; }

/* FOOTER */
.footer { border-top: solid 2px #758792; font-size: 0.8em; padding: 2px 0px 0px 2px; }
.footer-container { padding: 13px; }

/* HOMEPAGE ABOUT US */
.about-us { margin-top: 10px; border: solid 1px #6ac334; margin-left: 4px; }
.about-us .abouthead { background: #6ac334; color: #FFF; font-weight: bold; padding: 3px 5px; text-transform: uppercase; }
.about-us .body { width: 100%; }
.about-us .body .left { }
.about-us .body .right { width: 295px; }

/* CATEGORIES IN GRID */
.categories-in-grid { margin-top: 10px; }
.categories-in-grid .categories-table { width: 100%; }
.categories-in-grid .category { background: #ebebeb; width: 14%; border-left: solid 4px #fff; vertical-align: top; overflow: visible; }
.categories-in-grid .category .category-wrapper { position: relative; height: inherit; }
.categories-in-grid .category .category-head { padding: 5px; background: #d8292b; text-transform: uppercase; text-align: center; font-weight: bold; }
.categories-in-grid .category .selected { padding: 5px; background: #6ac334; text-transform: uppercase; text-align: center; font-weight: bold; }
.categories-in-grid .category .selected a { color: #fff }
.categories-in-grid .category .category-head a { color: #fff }
.categories-in-grid .category .category-image { background: #fff; text-align: center; }
.categories-in-grid .category .subcategories { padding: 5px; font-size: 0.8em; font-weight: bold; }
.categories-in-grid .category .subcategories ul { margin: 0px; padding: 0px; list-style-type: none }

/* NEWS */
.news { margin-top: 10px; margin-left: 4px;  }
.news .news-col { width: 50%; }
.news .news-col .news-item { border: solid 1px #6ac334; } 
.news .news-col .news-item .news-head { background: #6ac334; color: #FFF; font-weight: bold; padding: 3px 5px; text-transform: uppercase; } 
.news .news-col .news-item .body { } 
.news .news-col .news-item .body .left { width: 135px; } 
.news .news-col .news-item .body .right { } 
.news .news-col .news-item .body .right div { position: relative; height: 115px; vertical-align: middle; padding: 5px; } 
.news .news-col .news-item .body .btndetails { position: absolute; bottom: 10px; right: 0px; }

/* PRODUCT FILTERS */
.product-filters { margin-top: 10px; /*height: 17px;*/ margin-left: 4px; color: #fff; font-weight: bold; padding: 5px; background: #a8a8a7; }
.product-filters .title { color: #fff; }
.product-filters .float-title { width: 50px; float: left; }
.product-filters .float-body { width: 800px; float: left; }
.product-filters .float-body ul { list-style-type: none; padding: 0px; margin: 0px; width: 100%; }
.product-filters .float-body ul li { display: block; width: 120px; float: left; padding: 0px 3px; }

/* PRODUCTS IN GRID */
.products-wrapper { display: block; text-align: center; }
.products-in-grid .center-floater { display: inline-block; vertical-align: top; width: 157px; overflow: visible; text-align: left; margin: 0px -2px; padding: 10px 5px 0px 5px; }
.products-in-grid { margin: 0px auto 20px auto; overflow: hidden; clear: both; position: relative; top: 0px; left: 0px; }
.products-in-grid .product { display: block; width: 157px; border: solid 1px #a8a8a7; overflow: visible; position: relative; }
.products-in-grid .product:hover { border: solid 1px #00943c; }
.products-in-grid .product .product-image { padding: 39px 0px; }
.products-in-grid .product .product-footer { background: #ebebeb; border-top: solid 1px #a8a8a7; padding: 5px 0px; text-align: center; font-weight: bold; font-size: 1.2em; }

/* PRODUCTS IN LIST */
.products-in-list { margin-top: 10px; margin-left: 5px; }
.products-in-list .products-in-list-table { width: 100%; border: solid 1px #d8d7d7; border-collapse: collapse; }
.products-in-list .products-in-list-table thead td { background: #ebebeb; color: #605d5c; border: solid 1px #d8d7d7; text-align: center; text-transform: uppercase; font-weight: bold; padding: 0px; }
.products-in-list .products-in-list-table td { border: solid 1px #d8d7d7; vertical-align: top; padding: 5px; }
.products-in-list .products-in-list-table tr:hover td { background: #ebebeb; }
.products-in-list .products-in-list-table .col11 { width: 10%; }
.products-in-list .products-in-list-table .col22 { }
.products-in-list .products-in-list-table .col33 { width: 7%; }
.products-in-list .products-in-list-table .col44 { width: 7%; }
.products-in-list .products-in-list-table .col55 { width: 7%; }
.products-in-list .products-in-list-table .col66 { width: 10%; }
.products-in-list .products-in-list-table .pager { text-align: center; background: #ebebeb; font-size: 1.03em; font-weight: bold; }
.products-in-list .products-in-list-table .pager span { padding: 0px 3px; }

/* PROMOTIONS IN LIST */
.promotions-in-list { }
.promotions-in-list .promotion { }
.promotions-in-list .promotion .left { vertical-align: top; padding-bottom: 15px; }
.promotions-in-list .promotion .images { width: 222px; border: solid 1px #a8a8a7; height: 88px; overflow: hidden; }
.promotions-in-list .promotion .right { vertical-align: top; padding-bottom: 15px; padding-left: 6px; }
.promotions-in-list .promotion .right .head { text-align: left; height: auto; padding: 5px 10px; }
.promotions-in-list .promotion .right .description { padding: 5px 0px; }

/* CERTIFICATIONS IN LIST */
.certifications-in-list { }
.certifications-in-list .certification { }
.certifications-in-list .certification .left { vertical-align: top; padding-bottom: 15px; }
.certifications-in-list .certification .images { width: 150px; border: solid 1px #a8a8a7; height: 212px; overflow: hidden; }
.certifications-in-list .certification .images img { width: 150px; height: 212px; }
.certifications-in-list .certification .right { vertical-align: top; padding-bottom: 15px; padding-left: 6px; }
.certifications-in-list .certification .right .head { text-align: left; height: auto; padding: 5px 10px; }
.certifications-in-list .certification .right .description { padding: 5px 0px; }

/* NEWS IN LIST */
.news-in-list { }
.news-in-list .new { }
.news-in-list .new .left { vertical-align: top; padding-bottom: 15px; }
.news-in-list .new .images { width: 239px; border: solid 1px #a8a8a7; height: 147px; overflow: hidden; }
.news-in-list .new .right { vertical-align: top; padding-bottom: 15px; padding-left: 6px; }
.news-in-list .new .right .head { text-align: left; height: auto; padding: 5px 10px; }
.news-in-list .new .right .description { padding: 5px 0px; }

/* CONTACT US */
.contact-us { }
.contact-us .coll1 { vertical-align: top; width: 240px; }
.contact-us .coll2 { vertical-align: top; padding-left: 10px; }
.contact-us .coll3 { vertical-align: top; }

/* PRODUCT DISPLAY */
.product-display { margin-left: 4px; margin-top: 10px; }
.product-display .info { font-size: 1.2em; font-weight: bold; }
.product-display .body { margin-top: 10px; }
.product-display .body .product-display-table { width: 100%; border-collapse: collapse; }
.product-display .body .product-display-table tr td table tr td { vertical-align: top; }
.product-display .body .product-display-table .images { vertical-align: top; text-align: center; width: 270px; }
.product-display .body .product-display-table .images div { border: solid 1px #a8a8a7; padding: 10px; width: 250px; }
.product-display .body .product-display-table .description { padding-left: 15px; vertical-align: top; }
.product-display .body .product-display-table .description { width: 100% }
.legend { width: 100%; }
.legend .tbl-header td { width: 12%; font-weight: bold; color: #FFF; background: #A8A8A7; text-align: center; }
.legend .tbl-body td.first { background: #A8A8A7; font-weight: bold; color: #FFF; }
.legend .tbl-body td { background: #ebebeb; empty-cells: show; text-align: center; }

/* PRODUCTS IN ORDER */
.products-in-order { margin-top: 10px;}
.products-in-order .products-in-order-table { width: 100%; border-collapse: collapse; }
.products-in-order .products-in-order-table thead td { background: #A8A8A7; color: #FFF; text-align: center; text-transform: uppercase; font-weight: bold; padding: 5px; }
.products-in-order .products-in-order-table td { vertical-align: middle; padding: 5px; background: #ebebeb; text-align: center; border: solid 2px #FFF; }
.products-in-order .products-in-order-table .col11 { width: 10%; }
.products-in-order .products-in-order-table .col22 { width: 10%; }
.products-in-order .products-in-order-table .col33 { width: 10%; }
.products-in-order .products-in-order-table .col44 {  }
.products-in-order .products-in-order-table .col55 { width: 10%; }
.products-in-order .products-in-order-table .col66 { width: 10%; }
.products-in-order .products-in-order-table .col77 { width: 10%; }
.products-in-order .message { padding: 10px 0px; font-weight: bold; text-align: center; }
.products-in-order .image img { width: 100px; max-height: 100px; }

/* CLIENT DETAILS */
.client-details { width: 350px; padding: 20px; position: absolute; z-index: 2000; background: url('./images/background_pop-up.png') repeat; }
.client-details div { background: #ebebeb; border: solid 1px #d8d7d7; padding: 15px 10px; }
.client-details div table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.client-details div table td { padding-bottom: 3px; }

.order-buttons { text-align: right; margin: 10px 0px; padding-right: 2px; }

.company-page { text-align: justify; padding: 0px 25px; }

.terms-privacy { text-align: justify; padding: 0px 25px; }

.products-in-list img { width: 100px; max-height: 100px; }
.sel { color: #009247 }

/* AUTOCOMPLETE */

.auto-complete { margin: 0; cursor: default; list-style-type: none; font-size: 11px; border: 1px solid #cfcfcf; padding: 0; visibility:hidden; overflow-y: auto; overflow-x: hidden; height: 200px; background-color: White; }
.auto-complete-item { background-color: #FFF; text-align: left; padding: 2px 4px; }
.auto-complete-selected-item { background-color: #a8a8a7; color: #FFF; text-align: left; font-weight: bold; padding: 2px 4px; }