#body
{
  background: #e3d9d8 url("bg-h.jpg") repeat-x;

}

#top
{
  border-top: 5px solid #5a9739;
  width: 100%;
  height: 100px;
  line-height: 0;
}
#login
{
  background: #5a9739;
  width: 300px;
  height: 38px;
  position: relative;
  left: 60%;
}

#loginright { position: absolute; background: url("login-right.jpg"); width: 59px; height: 38px; right: -59px; }
#loginleft { position: absolute; background: url("login-left.jpg"); width:77px; height: 38px; left: -77px; }

#logo
{
  background: url("k2r-logo.png");
  width: 64px; height: 56px;
  text-indent: -10000px;
  overflow: hidden;
  position: relative;
  left: 38px;
  top: -14px;
  display: block;
  z-index: 30;
}

#main, #footmenu, #topcontent, #footcontent { width: 75%; margin: 0 auto; min-width: 700px; }
#main
{
  background: url("main-bg-h.jpg") repeat-x;
  position: relative;
  top: 35px;
  padding-bottom: 35px;
  min-height: 500px;
  
}
#mainright { position: absolute; background: url("main-rhn.png"); width: 182px; height: 366px; right: -48px; top: -47px; }
#mainleft { position: absolute; background: url("main-lhn.png"); width:332px; height: 433px; left: -63px; top: -114px; }

#maincontent
{
  padding: 4.5%;
  position: relative;
  z-index: 5;
}

#footer
{
  background: #e3d9d8 url("bg-f.jpg") repeat-x;
  height: 128px;
  margin-top: -70px;
  z-index: -2;
}

#footmenu
{
  background: url("main-bg-f.jpg") repeat-x;
  position: relative;
  height: 128px;
  z-index: 10;
}

#footright { position: absolute; background: url("main-rf.jpg"); width: 30px; height: 128px; right: -30px; top: 0px; }
#footleft { position: absolute; background: url("main-lf.jpg"); width:30px; height: 128px; left: -30px; top: 0px; }

#foot
{
  border-top: 4px solid #5a9739;
  width: 100%;
  height: auto;
  
  padding-top: 0.5em;
  background: #292021;
  overflow: hidden;
}


#login { font-size: 0.6em; white-space: nowrap; }
#login, #login a, #login input { color: #fff; }
#login a { text-decoration: none; }
#login a:hover { color: #000; }
#logincontent { padding: 0 5px; line-height: 20px; text-align: right; }
#logincontent .loggedin { font-size: 1.3em; text-align: center; padding: 0 5px; background-color: #3f6a28; border: 1px solid #6db546; }
#login input { background-color: #3f6a28; border: 1px solid #6db546; padding: 1px; font-size: 100%; display: inline; width: auto; margin: 0;}
#login input.username, #login input.password { width: 123px; }
#login input.submit { background-color: #253d18; padding: 0 3px; cursor: pointer; height: 1.9em; line-height: 100%; *padding: 0 2px!important; }
#login input:focus { outline: none; border-color: #81C92D; }


#topmenu
{
  position: relative;
  top: -25px;
  text-align: right;
  right: 5%;
}

#menu a:hover, #footmenu a:hover, #topmenu a:hover { text-decoration: none; }

#topmenu ul { display: block; list-style: none;  width: 100%; font-weight: bold; font-family: Helvetiker, Helvetica, Arial, FreeSans, sans-serif; font-size: 0.7em;  }
#topmenu li { display: inline; }
#topmenu li a { color: #898989; padding: 0 0.5em;  }
#topmenu li { color: #ef4035; }

#menu ul.menu { display: table; list-style: none;  width: 100%; position: relative; top: -1em; font-weight: bold; font-family: Helvetiker, Helvetica, Arial, FreeSans, sans-serif; font-size: 0.8em; margin-bottom: -14px; }
#menu li {  float: left; width: 20%; text-align: center; position: relative; }
#menu li a { color: #4d4647; }
#menu li a:hover { color: #5a9739; }

