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: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; background: none repeat scroll 0% 0% transparent; }
table { border-collapse: collapse; border-spacing: 0px; }
@font-face {
	font-family: "Myriad Pro Condensed";
	src: local("Myriad Pro Condensed"), local("Myriad Pro Condensed"), url('images/myriadpro-cond.otf') format("opentype");
}
@font-face {
	font-family: "Myriad Pro Bold";
	src: local("Myriad Pro Bold"), local("Myriad Pro Bold"), url('images/myriadpro-bold.otf') format("opentype");
}
@font-face {
	font-family: "Myriad Pro Bold Condensed";
	src: local("Myriad Pro Bold Condensed"), local("Myriad Pro Bold Condensed"), url('images/myriadpro-boldcond.otf') format("opentype");
}
@font-face {
	font-family: "Myriad Pro Condensed Italic";
	src: local("Myriad Pro Condensed Italic"), local("Myriad Pro Condensed Italic"), url('images/myriadpro-condit.otf') format("opentype");
}
html, body { width: 100%; height: 100%; font: 13px Tahoma,Arial,Helvetica,Geneva,sans-serif; background-color: rgb(245, 245, 245); }
p { margin-bottom: 15px; }
h1 { font-family: Myriad Pro Bold Condensed; font-size: 25px; font-weight: normal; text-shadow: 0px 1px 0px rgb(255, 255, 255); }
h2 { font-family: Myriad Pro Bold Condensed; font-size: 19px; font-weight: normal; text-shadow: 0px 1px 0px rgb(255, 255, 255); margin:20px 10px 20px 0px;}
h3 {font-size: 16px; font-weight: normal; font-weight: bold; margin:20px 10px 20px 0px;}
a { color: rgb(0, 149, 235); }
a:hover { color: rgb(232, 77, 7); }
#wrapper { width: 100%; background: none repeat scroll 0% 0% rgb(255, 255, 255); }



#top_background { background: url('images/top-bg.jpg') repeat-x scroll 0% 0% transparent; height: 220px; width: 100%; margin-bottom: 40px; overflow: hidden; z-index: 99999; }
#top_background #inner { background: url('images/top-bg2.jpg') no-repeat scroll center center transparent; height: 220px; }
#top { margin: 0px auto; width: 960px; }
#footer { margin: 0px auto; width: 960px; overflow: hidden; clear: both; padding-top: 30px; padding-bottom: 20px; }
#footer #contact { float: right; color: rgb(58, 58, 58); margin-top: 40px; }
#header { width: 100%; height: 150px; overflow: hidden; clear: both; }
#logo { margin: 27px 0px 0px -12px; padding-left: 0px; float: left; clear: left; width: 380px; height: 88px; overflow: hidden; }
#logo_footer { margin-top: 40px; float: left; clear: left; width: 380px; height: 88px; overflow: hidden; }

#contact { margin-top: 61px; margin-left: 95px; font-family: Myriad Pro Bold Condensed; font-size: 28px; color: rgb(255, 255, 255); text-align: right; overflow: hidden; float: left; text-shadow: 0px 1px 0px rgb(80, 80, 80); }
#contact #slogan { font-family: Myriad Pro Condensed; font-size: 18px; text-transform: uppercase; width: 450px; text-align: center; }
#contact a { color: rgb(255, 255, 255); text-decoration:underline;}
#contact a:hover{ color: rgb(255, 255, 255); text-decoration:none;}



#contact_footer { margin-top: 65px; margin-left: 100px; font-family: Myriad Pro Bold Condensed; font-size: 28px; color: rgb(0, 0, 0); text-align: right; overflow: hidden; float: left; text-shadow: 0px 1px 0px rgb(80, 80, 80); }
#contact_footer #slogan { font-family: Myriad Pro Condensed; font-size: 18px; text-transform: uppercase; width: 450px; text-align: center; }
#contact_footer a { color: rgb(0, 0, 0); text-decoration:underline;}
#contact_footer a:hover{ color: rgb(0, 0, 0); text-decoration:none;}



