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

/* GLOBAL */
body { margin: 0 auto; background: url('../images/kgm_bg_c_sm.jpg') no-repeat #fff center bottom; background-size: 100% auto; background-attachment:fixed; overflow-y: scroll; font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color:#4d4d4d; text-align: left; max-width: 1600px;}
a img  { border: none; outline: none;}
a { outline: none;}
p { margin: 0 0 15px 0; font-size: 13px; line-height: 25px; padding: 0 10px; font-family: Verdana, Geneva, sans-serif;}
blockquote { border-left: 3px solid orange; padding: 0 0 0 10px; margin: 10px 0 10px 5px; padding: 0 10px; font-family: Verdana; }
ul li { list-style: url(../images/li.png); color:#4d4d4d; margin: 8px 0; /*font-family: Verdana, Geneva, sans-serif; line-height: 20px; font-size: 11px;*/}
	li a  { color:#666; text-decoration: none; padding: 1px;}
	li a:hover { /*text-decoration: underline;*/ color: #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: #ffb329;}
ol li { color:#000000;}
h1, h2, h3, h4 { text-align: left; display: inline-block; width: 100%;}
h1 { margin: 0; font-size: 12px; color:#000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font: "Trebuchet MS"; font-weight: normal; }
h2 { margin: 10px 0; color: #000;}
h3 { margin: 8px 0; color: #000; padding-left: 10px; font-size: 14px; font-family: Verdana, Geneva, sans-serif;}
h3 a { color: #609300; text-decoration: underline;}
h3 a:hover { color: #777; text-decoration: none;}
h4 { margin: 8px 0; color: #333; text-indent: 0.4cm;}

/*contact form and other inputs... orders and search*/
/*input { margin: 0 0 10px 0; padding: 3px 0 0 5px;; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font: "Trebuchet MS"; font-size: 14px; border: none; background: url(../images/input.png) no-repeat; height: 24px; width: 480px; outline: none;}
textarea { width: 480px; height: 196px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font: "Trebuchet MS"; font-size: 14px; border: none; background: url(../images/textarea.png) no-repeat; overflow: hidden; padding: 5px 5px 0 5px; outline: none;}*/

/* new contact form */
label { display: block; width: 50%; margin-bottom: 5px;}
input { width: 85%; background-color: white; border: 2px solid #D5D5D5; height: 12px; padding: 7px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 14px;}
textarea { width: 85%; background-color: white; border: 2px solid #D5D5D5; height: 150px; padding: 7px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 14px;}
/*input:not(:focus):invalid {outline: 2px solid red;}
input:focus:invalid {outline: 2px solid blue;}*/
.cf_row { display:block; margin-bottom: 15px;}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(/images/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(/images/valid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;} /* change form hint color when valid */
.contact_form input:required:valid + .form_hint::before {color:#28921f;} /* change form hint arrow color when valid */
/* end new contact form*/

/* end */

#header { width: 100%; height: 40px; margin: 0 auto; position: relative;}
#content { width: 70%; min-width: 917px; margin: auto; position: relative; background: #f7f7f7; /*box-shadow: 0 0 60px #bbb;*/ border-radius: 3px; /*-moz-box-shadow: 0 0 60px #bbb; -webkit-box-shadow: 0 0 60px #bbb;*/ display:block;}
#bottom { width: 1000px; height: 100px; margin: auto; position: relative; bottom: 0;}

.logo { position: absolute; left: 15%; top: 3px; height: 54px; width: 123px; z-index: 10;}

.menu_bar { position: relative; top: -40px; background: #000; height: 60px; opacity: 0.8; /*border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;*/}
.sub_menu_bar { height: 39px; background: #e8e8e8; /* Old browsers */
/*background: -moz-linear-gradient(top,  #e8e8e8 0%, #f6f6f6 47%, #ffffff 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(47%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f6f6f6 47%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #e8e8e8 0%,#f6f6f6 47%,#ffffff 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #e8e8e8 0%,#f6f6f6 47%,#ffffff 100%); /* IE10+ */
/*background: linear-gradient(top,  #e8e8e8 0%,#f6f6f6 47%,#ffffff 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* Menus & Languages */
.main_menu { position: absolute; top: 31px; left: 25%; min-width: 850px;}
.main_menu a { margin: 0 15px; text-decoration: none; font-size: 14px; color:#FFFFFF;}
.main_menu a:hover { color:#adcc34;}
a.main_menu_cur  { margin: 0 15px; padding: 50px 5px 3px 5px; text-decoration: none; font-size: 14px; color:#000; background-color: white; opacity: 1.0;}
.languages { position: absolute; top: 11px; right: 20px; width: 200px; text-align: right;}
.languages a { margin: 0 5px; text-decoration: none; font-size: 11px; color:#DDDDDD; }
.languages a:hover { color:#e1e10b;}
a.languages_cur  { margin: 0 5px; text-decoration: none; font-size: 11px; color:#e1e10b;}
.sub_menu { position: absolute; top: 13px; left: 31px; width: 800px; text-transform: uppercase; font-size: 12px;}
.sub_menu a { text-decoration: none; font-size: 12px; color:#222; line-height: 20px;}
.sub_menu a:hover { color: #666666;}
a.sub_menu_cur  { text-decoration: none; font-size: 12px; color: #666666; line-height: 14px; text-transform: uppercase;}
/* end */

.text { margin: 0 20px 0 20px; padding: 10px 0 5px 0; display:block;}
	a.text_a { color:#305826;}
	a:hover.text_a { text-decoration: none;}
.footer { /*background: url(../images/footer.png) no-repeat;*/ height: 55px; background: #f7f7f7; border-top: 1px solid #CCC; z-index: 100; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;}
.footer_menu { position: relative; top: 19px; left: 30px; width: 800px;}
.footer_menu a { float:right; text-decoration: none; color:#B1B1B1;}
.footer_menu a:hover { color:#666666;}
.footer_menu img { vertical-align: top;}

.inputfield { margin: 0 0 10px 0; width: 400px; line-height: 14px;}
.contacts_table { border-collapse: collapse; margin: 20px 0 0 10px; }
.contacts_table td { height: 30px; vertical-align: middle;}
.fn { width: 100px; font-weight: bold;}
.fn_long { width: 320px; font-weight: bold; padding-top: 4px;}
.fd { width: 483px;}
.btn { height: 32px; width: 133px; margin: 5px 11px 5px 0; padding: 0 1px 0 0; background: url(../images/button.png) no-repeat; color:#666666;}
.btn_search { height: 26px; width: 133px; margin: 5px 11px 5px 0; padding: 0 1px 0 0; background: url(../images/button_search.png) no-repeat; color:#666666;}
		.names { display: block; float: left;}
		.fields { display: block; float: left;}
			div.names div { display: block; width: 282px; margin-bottom: 10px; line-height: 27px; height: 27px;}
			div.fields div  { display: block; width: 428px; margin-bottom: 10px; vertical-align: middle; line-height: 30px;}
td.category { width: 275px; height: 78px; text-align: center; background:url(../images/category.png) no-repeat;  padding: 20px 10px 5px 10px; vertical-align: top; line-height: 20px; }
td.category:hover { background:url(../images/category_.png) no-repeat;}
td.category a { color: #666; text-decoration:none; font-size: 10px; text-transform: uppercase;}
td.category a span { color: #777; text-decoration:none; font-size: 10px; text-transform: uppercase; }
td.category a:hover { color:#333; text-decoration: underline; }

table.products { width: 100%; border: 1px solid #CCC; margin-bottom: 10px;}
table.products td { padding: 3px 5px;}
table.products_spec { width: 70%; border: 1px solid #CCC; margin-bottom: 10px;}
table.products_spec td { padding: 3px 5px;}
.tr_name { font-weight: bold; text-align: center; background-color:#E8E8E8; color: #333;}
.tr_dark { background-color:#F2F2F2; }
.tr_light { background-color:#E8E8E8;}
.tr_over { background-color: #CCC; cursor: pointer;}
.legend { font-weight: bold; color: red;}
.product_att { color: #060; font-weight: bold;}

.search_cat { text-indent: 0.4cm;}
.search_cat a { color: #777; text-decoration: none;}
.search_cat a:hover { text-decoration: underline;}

.basket { position: absolute; top: 9px; right: 20px; line-height: 20px;}
.basket a { color: #C00; text-decoration: underline; margin: 0 5px;}
.basket a:hover { color: #666; text-decoration: none;}

input#quantity { background:url('../images/input_quantity.png') no-repeat; height: 24px; width: 42px; padding: 3px 0 0 5px; margin: 0; outline: none; color: #060; }
textarea#text_order { background: url('../images/textarea_order.png') no-repeat; height: 96px; width: 480px; outline: none; padding: 5px 5px 0 5px; }

/*#pageflip {	position: relative;}
#pageflip img {	width: 50px; height: 52px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic; }
#pageflip .msg_block { width: 50px; height: 50px; position: absolute; z-index: 50; right: 0; top: 0; background: url('../images/subscribe.jpg') no-repeat right top; text-indent: -9999px;}*/

/* INDEX */
.section {clear: both; padding: 0px; margin: 0px;}
.index_col {display: block; float:left;	margin: 1% 0 1% 1.6%;}
.index_col:first-child { margin-left: 0;}

.group:before, .group:after { content:""; display:table;}
.group:after { clear:both;}

.span_3_of_3 { width: 100%;}
.span_2_of_3 { width: 66.1%;}
.span_1_of_3 { width: 32.2%;}

@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%;}
}

@media only screen and (max-width: 480px) {
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 100%;}
.span_1_of_3 {width: 100%;}
}

/*.index_row, .index_row2, .index_row3 { display: block; width: 100%; float: left; padding-bottom: 15px;}*/
/*.index_col { display: block; width: 30%; min-width: 260px; margin-left: 15px; float: left;}*/
ul.index_list { line-height: 15px; padding: -15px 0 0 10px; margin-top:0px;}

.new { padding: 0 2px; background-color: orange; color: white; font-size: 11px; font-weight: bold; margin-left: 3px;}
.sale { padding: 0 2px; background-color: #C00; color: white; font-size: 11px; font-weight: bold; margin-left: 3px;}
.new:hover, .sale:hover { cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}

/* NEW TABLE STYLES */
table {border-spacing: 0;}
table.table { margin-bottom: 20px; color: #666;font-size: 13px;-moz-border-radius: 3px;-moz-box-shadow: 0 1px 2px #d1d1d1;
-webkit-border-radius: 3px;-webkit-box-shadow: 0 1px 2px #d1d1d1;background: #eaebec;border: #ccc 1px solid;border-radius: 3px;box-shadow: 0 1px 5px #d1d1d1;font-family: Arial, Helvetica, sans-serif;text-shadow: 1px 1px 0 #fff;}
table.table tr.even td {background: #f6f6f6;background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);}
table.table th {padding: 11px 5px 12px 5px;border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fafafa;background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));background: -moz-linear-gradient(top, #ededed, #ebebeb);text-align: center;}
table.table th:first-child {padding-left: 10px;text-align: left;}
table.table a:visited {color: #999999;font-weight: bold;text-decoration: none;}
table.table a:active,table.table a:hover {color: #bd5a35; text-decoration: underline;}
table.table a:link { color: #666; font-weight: bold; text-decoration: none;}
table.table tr { padding-left: 10px; text-align: center;}
table.table tr:first-child th:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;}
table.table tr:first-child th:last-child {  -moz-border-radius-topright: 3px;  -webkit-border-top-right-radius: 3px;  border-top-right-radius: 3px;}
table.table tr:last-child td { border-bottom: 0 }
table.table tr:last-child td:first-child { -moz-border-radius-bottomleft: 3px;  -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;}
table.table tr:last-child td:last-child { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;}
table.table tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);}
table.table tr td { padding: 10px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); height: 18px; line-height: 18px;}
table.table tr td:first-child { padding-left: 10px; border-left: 0; text-align: left;}
/* END NEW TABLE STYLES */

/* PRODUCT GROUP NEW */
.product_group { display: inline-block; width: 100%; /*float: left;*/}
.product_group a { display: block; float: left; min-width: 238px; width: 29%; height: 150px; margin: 5px 7px 10px 7px; padding: 12px; text-align: center; text-decoration: none; color: #333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; font-size: 12px; box-shadow: 0 1px 5px #ccc; -moz-box-shadow: 0 1px 5px #ccc;-webkit-box-shadow: 0 1px 5px #ccc; font-family: Tahoma, Geneva, sans-serif; background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
.product_group a span { font-size: 11px; display: block; font-weight: normal; color: #888;}
.product_group a img { display: block; text-align: center; margin: 0 auto;}
/*.product_group a:first-child { margin: 5px 15px 10px 3px;}*/
.product_group a:hover, .product_list a:hover { color: #060; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.product_list { display: inline-block; /*float: left;*/ padding-left: 0; line-height: 20px;  }
.product_list a { display: inline-block; float: left; vertical-align: middle; width: 238px; height: 60px; text-align: center; background: #CCC; margin: 5px 7px 10px 7px; padding: 20px 12px 0 12px; text-decoration: none; color: #333; border-radius: 5px; font-weight: bold; font-size: 13px; box-shadow: 0 1px 5px #ccc; /*font-family: Tahoma, Geneva, sans-serif;*/ background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */}

/* PRODUCT GROUP NEW END */

/* Content Carousel Style */
.ca-container { position:relative; margin:10px auto 20px auto; width:762px; height:350px; }
.ca-wrapper { width:100%; height:100%; position:relative; }
.ca-item { position:relative; float:left; width:254px; height:100%; }
.ca-more { position: absolute; bottom: 10px; right:0px; padding:4px 15px; font-weight:bold; background: #3c8f11; text-align:center; color: white; /*text-shadow:1px 1px 1px #897c63;*/ text-decoration: none; }
.ca-close { position:absolute; top:10px; right:10px; background:#fff url(../images/cross.png) no-repeat center center; width:27px; height:27px; text-indent:-9000px; outline:none; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); opacity:0.7; }
.ca-close:hover { opacity:1.0; }
.ca-item-main { padding:10px; position:absolute; top:5px; left:5px; right:5px; bottom:5px; overflow:hidden; color: #666; font-size: 11px; -moz-border-radius: 3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 2px #d1d1d1; border: #ccc 1px solid; border-radius: 3px; box-shadow: 0 1px 5px #d1d1d1; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*text-shadow: 1px 1px 0 #fff;*/ background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); }
/* product pictures */
.ca-icon { width:200px; height:189px; position:relative; margin:0 auto; background:transparent url(../images/products/vit-cal.png) no-repeat center center;top:9px; margin-bottom:10px; }
.ca-item-2 .ca-icon { background-image:url(../images/products/ketovit.png); }
.ca-item-3 .ca-icon { background-image:url(../images/products/calf-r.png); }
.ca-item-4 .ca-icon { background-image:url(../images/products/nutex-muesli.png); }
.ca-item-5 .ca-icon { background-image:url(../images/products/nutex-muesli.png); }
.ca-item-6 .ca-icon { background-image:url(../images/products/and_o.png); }
.ca-item-7 .ca-icon { background-image:url(../images/products/bucket1.png); }
.ca-item-8 .ca-icon { background-image:url(../images/products/bucket2.png); }
.ca-item-9 .ca-icon { background-image:url(../images/products/bucket2.png); }

.ca-item .h3 { text-transform:uppercase; font-size:14px; font-weight: bold; color:#2C2C2C; margin: 15px 0 15px 10px; height:18px; text-shadow: 0 1px 1px #e4ebe9; text-align:left; }
.ca-item .h4 span { font-size:11px; text-align:left; padding-left:10px; line-height:22px; margin:5px 5px 5px 0; position:relative; }
.ca-item .h4 span { display:block; }
.ca-content-wrapper { background: #eee;	position:absolute; width:0px; /* expands to width of the wrapper minus 1 element */ height:340px; top:5px; text-align:left; z-index:10000; overflow:hidden; /*background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);*/ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.ca-content { width:508px; overflow:hidden; }
.ca-content-text { font-size: 14px; font-family: Tahoma, Geneva, sans-serif; margin:10px 20px; padding:10px 20px; line-height:24px; }
.ca-content-text p { padding-bottom:5px; }
h6 { margin:25px 20px 0 35px; font-size:18px; padding-bottom:5px; color:#000; border-bottom:1px solid #ccc; }
.ca-content ul { height:30px; }
.ca-content ul li { float:left; margin:0px 2px; list-style-type: none; list-style:none; }
.ca-content ul li a { color:#fff; background:#3c8f11; padding:3px 6px; font-size:14px; }
.ca-content ul li a:hover { background:#fff; color:#000; text-shadow:none; }
.ca-nav span { width:25px; height:38px; background:transparent url(../images/arrows.png) no-repeat top left; position:absolute; top:50%; margin-top:-19px; left:-40px; text-indent:-9000px; opacity:0.7; cursor:pointer; z-index:100; }
.ca-nav span.ca-nav-next { background-position:top right; left:auto; right:-40px; }
.ca-nav span:hover { opacity:1.0; }
/*end*/

.copyright { display: block; width: 100%; text-align: center; margin-top: 15px; float: left; font-size: 10px; color: #bbb;}

.new_th { color: #fff; position: absolute; top: -234px; left: 77px; font-size: 10px; background: #D80000;
padding: 1px 12px 0 12px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

.sb { display: inline-block; width: 100%;}
.sb_corn, .sb_rape, .sb_meal, .sb_mbm, .sb_beet { position: relative; height: 168px; width: 250px; display: block; float: left; margin: 0px 13px;}
.sb_corn { background-image:url(../images/sb/sb_kgm_corn.png); }
.sb_rape { background-image:url(../images/sb/sb_kgm_rapeseed.png); }
.sb_meal { background-image:url(../images/sb/sb_kgm_meal.png); }
.sb_mbm { background-image:url(../images/sb/sb_kgm_mbm.png); }
.sb_beet { background-image:url(../images/sb/sb_kgm_beet.png); }
.sb_tag { background-color: #c70000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: white; padding: 2px 5px 2px 15px; position: absolute; top: 11px; font-weight: bold;}
.sb_product { font-family: Impact, "Arial Narrow", Arial, Helvetica, sans-serif; font-size:38px; color: #fff; text-shadow: 0px 0px 15px #111; position: absolute; top: 41px; left: 15px;}
.sb_list { position: absolute; top: 85px; margin: 12px 0px 3px; line-height: 8px; padding-left: 15px;}
.sb_list a { display: block; margin: 11px 0px 3px; line-height: 8px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #111; text-decoration: none; text-shadow: 0px 0px 3px #999;}
.sb_list a:hover { text-decoration: underline; }

/*
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(../images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(../images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(../images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(../images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(../images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(../images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(../images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(../images/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#000; font-weight: bold;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #fff;

}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #fff;
	position: relative;
}

.jspDrag
{
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 10px;
}

.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.socialize { margin: 0 10px 10px 31px;}
.ligo13 { padding: 14px;display: inline-block;}
div.ligo13 a {display: inline; text-align: left; float: left;}
.order_comment { font-weight: bold; /*background-color: green; color: white;*/ border-radius: 3px; border: 2px green dashed; padding: 10px;}

.social box { display:block;}
.social box a img { padding: 10px;}
ul.bxslider { padding:0; margin:0;}
ul.bxslider li a { padding:0;}
ul.bxslider li { list-style-type: none; margin:0;}
ul.bxslider li img { border: none;}

.order-price-row {
    text-align: right;
    margin-bottom: 20px;
    padding: 10px 20px;
}

.order-price-row .price {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.item-price-row {

}

.item-price-row .price {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}