#menu .submenu { position: absolute; list-style: none; font-weight: bold; font-family: Helvetica, Arial, FreeSans, sans-serif; font-size: 0.9em; width: auto; top: 0px; left: 10%; z-index: 19; padding: 0; height: auto; padding: 20px; width: 100%; }
#menu .submenu ul { list-style: none; margin-top: 10px; height: auto; padding: 0; z-index: 11; }
#menu .submenu li {  display: block; text-align: left; line-height: 1.4em; float: none; width: auto; padding: 3px 10px; }
#menu .submenu li a { color: #fff; display: block; }
#menu .submenu li a:hover { color: #fff; }
#menu .submenu li:hover { background: #3f6a28; }
#menu a { z-index: 20; position: relative; }

#footmenu ul { display: block; list-style: none;  width: 100%; text-align: center; font-weight: bold; font-family: Helvetiker, Helvetica, Arial, FreeSans, sans-serif; font-size: 0.7em; position: relative; top: 50px;}
#footmenu li { display: inline; }
#footmenu li a { color: #292021; padding: 0 0.5em;  }
#footmenu li { color: #5a9739; }

#visits { color: #6d6d6d; }
#home
{
  background: url("home-bg.jpg") repeat-x;
  
  border: 1px solid #aaa09f;
  width: 100%;
  margin: 0;
}

#home #slider {   float: left; width: 70%; }
#home #slider img
{
  width: 100%;
  margin-bottom: -7px;
  
}
#home #actual
{
  width: 30%;
  float: left;
}
#home #actualcontent
{
  padding: 0 1em;
}
#home #actual .block { font-size: 0.8em; line-height: 1.2em; color: #494949; position: relative; width: auto; }
#home #actual .next { display: block; text-align: right; }

#actual .date { border: 1px solid #fff; background: #ef4035; position: absolute; color: #fff; width: auto; padding: 4px; font-size: 1.2em; right: -70px; top: 0; z-index: 4; height: auto; }
#actual .date:after { width: 8px; height: 16px; position: absolute; left: -8px; top: 0.2em; content: ""; display: block; z-index: 1; background: url("arrow-red-left.gif") no-repeat; }

#home #actual .title { font-weight: bold; font-family: Helvetiker, Helvetica, Arial, FreeSans, sans-serif; color: #665f5e; text-align: center; padding-top: 0.5em; margin-bottom: -0.5em; } 

#home #actual .cut { overflow: hidden; line-height: 1.2em;}
#home #actual h2 { font-size: 0.9em;}

#footcontent { font-weight: bold; font-family: Helvetiker, Helvetica, Arial, FreeSans, sans-serif; font-size: 0.6em; color: #E5E2E2; padding-top: 10px; }
#copyright { float: left; }
#footcontent .sep { color: #5a9739; }
#createdby { float: right; text-align: right; }
#footcontent a:hover { text-decoration: none; }