#cart { background: url('images/cart-bg.png') no-repeat scroll 0% 0% transparent; width: 274px; height: 141px; margin: 14px 0px 0px; float: right; }
#cart_informer { font-family: Myriad Pro Condensed; font-size: 18px; color: rgb(0, 0, 0); margin: 36px 10px 0px; padding: 5px 13px; }
#cart_informer .big_green { font-family: Myriad Pro Bold; font-size: 25px; color: rgb(30, 149, 6); }
#menu { float: left; width: 100%; height: 70px; }
#menu ul li { background: url('images/separator.png') no-repeat scroll right center transparent; height: 70px; display: block; float: left; list-style: none outside none; }
#menu ul li a { font-family: Myriad Pro Condensed; font-size: 25px; text-decoration: none; color: rgb(255, 255, 255); height: 20px; display: block; float: left; padding: 18px 28px 32px; margin-right: 2px; }
#menu ul li.selected a, #menu li:hover a { background: url('images/item-hover.png') repeat-x scroll 0% 0% transparent; }
#menu2 { width: 100%; clear: both; }
#menu2 ul { text-align: right; float: right; }
#menu2 ul li { float: left; list-style: none outside none; }
#menu2 ul li a { font-family: Myriad Pro Condensed; font-size: 25px; text-decoration: none; color: rgb(6, 5, 5); height: 20px; display: block; float: left; margin-right: 40px; }
#menu2 ul li:last-child a { margin-right: 0px; }
#menu2 ul li.selected a, #menu2 ul li a:hover { text-decoration: underline; }

#main { background: url('images/main-bg.jpg') repeat scroll 0% 0% transparent; margin: 0px auto; width: 960px; overflow: hidden; padding-top: 10px; padding-right: 5px;}

#content { float: right; width: 690px; margin-bottom: 20px;}

#catalog {margin: 20px 10px 20px 10px;}
#catalog img { width: 310px;  border: 1px solid #fff;}
#catalog img:hover { border: 1px solid #91b308;}



