/*
Theme Name: Safa
Theme URI: 
Description: safa Theme
Author: piotr.bochniak@gmail.com    
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html, body { width: 100%; height: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img { border: 0; }
a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* END OF RESET */

body { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #727969; background: #f0f6e8 url('images/body-bg.png') repeat-x scroll top left; }

/*Opera Fix*/
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; }

.container { width: 100%; min-height: 100%; }
.footer-container { position: relative; margin-top: -275px; height: 275px; clear: both; }
.footer-container-bg { float: left; width: 100%; background: #e6ecdd; border-top: 1px solid #d3d9cb; height: 275px; }
.content, .footer { margin: 0 auto; width: 970px; text-align: left; }
.content { padding-bottom: 275px; }

.header-top { float: left; width: 920px; padding: 0px 25px; height: 198px; }
.header-top h1.logo { float: left; width: 239px; height: 198px; }
.header-top h1.logo a { float: left; display: block; width: 239px; height: 198px; background: transparent url('images/logo.png') no-repeat top left; text-indent: -9999px; } 

.header-top-right { float: right; position: relative; z-index: 2000; }
.header-top-right ul.top-menu { position: absolute; top: 45px; right: 0px; width: 270px; z-index: 2000;}
.header-top-right ul.top-menu li { float: left; padding: 0px 8px; height: 15px; background: transparent url('images/top-menu-spacer.png') no-repeat top right; }
.header-top-right ul.top-menu li.last { background: none; padding-right: 0px; }
.header-top-right ul.top-menu li a { display: block; float: left; font-family: "adelle-1", "adelle-2", Arial, serif; font-weight: bold; font-size: 13px; color: #727969; }
.header-top-right .header-search { position: absolute; top: 110px; right: 0px; width: 240px; z-index: 2000; }
.header-top-right .header-search .input { float: left; height: 23px; width: 214px; background: #f0f6e8; border: 1px solid #c3c3c2; border-right: 0px; }
.header-top-right .header-search .input input { float: left; background: transparent; border: 0px; padding: 4px 10px 0px 10px; margin: 0px; width: 194px; color: #40423c; font-size: 11px; font-family: Tahoma, Arial, sans-serif; }
.header-top-right .header-search .button { float: left; width: 25px; height: 25px; }
.header-top-right .header-search .button button { float: left; width: 25px; height: 25px; padding: 0px; margin: 0px; border: 0px; background: transparent url('images/button-header-search.png') no-repeat top left; text-indent: -9999px; }
.header-top-right .popup-share { display: none; position: absolute; top: 60px; right: 200px; width: 377px; height: 228px; background: transparent url('images/popup-share.png') no-repeat top left; z-index: 2000; padding: 30px 14px 0px 14px; font-family: Arial, sans-serif; }
.header-top-right .popup-share .desc { float: left; width: 270px; font-size: 13px; color: #494738; line-height: 16px; padding-bottom: 4px; }
.header-top-right .popup-share .desc span { color: #27563a; }
.header-top-right .popup-share .close { float: right; }
.header-top-right .popup-share .line { float: left; width: 377px; padding-bottom: 8px; clear: both; }
.header-top-right .popup-share .line-textarea { padding: 6px 0px 10px 0px; }
.header-top-right .popup-share .line label { float: left; width: 110px; line-height: 20px; color: #494738; font-size: 13px; }
.header-top-right .popup-share .line .input-box { float: left; width: 230px; }
.header-top-right .popup-share .line .input-text input { width: 220px; padding: 2px 4px; border: 1px solid #8c8c8c; }
.header-top-right .popup-share .line .input-text textarea { width: 220px; height: 70px; padding: 2px 4px; border: 1px solid #8c8c8c; }
.header-top-right .popup-share .buttons { float: left; width: 340px; text-align: right; }

ul.main-menu { float: left; width: 920px; height: 31px; padding: 0px 25px; }
ul.main-menu li { float: left; height: 31px; width: 119px; padding-right:4px; position: relative; z-index: 1000; }
ul.main-menu li.menu-item-18 { width: 160px; }
ul.main-menu li.menu-item-131 { width: 129px; }
ul.main-menu li.menu-item-16 { width: 129px; }
ul.main-menu li.menu-item-17 { padding: 0px; }
ul.main-menu li a { position: absolute; left: 0px; top: 0px; display: block; height: 31px; line-height: 31px; background: transparent url('images/menu-bg.png') repeat-x top left; font-family: "adelle-1", "adelle-2", Arial, serif; font-weight: bold; color: #727969; font-size: 17px; width: 119px; text-align: center; z-index: 1000; }
ul.main-menu li.menu-item-18 a { width: 160px; }
ul.main-menu li.menu-item-131 a { width: 129px; }
ul.main-menu li.menu-item-16 a { width: 129px; }
ul.main-menu li.current-menu-item a,
ul.main-menu li a:hover { background: transparent url('images/menu-active-bg.png') repeat-x top left; color: #fff; text-decoration: none; }
ul.main-menu li ul.sub-menu { display: none; position: absolute; top: 31px; left: 0px; padding-top: 9px; background: transparent url('images/sub-menu-bg.png') no-repeat 22px 0px; z-index: 1000; }
ul.main-menu li:hover ul.sub-menu { display: block; }
ul.main-menu li ul.sub-menu li { float: left; height: 28px; width: auto; background: none; padding: 0px; position: static; margin-bottom: 2px; }
ul.main-menu li ul.sub-menu li a { position: static; float: left; height: 28px; line-height: 28px; width: auto; background: none; text-align: left; padding: 0px 10px 0px 15px; background: #c3d69c; width: 165px; }
ul.main-menu li.current-menu-item ul.sub-menu li a { background: #c3d69c; color: #727969; }
ul.main-menu li ul.sub-menu li.current-menu-item a,
ul.main-menu li ul.sub-menu li a:hover { background: #f0f6e8; color: #727969; }

.footer-top { float: left; width: 920px; margin: 30px 25px 20px 25px; }
.footer-top-box { float: left; width: 300px; padding-right: 10px; }
.footer-top-box.last { padding-right: 0px; }
.footer-top-box h2 { float: left; margin-bottom: 20px; font-size: 20px; color: #40423c; font-weight: bold; font-family: "adelle-1", "adelle-2", Arial, serif; }
.footer-top-box p { float: left; width: 300px; color: #40423c; font-size: 11px; line-height: 16px; }
.footer-top-box-content { float: left; width: 300px; color: #40423c; font-size: 11px; line-height: 16px; }
.footer-top-box-content a { color: #63884a; }
.footer-top-box-content span.indent { display: block; text-indent: 42px; }
.footer-top-box ul.footer-menu li {  }
.footer-top-box ul.footer-menu li a { color: #40423c; font-size: 11px; text-decoration: underline; }
.footer-top-box ul.footer-menu li a:hover { text-decoration: none; }
.footer-top-box .footer-newsletter { float: left; width: 240px; clear: both; padding-top: 20px; }
.footer-top-box .footer-newsletter .input { float: left; height: 23px; width: 214px; background: #f0f6e8; border: 1px solid #c3c3c2; border-right: 0px; }
.footer-top-box .footer-newsletter .input input { float: left; background: transparent; border: 0px; padding: 4px 10px 0px 10px; margin: 0px; width: 194px; color: #40423c; font-size: 11px; font-family: Tahoma, Arial, sans-serif; }
.footer-top-box .footer-newsletter .button { float: left; width: 25px; height: 25px; }
.footer-top-box .footer-newsletter .button button { float: left; width: 25px; height: 25px; padding: 0px; margin: 0px; border: 0px; background: transparent url('images/button-footer-newsletter.png') no-repeat top left; text-indent: -9999px; }

.footer-bottom { float: left; width: 920px; margin: 0px 25px; height: 40px; border-top: 1px solid #b1b4ac; line-height: 40px; font-size: 11px; color: #40423c; }
.footer-bottom .copyright { float: left; }
.footer-bottom .site-by { float: right; }
.footer-bottom .site-by a { text-decoration: none; color: #40423c; }

.content-box { float: left; width: 970px; padding: 20px 0px 40px 0px; }
.content-left { float: left; padding-left: 25px; }
.content-right { float: right; padding-right: 25px; }
.content-main { width: 540px; }
.content-side { width: 307px; }
.content-full { float: left; width: 920px; padding: 0px 25px; }

.subheader { float: left; width: 904px; padding: 8px; background: #c3d69c; margin: 0px 25px 10px 25px; }

.breadcrumbs { float: left; width: 895px; background: #c3d69c; height: 30px; line-height: 30px; padding: 0px 0px 0px 25px; margin: 0px 25px 25px 25px; }
.breadcrumbs a { color: #727969; }

.text h2 { color: #2f573c; font-size: 22px; padding-bottom: 22px; font-weight: normal; }
.text h3 { color: #727969; font-size: 14px; padding-bottom: 14px; font-weight: bold; }
.text h3 a { color: #727969; }
.text h4 { color: #2f573c; font-size: 13px; padding-bottom: 13px; font-weight: bold; }
.text p { line-height: 16px; padding-bottom: 16px; }
.text p.date { color: #000000; }
.text p strong { color: #000000; }
.text p a { font-weight: bold; color: #6f8c43; }

.page-single { float: left; width: 540px; }

.home-news { float: left; width: 540px; padding-top: 30px; }
.home-news h3 { float: left; width: 510px; height: 30px; line-height: 30px; padding: 0px 15px; color: #6e8c42; font-weight: bold; border-top: 1px solid #d2d6cc; border-bottom: 1px solid #d2d6cc; }
.home-news ul { float: left; width: 426px; padding: 20px 10px 10px 10px; }
.home-news ul li { float: left; padding: 8px 10px 8px 30px; width: 386px; background: #40423c url('images/home-news-bg.png') no-repeat 3px 3px; margin-bottom: 1px; line-height: 16px; }
.home-news ul li .date { display: block; float: left; width: 100px; padding-right: 10px; color: #ffffff; }
.home-news ul li .title { display: block; float: left; width: 260px; color: #ffffff; }
.home-news ul li .button { display: block; float: left; width: 16px; height: 16px; padding-top: 8px; }
.home-news ul li .button a { display: block; float: left; width: 16px; height: 16px; background: transparent url('images/btn-green-16.png') no-repeat top left; text-indent: -9999px; }

.side-box { float: left; width: 291px; padding: 8px; margin-bottom: 22px; background: #c3d79c; }
.side-box.orange { background: #ed8f35; }
.side-box .title { float: left; width: 291px; height: 28px; padding-bottom: 8px; font-size: 25px; color: #ffffff; font-weight: bold; font-family: "adelle-1", "adelle-2", Arial, serif; }
.side-box .box-content { color: #727969; font-family: Verdana, Arial, sans-serif; font-weight: bold; line-height: 16px; }
.side-box.orange .box-content { color: #000; }
.side-box.orange .box-content a { color: #fff; }
.side-box .box-content a.more { display: block; float: right; width: 20px; height: 20px; background: transparent url('images/btn-orange.png') no-repeat top left; text-indent: -9999px; }
.side-box.orange .box-content a.more { background: transparent url('images/btn-green.png') no-repeat top left; }
 
.side-box .single-link { float: left; width: 291px; background: transparent url('images/side-single-link.png') no-repeat center right; line-height: 24px; font-size: 17px; color: #ffffff; font-weight: bold; font-family: "adelle-1", "adelle-2", Arial, serif; }
.side-box .single-link a { color: #fff; }

.side-box-twitter { margin-bottom: 0px; line-height: 16px; }
.side-box-twitter .twitter-title { float: left; width: 291px; color: #494738; font-family: Verdana, Arial, sans-serif; font-weight: bold; padding-bottom: 16px; }
.side-box-twitter .twitter-content { float: left; width: 291px; color: #494738; font-family: Verdana, Arial, sans-serif; font-size: 11px; padding-bottom: 16px; }
.side-box-twitter .twitter-content a { color: #128ae6; }
.side-box-twitter .twitter-details { float: left; width: 291px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; }
.side-box-twitter .twitter-details .date { float: left; color: #494738; }
.side-box-twitter .twitter-details .link { float: right; }
.side-box-twitter .twitter-details .link a { color: #63884a; }
.side-box-twitter-bottom { float: left; width: 307px; margin-bottom: 40px; height: 79px; position: relative; }
.side-box-twitter-bottom div { position: absolute; top: 0px; left: 0px; width: 332px; height: 79px; background: transparent url('images/twitter-bg.png') no-repeat top right; }

.products-list { float: left; width: 920px; border-top: 1px solid #727969; padding-top: 20px; }
.products-list .line { float: left; width: 920px; padding-bottom: 30px; }
.products-list .product { float: left; width: 230px; padding: 0px 38px; }
.products-list .product .title { float: left; width: 220px; padding: 0px 5px 5px 5px; color: #6f8c43; font-weight: bold; }
.products-list .product .thumb { float: left; width: 220px; padding: 4px; border: 1px solid #6f8c43; }
.products-list .product .thumb img { width: 220px; }
.products-list .product .more { float: left; width: 220px; padding: 10px 5px 0px 5px; }
.products-list .product .more a { display: block; float: left; background: transparent url('images/bullet-more.png') no-repeat center right; height: 20px; line-height: 20px; padding-right: 20px; color: #6f8c43; }

.product-thumb-box { float: left; width: 262px; margin: 0px 0px 40px 24px; }
.product-thumb { float: left; width: 252px; padding: 4px; border: 1px solid #6f8c43; }
.product-thumb img { width: 252px; height: auto; }
.product-thumb-enlarge { float: left; width: 262px; line-height: 24px; text-align: right; }
.product-thumb-enlarge a { color: #6f8c43; text-decoration: underline; }
.product-thumb-enlarge a:hover { text-decoration: none; }
.product-desc h4 { color: #6f8c43; font-size: 12px; }
.products-related { float: left; width: 530px; padding-top: 14px; }
.products-related .title { float: left; width: 530px; padding-bottom: 12px; margin-bottom: 30px; border-bottom: 1px solid #727969; font-size: 12px; color: #6f8c43; font-weight: bold; }
.products-related-box { float: left; width: 510px; padding-left: 20px; }
.product-related { float: left; width: 106px; padding: 4px; border: 1px solid #6f8c43; margin-right: 24px; }
.product-related img { width: 106px; height: auto; }

.home-subheader { float: left; width: 970px; margin-bottom: 30px; }
.home-subheader .prev { float: left; width: 25px; height: 351px; position: relative; }
.home-subheader .prev a { position: absolute; top: 140px; left: 0px; width: 25px; height: 70px; background: transparent url('images/subheader-btn-prev.png') no-repeat top left; }
.home-subheader .next { float: left; width: 25px; height: 351px; position: relative; }
.home-subheader .next a { position: absolute; top: 140px; left: 0px; width: 25px; height: 70px; background: transparent url('images/subheader-btn-next.png') no-repeat top left; }
.home-subheader .image-bg { float: left; width: 904px; padding: 8px; height: 335px; background: #c3d69c; }
.home-subheader .image { float: left; width: 904px; height: 335px; position: relative; overflow: hidden; }
.home-subheader .image .image-slider { position: absolute; top: 0px; left: 0px; height: 335px; width: 10000px; overflow: hidden; }
.home-subheader .image .image-slider img { float: left; }

.side-news { float: left; width: 275px; padding: 0px 8px 18px 8px; }
.side-news .date { float: left; width: 275px; color: #6f8c43; font-weight: bold; }
.side-news .excerpt { float: left; width: 275px; }
.side-news .link a { color: #727969; text-decoration: underline; font-weight: normal; }
.side-news .link a:hover { text-decoration: none; }

.contact-form { float: right; width: 374px; margin-top: 40px; }
.contact-form .line { float: left; width: 374px; margin-bottom: 12px; }
.contact-form .line label { float: left; width: 100px; line-height: 18px; font-size: 12px; padding-top: 6px; color: #6f8c43; font-weight: bold; }
.contact-form .line label span { color: #000000; }
.contact-form .line .input { float: left; width: 224px; }
.contact-form .line .input input { width: 204px; padding: 2px 9px; margin: 0px; border: 1px solid #c4d79d; background-color: #fff; }
.contact-form .line .textarea { float: left; width: 274px; margin-top: 6px;}
.contact-form .line .textarea textarea { height: 55px; width: 254px; padding: 2px 9px; margin: 0px; border-top: 1px solid #4a6f44; border: 1px solid #c4d79d; background-color: #fff; }
.contact-form .buttons { float: left; width: 374px; }
.contact-form .buttons input { float: right; background: transparent url('images/btn-send.png') no-repeat top left; width: 52px; height: 21px; padding: 0px; border: 0px; margin: 0px; color: #ffffff; font-size: 13px; font-weight: bold; }
.wpcf7-response-output { float: left; width: 540px; }
.contact-form .line span.wpcf7-not-valid-tip { float: left; display: block; position: static; width: 344px; left: 0px; top: 0px; padding: 3px; }

.contact-map { float: left; width: 540px; margin-top: 30px; }

.wtb-menu-box { float: left; width: 230px; }
.wtb-content-box { float: right; width: 680px; }
.wtb-menu-box h3, 
.wtb-content-box h3 { clear: both; font-size: 13px; color: #2f573c; font-weight: bold; margin-bottom: 10px; }

table.where-to-buy-table { width: 680px; }
table.where-to-buy-table th { background: #727969; color: #fff; height: 30px; text-align: left; vertical-align: middle; }
table.where-to-buy-table td { }
table.where-to-buy-table .col-1 { width: 29px; text-align: center; }
table.where-to-buy-table .col-2 { width: 217px; }
table.where-to-buy-table .col-3 { width: 217px; }
table.where-to-buy-table .col-4 { width: 217px; }
table.where-to-buy-table td.col-1 span { display: block; margin: 6px 6px 6px 5px; height: 18px; width: 18px; text-align: center; background: #ff6815; color: #fff; font-weight: bold; line-height: 18px; }

ul.wtb-menu { float: left; width: 230px; }
ul.wtb-menu li { float: left; width: 230px; margin-bottom: 1px; }
ul.wtb-menu li a { display: block; float: left; width: 210px; background: #a8cb5a url('images/wtb-menu-bg.png') no-repeat 200px 8px; height: 23px; line-height: 23px; padding-left: 20px; font-size: 13px; color: #ffffff; font-weight: bold; }
ul.wtb-menu li.current_page_item > a,
ul.wtb-menu li.current_page_parent > a { background: #a8cb5a url('images/wtb-menu-active.png') no-repeat 200px 8px; }
ul.wtb-menu li ul { display: none; float: left; width: 230px; }
ul.wtb-menu li.current_page_item ul,
ul.wtb-menu li.current_page_parent ul { display: block; }
ul.wtb-menu li ul li a { float: left; width: 190px; background: #c3d69c; height: 23px; line-height: 23px; padding-left: 40px; font-size: 13px; color: #727969; font-weight: bold; }
ul.wtb-menu li ul li.current_page_item a { background: #c3d69c url('images/wtb-submenu-active.png') no-repeat 20px 8px; }

.post { border-bottom: 1px solid #727969; margin-bottom: 16px; }

.navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; }
.navigation a:link,
.navigation a:visited { color: #888; text-decoration: none; }
.navigation a:active,
.navigation a:hover { color: #ff4b33; }
.nav-previous { float: left; width: 50%; }
.nav-next { float: right; text-align: right; width: 50%; }

.related-posts { float: left; width: 530px; margin-top: 24px; }
.related-posts .title { float: left; width: 530px; border-top: 1px solid #727969; border-bottom: 1px solid #727969; line-height: 34px; color: #6f8c43; font-size: 13px; font-weight: bold; }
.related-posts ul { float: left; width: 530px; margin-top: 30px; }
.related-posts ul li { float: left; clear: both; padding: 9px 13px 9px 0px; background: transparent url('images/bullet-replated.png') no-repeat center right; }
.related-posts ul li a { color: #e77a11; font-weight: bold; }

.contact-page { float: left; width: 920px; padding: 0px 25px; }
.contact-page-top { float: left; width: 920px; margin-bottom: 100px; }
.contact-page-top .left { float: left; width: 530px; }
.contact-page-top .right { float: right; width: 260px; line-height: 28px; color: #262627; }
.contact-page-top .right a { color: #128ae6; }
.contact-page-bottom { float: left; width: 920px; }
.contact-page-bottom .left { float: left; width: 374px; }
.contact-page-bottom .right { float: right; width: 490px; }


.side-news-black { float: left; width: 307px; padding-bottom: 110px; }
.side-news-black ul { float: left; width: 307px; }
.side-news-black ul li { float: left; padding: 4px 10px 6px 17px; width: 280px; background: #40423c url('images/home-news-bg.png') no-repeat 3px 3px; margin-bottom: 1px; line-height: 16px; }
.side-news-black ul li .date { display: block; float: left; width: 240px; color: #a8cb5a; padding-bottom: 10px; }
.side-news-black ul li .title { display: block; float: left; width: 240px; color: #ffffff; }
.side-news-black ul li .button { display: block; float: right; width: 16px; height: 16px; padding-top: 8px; }
.side-news-black ul li .button a { display: block; float: left; width: 16px; height: 16px; background: transparent url('images/btn-green-16.png') no-repeat top left; text-indent: -9999px; }