hr { height: 0px; padding: 0; border: 0; background: transparent; border-bottom: 1px solid #f6f2f1; border-top: 1px solid #a99f9e; margin: 0.5em 0;}
.clear { clear: both; }

#contents
{
  display: table;
  margin: 0; padding: 0;
  border-spacing: 0;
  margin-top: 20px;
  width: 100%;
  table-layout: fixed;
}

#content
{
  width: 70%;
  display: table-cell;
  border-right: 1px solid #a99f9e;
  vertical-align: top;
  
}
#contentcontent
{
  padding: 0 20px 20px 0;
}
#contentcontent .content
{
   font-size: 0.9em;
   line-height: 1.5em;
}
#sidebar
{
  width: 29.9%;
  display: table-cell;
  border-left: 1px solid #f6f2f1;
  vertical-align: top;
}

#sidebarcontent
{
   padding: 0 0 20px 20px;
}

#sidebar .content
{
   padding-bottom: 1.4em;
   padding-left: 0.5em;
   font-size: 0.8em;
   line-height: 1.4em;
}


.hred, .hredb, input[type=submit].hred, .hredr, .hredl { border: 1px solid #fff; background: #ef4035; }
.hgreen, .hgreenb, .hgreenu { border: 1px solid #3f6a28; background: #5a9739; }
.hgreen *, .hgreenb *, .hgreenu *, .hredb *, .hred *, .hredr *, .hredl * { color: #fff; }
.hredb, .hred, .hgreen, .hgreenb, .hgreenu, input[type=submit].hred, .hredr, .hredl { font-weight: bold; padding: 2px 10px; color: #fff; font-family: Helvetica, Arial, FreeSans, sans-serif; font-size: 1em; height: 1.5em; position: relative; _top: 1em; _left: -1em; }
.hredb:after, .hgreenb:after { width: 23px; height: 12px; position: absolute; left: 10%; bottom: -12px; content: ""; display: block; z-index: 1;}
.hredb:after { background: url("arrow-red-down.gif") no-repeat; }
.hgreenb:after { background: url("arrow-green-down.gif") no-repeat;}
.hredb, .hgreenb { margin-bottom: 20px;}
.hgreenu:after {  background: url("arrow-green-up.gif") no-repeat; width: 23px; height: 12px; position: absolute; left: 20%; top: -12px; content: ""; display: block; z-index: 1;}

.hgreenb.c:after, .hredb.c:after { width: 100%; left: 0; background-position: top center; }

.drop:before {  background: url("drop-trans.png") no-repeat; width: 23px; height: 23px; position: absolute; left: -11px; top: -12px; content: ""; display: block; z-index: 1; }

.hredl:after { width: 8px; height: 100%; position: absolute; left: -8px; top: 0; content: ""; display: block; z-index: 1; background: url("arrow-red-left.gif") no-repeat center left; }
.hredr:after { width: 8px; height: 100%; position: absolute; right: -8px; top: 0; content: ""; display: block; z-index: 1; background: url("arrow-red-right.gif") no-repeat center left; }

.hredl, .hredr { padding: 5px 1em; }

.hredb::selection, .hred::selection { background: #000; color: #ef4035; }
.hred::-moz-selection, .hredb::-moz-selection { background: #000; color: #ef4035; }

#content .hredb, #sidebar .hgreenb { text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, FreeSans, sans-serif;}

#debug
{
  clear: both;
  color: #fff;
  font-family: Arial, sans-serif;
  margin-bottom: 2em;
  font-size: 1.3em;
  line-height: 1.4em;
  background: #333;
  padding: 0.5em 0;
  font-weight: normal;
}

#debug .line { padding: 0 0.5em;}
#debug .line:hover { background: #fff; color: #000; padding: 0.5em; }

#news .body { padding: 1em 0;  }
#news .block { position: relative; margin-top: 1em; }
#news h2 { margin-bottom: -0.4em;  }

#news .date { position: absolute; width: auto; padding: 4px; font-size: 1.2em; left: -70px; top: 3em; z-index: 4; height: auto; font-weight: normal; }

#news hr { margin: 0; }

.page { background: #EFE9E9; padding: 1.5em; line-height: 1.7em; text-align: justify; margin-bottom: -15px; padding-bottom: 1.5em; }
.page p { margin: 0.5em 0; }

#basket { width: 100%; }
#basket li.order { line-height: 1.4em; list-style: none; border-bottom: 1px dotted #ccc; padding: 3px 0; white-space: nowrap; width: 90%; overflow: hidden; }
#basket li.order:last-child { border-bottom: none; }
#basket ul {  }

#basket .open 
{
  display: block;
  
  height: auto;
  float: right; 
  padding: 3px 1em;
  margin-top: 0.4em;
  font-size: 1em;
  
}
#basket .open:hover { text-decoration: underline; }

#sidebar .logo { float: left; margin-right: 0.5em; margin-bottom: 1em; }
#soldby .name { font-weight: bold; text-transform: uppercase; font-family: Helvetiker, Helvetica, Arial, FreeSans, sans-serif; padding-top: 1.4em; }

#sitemap { font-size: 1.1em; line-height: 2em; margin-left: 4.5em;}
#sitemap a { color: #000; }

.hidden { display: none; }


* { margin: 0; padding: 0; font-size: 100%; }
body
{
  background: #fff;
}

body, textarea, input
{  
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  line-height: 1.6em;
  font-size: 1em;
}

::selection { background: #5a9739; color: #fff; }
::-moz-selection { background: #5a9739; color: #fff; }

a { text-decoration: none; color: #5a9739; }
a:hover { text-decoration: underline; }
a:hover img { text-decoration: none; }

img { border: 0; }


.content li { margin-left: 1em; }

/*         ==        input                   */

input, textarea {  }
input[type=text], input[type=password], textarea, ul.newList, .newListSelected, input[type=submit], .upload
{ 
  padding: 6px 1%;
  -moz-padding-start: 4px; 
  -moz-padding-end: 4px;  
  border: 1px solid #aaa; 
  background: #fcfcfc; 
  width: 98%; 
  display: block;
  margin: 4px 0;
  line-height: 1em;
  
}
input { vertical-align: middle; }

input[type=text]:focus, input[type=password]:focus, 
textarea:focus, ul.newList, .newListSelected:focus { border: 1px solid #666; outline: none; background-color: #fff; }
input[type=text]:hover, input[type=password]:hover, 
textarea:hover, ul.newList, .newListSelected:hover { border: 1px solid #666; outline: none; }

input[type=submit]
{
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
  font-size: 1.1em;
  padding: inherit 0;
  background: #eee;
}
input[type=submit]:hover { border: 1px solid #DC8F4D; }

input.wtfiswrongwithyousubmit { *padding-top: 0.8em!important;}

textarea { height: 10em; }
textarea.large { height: 30em; }

input.inline { width: auto; background: #fff; display: inline-block; }


fieldset
{
  padding: 0.8em; 
  border: 1px solid #aaa;
  margin: 1em 0;
  background: #f4f4f4;

  position: relative\9;
  margin-top:2em\9;
  padding-top: 0\9;
  

}

fieldset legend
{
  position: absolute\9;
  top: -1em\9;
  margin-bottom: 0px!important;
  
  
}

label
{
  position: relative;
  display: block;
}

label .help
{
  position: relative;
  display: block;
  padding: 3px;
  top: -2.3em; right: 0.6em;
  width: 100%;
  color: #aaa;
  text-align: right;
  margin-right: 2%;  
  z-index: 1;
}

label .help.active
{
  color: #000;
}

form .read { height: 20em; overflow-y: scroll; margin: 1em 0; background: #fefefe; border: 1px solid #ccc; padding: 1em; }

.form-error {
  display: none;
  position: relative;
  width: auto;
  border: 1px solid #fff; background: #ef4035; 
  color: #fff;
  z-index: 2;
}

.form-error ol {
  font-size: 1em;
  padding: 5px;
  list-style: none;
  line-height: 16px;
}

.form-error span {
  display: block;
  width: 0; 
  height: 0; 
  border-bottom: 0;
  margin-left: 10px;
}

.info
{
  background: #fff;
  padding: 0.5em;
  margin: 0.5em 0;
  font-size: 0.9em;
  color: #555;
}

input[readonly=readonly] { color: #ccc; }




input.url[readonly=readonly] { background-image: url("iconic/pen_16x16.png"); background-repeat: no-repeat; background-position: 99% 50%; }
.urlcancel { left: 99%; top: 0%; }
.urleditwrap { position: relative; }







/*         ==        select list                   */

ul.newList * { padding: 0; margin: 0; }
ul.newList a { color: #000; text-decoration:none; display:block; font-weight: normal; font-size: 100%; cursor: pointer; }
ul.newList { list-style:none; position:absolute; margin-top: -1px; margin-left:-1px; overflow:auto; z-index:9999; }
ul.newList { padding: 0; width: 100%;  }

.newListSelected { display:block; cursor: pointer; background-image: url("iconic/arrow_down_16x16.png"); background-repeat: no-repeat; background-position: 99% 50%; }
ul.newList li a {padding: 0.3em 0.5em; display: block;}
ul.newList li a:focus {-moz-outline-style: none; }
.selectedTxt { overflow:hidden; padding:0 23px 0 0;}
ul.newList .hiLite { color: #DC8F4D; }
.hiLite { background: #eee;  }
.newListHover { background: #ccc; }
.newListSelHover, .newListSelFocus { }
.newListOptionTitle { }
.newListOptionTitle ul {  }
.newListOptionTitle li { }



/*         ==        modal                   */
.modal
{
  position: fixed;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  top: 30%;
  -webkit-top: 50%;
  -webkit-margin-top: -25%;
  height: auto;
  background: rgba(30,30,30, 0.9);
  color: #fff;
  
  padding: 15px;
  z-index: 39;
}

.modal.confirm .ok, .modal.confirm .cancel, .modal .button  
{ 
  display: inline-block; 
  border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 0.5em 1em;
  font-weight: bold;
  cursor: pointer;
  margin: 1em;
  background-color: #eee;
  color: #333;
}

.modal.confirm .ok { background: #fff url("iconic-off/check_24x20.png") no-repeat 15px center; padding-left: 50px; }
.modal.confirm .cancel { background: #fff url("iconic-off/x_21x21.png") no-repeat 15px center; padding-left: 50px; }
.modal.confirm .ok:hover { background-image: url("iconic/check_24x20.png"); }
.modal.confirm .cancel:hover { background-image: url("iconic/x_21x21.png"); }

.modal .buttons { text-align: center; }

.modal .question { padding: 1em; text-align: center; }
.modal_bg
{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.5);
  content: "";
  z-index: 32;
}


/*         ==        messages                   */

#messages .message
{
  background: #fff;  
  color: #333; 
  font-weight: bold;
  padding: 5px 1em;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  border: 1px solid #ccc;
}

#messages .message.success { background: #fff url("iconic/check_24x20.png") no-repeat 15px center; padding-left: 50px; border-color: #5a9739; }
#messages .message.error { background: #fff url("iconic/x_21x21.png") no-repeat 15px center; padding-left: 50px; border-color: #D42F20; }


/*         ==        icons                   */

.icon 
{ 
  text-indent: -10000px; 
  background-repeat: no-repeat; 
  display: inline-block; 
  vertical-align: middle; 
  width: 16px; 
  height: 16px; 
  background-position: center center;
  padding: 2px;
}

.icon.delete { background-image: url("iconic/x_14x14.png");  }
.icon.cancel { background-image: url("iconic/x_14x14.png");  }
.icon.edit { background-image: url("iconic/pen_16x16.png");  }
.icon.undo { background-image: url("iconic/undo_12x12.png");  }
.icon.pdf { background-image: url("pdf_32.png"); width: 32px; height: 32px; }

.icon.check-on, .icon.check-off:hover { background-image: url("iconic/check_16x13.png"); background-color: transparent; }
.icon.check-off, .icon.check-on:hover { background-image: url("iconic-off/check_16x13.png"); background-color: transparent; }

.edit, .delete, .undo { cursor: pointer; }

a:hover .icon { text-decoration: none; }
a.icon:hover 
{ 
  background-color: #DC8F4D;
}

a.nounderline:hover, .nounderline a:hover { text-decoration: none; }

.email { unicode-bidi:bidi-override; direction: rtl; }



#groups .group
{
  float: left; 
  background: #fff;
  margin: 3%;
  width: 44%; 
  border: 0;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: bold;
  text-align: center;
}
.group a { color: #000; display: block; padding: 2em; }
.group a:hover { color: #ef4035; }

#groups .group b { display: inline-block; vertical-align: middle; padding: 0 3px; }

#product
{
  margin-bottom: 1.5em;
  position: relative;
}

#product .price { position: absolute; width: auto; height: auto; padding: 4px; font-size: 1.2em; left: -70px; top: 80px; z-index: 4; }

#product .basket { text-indent: -1000px; background: #fff url("basket.jpg") no-repeat center center; width: 50px; height: 50px; position: absolute; border: 1px solid #ccc;  left: -70px; top: 150px; z-index: 4; }
#product .basket:after { width: 13px; height: 24px; position: absolute; right: -13px; top: 12px; content: ""; display: block; z-index: 6; background: url("arrow-white-right.gif") no-repeat; }

#product .body
{
  background: #fff;
  padding: 1em;
  text-align: justify;
}

#product img.thumb
{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  border: 0;
}


#products .product
{
  
  float: left; 
  background: #fff;
  margin: 1%;
  width: 48%; 
  text-align: center;
  position: relative;
}
#products .price { border: 1px solid #fff; background: #ef4035; position: absolute; color: #fff; width: auto; padding: 4px; font-size: 1.2em; right: 10px; bottom: 10px; z-index: 4; }
#products .price:after { width: 8px; height: 16px; position: absolute; left: -8px; top: 6px; content: ""; display: block; z-index: 1; background: url("arrow-red-left.gif") no-repeat; }

#products .title { text-align: left; height: auto; *top: -3px;}
#products .title:after { *bottom: -9px; }
#products .body { text-align: justify; padding: 0 0.5em; margin-bottom: 50px; line-height: 1.2em; height: 10.8em; overflow: hidden; }
#products img { border: 0; }

.tobasket 
{
  display: inline-block;
  
  height: auto;
  float: right; 
  padding: 6px;
  *padding: 3px;
  margin: 0;
  width: 30%;

}

.countleft { float: left; }

.tobasket input[type=submit] { background: transparent; border: none; margin: 0; padding: 0; display: block; width: 100%; height: 100%; color: #fff; font-size: 100%; }

.count { margin: 0.5em 0; padding: 0.5em 1em; background: #eee; }
.count input[type="text"] { width: 3em; display: inline-block; margin: 0 0.5em; }

.counter_plus, .counter_minus { display: inline-block; cursor: pointer; position: absolute; font-weight: bold; font-size: 1.3em; color: #bbb; top: -2px; }
.counter { padding-left: 20px!important;  padding-right: 20px!important; text-align: center; vertical-align: middle; width: 3em; display: inline-block; margin: 0;}
.counter_wrap { position: relative; }
.counter_plus { right: 13px; *line-height: 2em; }
.counter_minus { left: 13px; *line-height: 1.8em; }
.counter_plus:hover, .counter_minus:hover { color: #000; }
.counter_plus::selection, .counter_minus::selection { color: #000; background: transparent; }
.counter_plus::-moz-selection, .counter_minus::-moz-selection { color: #000; background: transparent; }



#user .address .zip, #user .address .city { float: left; }

#user .address .zip { width: 15%; }
#user .address .city { width: 81%; margin-left: 4%; }
#user .address .city input { *width: 92.5%; }

#orders .list
{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  margin: 0.5em 0; 
}
#orders .list tr { background: #fff; }
#orders .list tr:hover td { background: #eee; }
#orders .list tr:hover .sum { background: #ddd; }
#orders .list td, #orders .list th { padding: 6px; }
#orders .list td { border-top: 1px solid #ccc; }
#orders .list a { color: #000; }
#orders .list  .price, #orders .list .sum { text-align: right; width: 4em; }
#orders .list .sum { background: #eee; }
#orders .list .db input { width: 3em; border: 1px solid #eee; display: inline-block; }
#orders .list  .actions { text-align: center; width: 40px; }
#orders .list  .actions .icon:hover { background-color: #fff; }

#orders .sumsum { text-align: right; padding: 6px; }

#orders .list .shipcost td { border-top-width: 3px; }

#orders .shipcostlimit { font-size: 0.9em; float: left; margin-left: 5px;}