.img img {border: 1px solid #f4f4f4;}
.img img:hover{ border: 1px solid #9aa14a;}


.content-post {margin:10px 20px 10px 5px; padding:10px;}
.content-post p{ color: rgb(127, 127, 127); font-family: tahoma; font-size: 12px; padding: 3px; }
.content-post a{ color: rgb(127, 127, 127); font-family: tahoma; font-size: 12px; padding: 5px 5px 0px 5px; text-decoration: none;}
.content-post h3 { color: rgb(58, 67, 147); font-family: tahoma; font-size: 18px; padding: 10px; }
.content-post img { margin: 7px 7px 7px 7px; }


.block { background: #4dce4d; width: 90%; padding: 3px; border-radius: 3px;}
.block p {margin:5px; }
.block a{ float:right; margin:0px; color: rgb(255, 255, 255);}
.block span {color: rgb(255, 255, 255);}

#left { width: 250px; float: left; overflow: hidden; margin:0px 0px 20px 0px;}
span.h1 { font-family: Myriad Pro Bold Condensed; font-size: 40px; font-weight: normal; text-shadow: 0px 1px 0px rgb(255, 255, 255); }

#catalog_menu { margin: 10px 0px 10px 10px; }
#catalog_menu ul , li { font-size: 16px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; }
#catalog_menu a { text-decoration: underline; font-family: Myriad Pro Bold Condensed; font-size: 16px; color: #616722; padding: 5px 5px 5px 5px; }
#catalog_menu a:hover { text-decoration: none; }
#catalog_menu img { width:235px; margin: 0px 5px 5px 2px;}
#catalog_menu .h2 { padding-top:10px; padding-bottom:7px; background: #14b414; border-radius: 3px; font-family: Myriad Pro Bold Condensed; font-size: 28px; text-align: center; color: #f6fcf6; margin-top: 0px; margin-bottom: 7px; }
#catalog_menu li {margin-left: 7px;}
.block_img {width:234px; margin: 0px 0px 0px 7px;}


.navigation { width: 100%; overflow: hidden; padding-bottom: 0px; margin-bottom: 15px;border-bottom: 1px solid rgb(192, 192, 192); }
.navigation2 { margin-top: 20px; margin-bottom: 10px; width: 100%; overflow: hidden; text-align: center; }
.h2 { font-family: Myriad Pro Bold; font-size: 24px; color: rgb(0, 0, 0); text-align: left; }
.product { margin-top: 20px; }
.product .image { text-align: center; width: 170px; height: 155px; background-color: rgb(255, 255, 255); border: 3px solid rgb(208, 208, 208); clear: left; float: left; }
.product .image img { max-width: 170px; }
.product .variants { border: 1px solid rgb(224, 224, 224); padding: 10px; }
.product .variant td { padding-bottom: 6px; vertical-align: middle; }
.product .price { font-family: Myriad Pro Bold Condensed; font-size: 20px; color: rgb(21, 138, 6); white-space: nowrap; }
.product .variant_name { float: left; margin-right: 10px; font-size: 12px; }
.product .variant_radiobutton { margin-right: 5px; margin-left: 0px; }

.add2cart { background: url('images/add2cart.png') no-repeat scroll 0px 0px transparent; width: 138px; height: 33px; margin-top: 10px; border: 0px none; font-family: Myriad Pro Condensed; font-size: 23px; text-align: center; color: rgb(255, 255, 255); cursor: pointer; }
.add2cart:hover { background-position: 0px -33px; }
#path { font-family: Myriad Pro Condensed; font-size: 18px; color: rgb(137, 137, 137); float: left; }
#path a { font-family: Myriad Pro Condensed; font-size: 18px; color: rgb(137, 137, 137); text-decoration: none; }
#path a:hover { text-decoration: underline; }
.sort { font-family: Myriad Pro Condensed; font-size: 18px; color: rgb(137, 137, 137); text-align: right; }
.sort ul { float: right; list-style: none outside none; }
.sort ul li { float: left; margin-left: 10px; }
.sort ul li label { vertical-align: middle; }
.sort a { margin-right: 5px; }
.sort #position { background: url('images/sort.png') no-repeat scroll 0px 0px transparent; width: 32px; height: 32px; display: block; }
.sort #position:hover, .sort #position.selected { background-position: 0px -32px; }
.sort #price { background: url('images/sort.png') no-repeat scroll -32px 0px transparent; width: 32px; height: 32px; display: block; }
.sort #price:hover, .sort #price.selected { background-position: -32px -32px; }
.sort #name { background: url('images/sort.png') no-repeat scroll -64px 0px transparent; width: 32px; height: 32px; display: block; }
.sort #name:hover, .sort #name.selected { background-position: -64px -32px; }
input[type="text"], input[type="password"] { width: 100%; font-size: 18px; }
.form { width: 400px; margin-bottom: 20px; }
.form textarea { width: 100%; height: 100px; font-size: 18px; }
.form label { display: block; font-size: 14px; }
.form input[type="text"] { display: block; margin-bottom: 10px; }
.comment_form .input_captcha, .cart_form .input_captcha { float: left; width: 150px; font-size: 24px; font-weight: bold; text-transform: uppercase; margin-top: 15px; height: 36px; }
.comment_form .captcha, .cart_form .captcha { float: left; display: block; margin-top: 15px; margin-right: 10px; }

#quick-orders { display: none; }
#quick-orders select { width: 100%; height: 30px; font-size: 18px; margin-bottom: 10px; }
#quick-orders .left textarea, #quick-orders .right textarea, #quick-orders .right input, #quick-orders .left input { width: 260px; }
#quick-orders .form { width: auto; }
#quick-orders .left { width: 265px; float: left; overflow: hidden; }
#quick-orders .right { width: 267px; float: right; overflow: hidden; }
#quick-orders .right .captcha { float: left; margin-right: 20px; }
#quick-orders .right .input_captcha { float: left; width: 93px; text-align: center; font-size: 26px; }
.reveal-modal { border: 3px solid rgb(21, 138, 6); visibility: hidden; top: 100px; left: 50%; margin-left: -308px; width: 560px; background: url('images/modal-gloss.png') no-repeat scroll -200px -80px rgb(238, 238, 238); position: absolute; z-index: 101; padding: 25px; }
.reveal-modal .buttons { width: 100%; overflow: hidden; text-align: center; }
.reveal-modal .close-reveal-modal { font-size: 30px; line-height: 0.5; position: absolute; top: 10px; right: 10px; color: rgb(21, 138, 6); text-shadow: 0px -1px 1px rgb(0, 0, 0); font-weight: bold; cursor: pointer; }
.button-blue { display: inline-block; padding: 5px 8px; border-radius: 4px; box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3) inset; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; outline: medium none ! important; overflow: visible; color: rgb(255, 255, 255); background: -moz-linear-gradient(center top , rgb(0, 196, 0) 0%, rgb(0, 138, 0) 100%) repeat scroll 0% 0% transparent; border: 1px solid rgb(0, 175, 0); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); cursor: pointer; }
.button-blue:hover, .button-blue:focus { color: rgb(255, 255, 255); background: -moz-linear-gradient(center top , rgb(0, 175, 0) 0%, rgb(0, 121, 0) 100%) repeat scroll 0% 0% transparent; }

@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
}

#baloon { width: 187px; top: 0px; left: 0px; padding: 0px; margin: 0px; display: none; position: absolute; z-index: 64999; opacity: 0.8; }
#baloonHeader { width: 187px; height: 19px; padding: 0px; margin: 0px; font-size: 0px; line-height: 0; background-repeat: no-repeat; display: block; }
#baloonFooter { width: 187px; height: 3px; padding: 0px; margin: 0px; font-size: 0px; line-height: 0; background-image: url('images/baloon-footer.gif'); background-repeat: no-repeat; display: block; }
#baloonBody { padding: 10px; background-color: rgb(208, 208, 208); width: 167px; margin: 0px; font: 10px/140% Verdana,Arial,serif; background-image: url('images/baloon-body.gif'); background-repeat: repeat-y; display: block; }
.autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 6px 0px 0px 6px; }
.autocomplete { border: 1px solid rgb(153, 153, 153); background: none repeat scroll 0% 0% rgb(255, 255, 255); cursor: default; text-align: left; overflow: auto; margin: -6px 6px 6px -6px; }

#callme { height: 151px; position: fixed; top: 221px; width: 22px; z-index: 110; }
.cme_txt { width: 285px ! important; border: 1px solid rgb(170, 170, 170); border-radius: 3px; box-shadow: 0px 1px 0px rgb(255, 255, 255); color: rgb(119, 119, 119); font-size: 12px; padding: 7px 5px ! important; }
.cme_form { display: none; text-shadow: 0px 1px rgb(255, 255, 255); border-bottom: 1px solid rgb(15, 143, 12); border-top: 1px solid rgb(15, 143, 12); box-shadow: 0px 3px 5px rgb(51, 51, 51); padding-left: 10px; position: fixed; border-radius: 7px; right: 50px; top: 150px; width: 305px; z-index: 109; background: none repeat scroll 0% 0% rgb(239, 239, 239); }
.cme_form span { padding: 2px 1px; display: block; clear: both; }
.cme_form span div { float: left; display: inline; margin: 0px 5px 0px 0px; line-height: 19px; }
.cme_btn { padding: 2px 7px 5px; background: linear-gradient(to bottom, rgb(11, 196, 8) 0%, rgb(9, 162, 6) 100%) repeat scroll 0% 0% transparent; color: rgb(255, 255, 255); font-size: 15px; text-shadow: 0px 1px 0px rgb(117, 117, 117); margin: 0px; cursor: pointer; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 1px; border-style: solid; border-color: rgb(135, 194, 134) rgb(14, 120, 12) rgb(14, 120, 12); box-shadow: 0px -1px 0px rgb(14, 120, 12), 0px 1px 0px rgb(255, 255, 255); border-radius: 2px; }
.cme_form h6 { color: rgb(15, 143, 12); font-size: 13px; padding: 10px 0px 8px; margin: 0px; }
#viewform { border: 0px none; padding: 0px; background: url('images/bttn.png') repeat scroll 0px 0px transparent; height: 185px; width: 22px; cursor: pointer; }
.callme_result { background: url('images/loading.gif') no-repeat scroll 10px center rgb(255, 255, 255); display: block; clear: both; margin: 5px 11px 10px 0px; }
.cme_cls { float: right; display: inline; margin: 1px 6px 0px 0px; padding: 5px 5px 0px; color: rgb(180, 20, 20); text-shadow: 0px 1px 0px rgb(255, 255, 255); text-decoration: none; font-size: 23px; cursor: pointer; transition-duration: 0.2s; }
.cme_cls:hover { opacity: 0.6; }
#cme_back { display: none; z-index: 108; opacity: 0.5; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background: none repeat scroll 0% 0% rgb(51, 51, 51); }
.cme_form select { background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 4px 3px 3px 9px; font-size: 12px; border: 1px solid rgb(152, 161, 152); margin: 0px 0px 7px; border-radius: 3px; outline-style: none; }
.cme_form .cme_select { width: 295px ! important; }



.content_page { margin: 0 0 0 10px;}
.content_page h2, h3, p { margin: 0 0 0 5px;}
.title {margin:0px 0px 0px 200px; }