@charset "UTF-8";
/**

  CSS IRM Sklep

  @project       irm_sklep
  @lastmodified  
  @since         2012-02
  
  @colordefs
  - text #666
  - blue #264c8c

*/
 

/* ************************************************

   @section Global
   
************************************************ */

/* @group reset
------------------------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
ul { list-style: none}

/* @group defaults
------------------------------------------------ */
body { background: #fff url(../images/bg.png) 50% 0 repeat-x; color: #1e2020; font: normal 12px/1.4 "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif; }
a { color: #807c7b; text-decoration: none; }
a:hover { text-decoration: underline; }
p, dl, ul, ol, table { margin: 0 0 1em }
h1, h2, h3, h4, h5 { font-weight: normal; } 
input.text,
select,
textarea { font: normal 12px/1 "Trebuchet MS", Helvetica, sans-serif; padding: 4px; border: 1px solid #624e44; margin: 0 } 
input.text:focus,
textarea:focus,
select:focus { /* background: #e9f1ff */ }
label input { vertical-align: middle; margin-left: 0; }
input { vertical-align: middle; } 
.btn { background: #99877c url(../images/btn-a.png) 0 0 repeat-x; border: 2px solid #99877c; font: normal 16px/1 Arial, Helvetica, sans-serif; line-height: 1em; font-weight: bold; overflow: visible; color: #fff; padding: 0 14px; height: 37px; cursor: pointer; display: inline-block; line-height: 37px }
.btn_primary { background: #322b2a url(../images/btn-b.png) 0 0 repeat-x; border: 2px solid #322b2a; } 

/* @group _commons */
.align-center { text-align: center } .align-right { text-align: right } .align-left { text-align: left } .align-justify { text-align: justify }
.float-right { float: right} .float-left { float: left }
.clear { clear: both} .clear-left { clear: left }
.hidden, .hide { display: none }
.nowrap { white-space: nowrap }
/* .structural { font-size: 0; left: -999em; text-indent: -999em; position:absolute; line-height: 0em; visibility: hidden; } */
.structural { left: -999em; text-indent: -999em; position:absolute; width: 1px; height: 1px; overflow: hidden; }
.bold, .strong, .loud { font-weight: bold; }
th.align-left,
td.align-left { text-align: left !important; }

/* @group _fontfaces */

/* Trebuchet MS */
.btn
{ font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif; }
/* Tahoma */
el
{ font-family: Tahoma, Verdana, sans-serif; }
/* Arial */
el
{ font-family: Arial, Helvetica, sans-serif; }
/* Verdana */
el
{ font-family: Verdana, Tahoma, Helvetica Neue, Helvetica, sans-serif; }


/* @group _clearfix */
.clearfix:after,  
#main:after,
ul.tabs:after,
.content-area > .inner:after,
.content-area .title:after,
.product-solo .title:after,
.content-area .heading:after,
.fm-row:after,
#globalactionbar:after,
.heading:after
{ content: ""; display: block; height: 0; overflow: hidden; clear: both }

/* @group _sprites */

 
/* @group _textformatter */
/* @todo */
h2  { font-size: 18px; margin-bottom: .6em; font-weight: bold; }
.richtext {  }
.richtext a { text-decoration: underline; }
.richtext h2 { font-size: 13px; color: #5B463B; font-weight: bold; margin-bottom: .6em; }
.richtext h3 { font-size: 16px; color: #2b5190; font-weight: bold; margin-bottom: .6em; }
.richtext ul { padding-left: 2em; list-style: square; }
.richtext ol { padding-left: 2em; }
	.richtext li {   }
.richtext em { font-style: italic }
.richtext code { font-family: monospace }
.richtext blockquote {  background: #eef5d4; padding: 12px 12px 2px 12px; margin: 0 0 1em    } 
.richtext table { width: 100%; border-collapse: separate; border-spacing: 1px }
	.richtext table caption,
	.richtext table thead th { background: #78665c; color: #fff;  padding: 6px 9px; font-weight: bold; color: #fff;  } 
	.richtext table thead th:first-child { border-left: 1px solid #888; } 
	.richtext table tbody th { padding: 6px 9px; border-top: 0; vertical-align: top; background: #ededed;  }
	.richtext table tbody td { padding: 6px 9px; border-top: 0;  vertical-align: top; color: #75635a; background: #fff;  }
	.richtext table caption { text-align: center; border-bottom: none }
	.richtext table tr.odd td { background: #f0f0f0; }
.richtext .image.float-left { margin: 0 10px 10px 0 }


/* @group _form */
.fm-row input.text { width: 286px; }
.fm-row select { width: 295px; }
.fm-row textarea { width: 286px; }

.fm-row input.text.size-s { width: 143px; }
.fm-row input.text.size-xs { width: 65px; }
.fm-row select.size-s { width: 148px; }
.fm-row select.size-xs { width: 70px; }
.fm-row textarea.size-l { width: 441px; }


.msg-error { border: 1px solid #e00; background: #c00; color: #fff; padding: 10px 19px 0;   font-weight: bold;   margin-bottom: 1.5em; }
.msg-success { border: 1px solid #51b935; background: #51b935; color: #fff; padding: 10px 19px 0;   font-weight: bold;   margin-bottom: 1.5em; }
.msg-warning { border: 1px solid #f2de99; background: #f2de99; color: #fff; padding: 10px 19px 0;   font-weight: bold;   margin-bottom: 1.5em; }
.message p,
.message ul,
.message ol { margin: 0 0 10px; }
.message ul,
.message ol,
.message ol { padding-left: 2em; font-weight: normal }
#main > .message { margin-bottom: 14px; }
 
formmaker {  }
.formmaker fieldset { margin-bottom: 1em;   }
.fm-caption { font-size: 18px; font-weight: normal; background: #eee url(../images/bullet-v2.png) 0 50% no-repeat; padding: 4px 30px; margin-bottom: 1em; }
.page-sub .fm-caption { margin-left: -30px; }
.fm-row { margin-bottom: 1em; clear: both; }
.fm-row ~ .fm-row {   }
.fm-row_required .fm-label { font-weight: bold; }
.fm-label { display: block; float: left; width: 140px; text-align: right; } 
abbr.req { vertical-align: top; line-height: 1; color: #f00; font-weight: normal; font-size: 1em; }
.fm-field { margin-left: 155px; }
.field-help { font-size: .9em;  padding-top: .2em; display: block;  } 

.field-success, 
.field-error { padding: .2em 0 0; display: block; font-weight: bold; font-size: .9em } 

.field-success { color: #349a02; } 
.field-error { color: #d00; } 

.fm-field_multi input.text,
.fm-field_multi select,
.fm-field_multi textarea { width: auto; }
 
.fm-field ul.checkboxes { margin-top: .6em; }
.fm-field ul.checkboxes li { font-size: 12px; line-height: 1.4; }
ul.checkboxes { list-style: none; padding-left: 0; }
.fm-row ul.checkboxes { margin: 0 }
ul.checkboxes li { margin-top: 4px; }
ul.checkboxes label { padding-left: 1.8em; display: block; }
ul.checkboxes input { float: left; margin-left: -1.6em; }

.fm-row_block .fm-label { float: none; width: auto; text-align: left; margin-bottom: 4px; }
.fm-row_block .fm-field { margin-left: 0; }

.fm-rows /* multi/group */ {  }
.fm-rows .fm-row { float: left; clear: none; margin-right: 15px; }
.fm-rows .fm-row input.text { width: auto; }
.fm-rows_3x .fm-row { width: 212px; margin-left: 10px }
.fm-rows_3x .fm-row:first-child { margin-left: 0; }
 
.fm-row_error .fm-label { font-weight: bold; }
.fm-row_error input.text,
.fm-row_error select,
.fm-row_error textarea { border: 1px solid #EE0000 }

.field_captcha * { vertical-align: top; }
.sub .field_captcha input.text { width: 238px; }
	
.fm-submit { margin: 1em 0 1em 155px;  }
.fm-submit .btn {  }


/* ************************************************

   @section Layout
   
************************************************ */
#header,
#headersec,
#main,
#footer > .wrap { width: 960px; margin: 0 auto }

/* @group Header
------------------------------------------------ */
#header { height: 100px; position: relative; margin-bottom: 26px; }
#site-title { position: absolute; left: -7px }
#header .ctx { color: #fff; font-size: 16px; float: right; margin: 12px 0 0 0;  }
#header .ctx p { margin: 0 }
#header .ctx strong { font-size: 24px; font-weight: normal; margin-left: 1ex; }
#header .extra-logo { float: right; margin-top: 16px; }

#nav { font-size: 16px; clear: both; position: absolute; right: 0; bottom: 10px; z-index: 9; }
#nav a { color: #807c7b; }
/* #nav .current a, */
	#nav-list > li { float: left; margin-left: 20px; position: relative;  }
	#nav-list > li > a,
	#nav-list > li > strong { font-weight: bold; color: #807c7b; cursor: pointer; }
	#nav-list > li:hover > a,
	#nav-list > li:hover > strong { color: #312a29; }
	#nav-list > li.current > a,
	#nav-list > li.current > strong { color: #312a29; text-decoration: underline; }
	#nav-list > li div { padding-top: 15px; background: url(../images/dropdown-top.png) 50% 0 no-repeat; position: absolute; left: 50%;  margin-left: -80px; width: 160px; display: none; top: 22px; border-bottom: 3px solid #312a29;  }
	#nav-list > li div ul { border: solid #312a29; border-width: 0 3px; background: #312a29 url(../images/dropdown-bg.png) repeat-x; font-size: 14px }
	#nav-list > li:hover div { display: block }
	#nav-list > li div ul { margin: 0; padding: 16px 20px }
	#nav-list > li div ul li { border-top: 1px solid #8e827b;  }
	#nav-list > li div ul li:first-child { border-top: 0; }
	#nav-list > li div ul li a {  display: block; color: #fff;  padding: 6px 20px; margin: 0 -20px }

#headersec {  }
#globalactionbar { background: url(../images/globalactionbar-bg.png) repeat-x; color: #b0a6a0; padding: 8px 10px; font-size: 14px; margin-bottom: 32px; }
	#globalactionbar a { color: #fff; }
	#globalactionbar .a { float: left;}
	#globalactionbar ul.a { display: inline; margin: 0 }
	#globalactionbar ul.a li { display: inline; margin-right: 1.5ex; }
	#globalactionbar .b { float: right; }
	#globalactionbar .b .cart { background: url(../images/globalactionbar-cart.png) 0 50% no-repeat; padding: 0 0 0 20px; margin: 0 }

#searchbar { width: 229px; background: #d8d3d0; padding: 1px; float: left; }
	#searchbar fieldset { border: 1px solid #eaeaea; background: #fff; margin: 8px }
	#searchbar input.text { border: none; float: left; width: 175px; color: #b0a6a0; padding: 3px 0 3px 4px }
	#searchbar input[type=submit] { background: url(../images/searchbar-submit.png) 0 50%; width: 24px; height: 17px; border: none; padding: 0; font-size: 0; cursor: pointer; float: right; padding: 3px; height: 23px }

.featuresbar { margin-right: -13px; }
	.featuresbar li { width: 230px; float: left; text-align: right; font-size: 13px; line-height: 1.3; color: #818181; margin-right: 13px; }
	.featuresbar .deco { float: right; height: 52px; margin-left: 8px; }
	.featuresbar .f-delivery .deco { background: url(../images/feat-ico-delivery.png); width: 45px; }
	.featuresbar .f-support .deco { background: url(../images/feat-ico-support.png); width: 66px; }
	.featuresbar .f-back .deco { background: url(../images/feat-ico-back.png); width: 49px; }
	.featuresbar li div { padding-top: 5px; }
	.featuresbar li div > span { display: block; }
	.featuresbar .s1 { font-size: 18px; }
	.featuresbar .s2 { font-size: 15px; }

#headersec .featuresbar { float: right; }
#headersec .breadcrumbs { clear: both; margin-bottom: 10px; }
#headersec .breadcrumbs ul { display: inline; }


.product #headersec .featuresbar { float: left; text-align: left; }
.product #headersec .featuresbar li { float: left; text-align: left; }
.product #headersec .featuresbar .deco { float: left; height: 52px; margin-left: 8px; }
.product #searchbar { float: right; }

/* @group Footer
------------------------------------------------ */
#footer { margin-top: 44px; background: #78675c url(../images/footer-bg.png) 50% 0 repeat-x; overflow: hidden; padding-bottom: 14px; padding-top: 28px; }
#footer .r { text-align: right; float: right; }
#footer form { float: left; margin-right: 72px; }
#footer form fieldset { background: #fff; overflow: hidden; padding: 2px }
#footer form fieldset > * { float: left; }
#footer form fieldset .text { border: 0; width: 230px; font-size: 16px; padding: 6px; line-height: 1; } 
#footer form fieldset .btn { font-style: italic; padding: 3px 10px; height: 35px; margin: 0; line-height: 1; background: #312a29 url(../images/btn-c.png) repeat-x; overflow: visible; }
#footer .logos { float: left; padding: 12px 0 0 0 }
#footer ul { margin-bottom: .5em; }
#footer ul li { display: inline; margin-left: 1ex; }
#footer ul li a { color: #fff; }
#footer .colophon  { font-weight: bold; }
#shoper-foot {display:none;}

/* ************************************************

   @section Page: Sub
   
************************************************ */
/* @group columns */
.col-1,
.col-2 { float: left; } 
.col-1 { width: 729px; width: 716px; float: right; }
.col-2 { width: 231px; }

div.breadcrumbs { clear: both; height: 18px; padding-top: 0px;}
ul.breadcrumbs { margin: 0 0 8px 0; color: #808080; display: inline;}
.colset-a ul.breadcrumbs { margin-left: 254px;  display: initial;}
.colset-b {}
ul.breadcrumbs li a { text-decoration: underline; color: #808080; }
ul.breadcrumbs li a:hover { text-decoration: underline; } 
ul.breadcrumbs li { display: inline; }
ul.breadcrumbs strong { color: #322b2a; }
	ul.breadcrumbs li:before,
	ul.breadcrumbs li i { content: "\003e  "; padding: 0 .4ex; color: #999; font-style: normal } 
	ul.breadcrumbs li:first-child:before { content: ""; padding: 0 } 

#main {   }

#main.product #headersec #searchbar { float: right; }
#main.product #headersec .featuresbar { float: left; }
#main.product #headersec .featuresbar li { text-align: left; }
#main.product #headersec .featuresbar .deco { float: left; margin: 0 8px 0 0;  }

#main.product .col-1 { float: left; }
#main.product .col-2 { float: right; }

.text-block h2 { font-size: 15px; }

.heading { border-bottom: 1px solid #d6c4b9; margin: 28px 0 20px; }
.heading span { font-size: 17px; color: #5b463b; float: left; background: #fff; padding-right: 8px; margin-bottom: -1px; line-height: 1; }

.product-solo .title { border-bottom: 1px solid #5b463b; margin-bottom: 18px; line-height: 1.1; position: relative; }
.product-solo .title h1 { color: #5b463b; line-height: 1; font-size:24px; background: #fff; margin-bottom: -1px; float: left; font-weight: bold; }
.product-solo .title .label { background: #fff; margin: 0;  position: absolute; right: 0; bottom: -1px; padding-left: 8px; }
.product-solo .title .label .promo { display: inline-block; background: #990000; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #fff; padding: 0px 3px; }
.product-solo .title .label .freeshipping { display: inline-block; background: #e87a1c; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #fff; padding: 0px 3px; }

.product-solo .photos { border: 1px solid #dbcbc1; }  

.product-toolbox { background: #f7f6f6; border: 1px solid #efedec; padding: 12px 12px 0; color: #776d6c; margin-bottom: 12px; }
.product-toolbox .block { background: url(../images/box-split.png) 0 0 repeat-x; padding-top: 12px; }
.product-toolbox .block:first-child { padding-top: 0; background: none; }
.product-toolbox h3 { font-weight: bold; font-size: 14px; }
.product-toolbox .bulleted { padding-left: 12px; background: url(../images/bullet-c.png) 0 .6em no-repeat  }
.product-toolbox ul.bulleted { background: none; padding: 0 }
.product-toolbox ul.bulleted li { padding-left: 12px; background: url(../images/bullet-c.png) 0 .5em no-repeat; margin-bottom: .4em; }
.product-toolbox .l { float: left; }
.product-toolbox .r { float: right; }
.product-toolbox .price-zone { overflow: hidden; }
.product-toolbox .price-zone .r { margin-top: -5px; }
.product-toolbox .price-zone del { font-size: 14px; font-weight: bold; }
.product-toolbox .price-zone .price { font-size: 22px; text-decoration: none; color: #990000; }
.product-toolbox .tocart { clear: both; text-align: right; }
.product-toolbox .tocart input.text { width: 2em; }
.product-toolbox .tocart .ask { text-align: right; }
.product-toolbox .addtocart { background: url(../images/btn-addtocart.png); border:0; padding: 0; cursor: pointer; text-indent: -1000em; font-size: 0; width: 107px; height: 39px; }
.availability-zone { font-size: 13px; }
.availability-zone .i { clear: both; }
.availability-zone .avail-status { width: 54px; height: 12px; font-size: 0; line-height: 0; display: inline-block; border: 1px solid #a29288; background: #fff; }
.avail-status i { height: 12px; display: block;  }
.avail-status-0 i { background: #cee93d; }
.avail-status-1 i { background: #f08e33; width: 50%; }
.avail-status-2 i { background: #990000; width: 25%; }
.avail-status-3 i { background: url(../images/avail-status-3.png) repeat-x  }
.avail-status-100 i { background: #cee93d; width: 100%; }
.avail-status-080 i { background: #f08e33; width: 80%; }
.avail-status-060 i { background: #990000; width: 65%; }
.avail-status-040 i { background: #990000; width: 45%; }
.avail-status-020 i { background: #990000; width: 20%; }
.avail-status-000 i { background: #ffffff; width: 100%; }
.download-pdf a { background: url(../images/download-pdf.png) 100% 50% no-repeat; font-size: 14px; padding: 10px 30px 10px 0; display: block;  }


.content-area { background: #e9e9e9; border: 1px solid #78675d; }
.content-area > .inner { border: 1px solid #fff; padding: 24px 24px 12px }


.product-solo .c-1 { width: 310px; float: right; }
.product-solo .c-2 { width: 333px; float: left; }
.product-solo .c-2 h2 { font-weight: bold; font-size: 1em; color: #5b463b;  }

.product-solo .actions { text-align: center; overflow: hidden; }
.product-solo .actions .btn:first-child { float: left; }
.product-solo .actions .btn { float: right; width: 118px; }

.product-solo .max { line-height: 1; }
.product-solo .max img { vertical-align: bottom; }

.product-solo .photos { border: 1px solid #cecece; position: relative; }  
.product-solo .photos .multiple { margin-left: 108px; }  

.pv-picture { margin: 4px 0; min-height: 293px; text-align: center; }
.pv-picture a { display: block; background: #fff;  }

.pv-thumbs { padding: 3px 4px; position: absolute; top: 15px; bottom: 15px }
.pv-thumbs ul { width: 101px; }
.pv-thumbs li { border: 1px solid #cecece; margin-bottom: 3px; height: 62px; text-align: center; }
.pv-thumbs li.active,
.pv-thumbs li:hover { border: 1px solid #4b4b4b; opacity: .7 }
.pv-thumbs li a { display: none; }
.pv-thumbs li a.thumb { display: inline;  }
.pv-thumbs li a img { display: inline; }

.pv-thumbs .prev { background: url(../images/photos-nav-prev.png) no-repeat; width: 101px; height: 10px; top: -11px; position: absolute; }
.pv-thumbs .next { background: url(../images/photos-nav-next.png) no-repeat; width: 101px; height: 10px; bottom: -11px; position: absolute; }
.pv-thumbs .carousel { height: 100%; width: 101px; }


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

.jcarousel ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.hr { height: 0; overflow: hidden; font-size: 0; border-bottom: 1px solid #78675D; margin: 24px 0; clear: both; }

ul.feat {}
ul.feat a.ico { float: left; border: 1px solid #99877c; padding: 2px }
ul.feat .ico img { width: 134px; border: 1px solid #fff; }
ul.feat div { overflow: hidden; padding-left: 18px; }
ul.feat h3 { font-size: 16px; color: #5B463B; margin-bottom: .6em; font-weight: bold; line-height: 1; }
ul.feat li { clear: both; overflow: hidden; margin-bottom: 18px; }


/* @group catmenu
------------------------------------------------ */
.catmenu { border-top: 0px solid #efedec; background: #efedec url(../images/gradient-a.png) repeat-x; margin-bottom: 15px; padding: 12px }
.catmenu a { color: #776d6c; }
.catmenu h2 { margin: 0; padding: 3px 0 8px; }
.catmenu h2 a { background: url(../images/catmenu-dropdown.png) 100% 50% no-repeat; color: #fff; font-size: 16px; font-weight: bold; padding-right: 24px; }
.catmenu > ul    { margin: 0 0 6px; padding: 12px 0 8px; background: url(../images/catmenu-split.png) 0 0 repeat-x; }
.catmenu h2 + ul { background-image: url(../images/catmenu-split-0.png); padding-top: 12px; }
.catmenu > ul > li > a { font-size: 14px; background: url(../images/bullet-a.png) 0 .5em no-repeat; padding-left: 12px; }
.catmenu > ul ul { padding: 8px 12px 2px; margin: 0;  }
.catmenu > ul > li { margin-bottom: 3px; }
.catmenu > ul > li li { background: url(../images/bullet-b.png) 0 .5em no-repeat; padding-left: 12px; margin-bottom: 3px; }
.catmenu > ul > li:first-child { border-top: 0; } 
.catmenu em { display:none; } 


/* @group sidebar
------------------------------------------------ */









.box { margin-bottom: 12px; }

.box_a { border: 1px solid #d6c4b9; }
.box_a .in { border: 1px solid #fff; background: #f0eeed; padding: 12px 12px 1px }
.box_a .hd { border-bottom: 1px solid #d5d3d5; margin-bottom: 12px; }
.box_a .hd h2 { color: #3f2b2a; font-size: 14px; }
.box_why ul.bulleted-a li { background: url(../images/bullet-a.png) 0 .5em no-repeat; padding-left: 12px; margin-bottom: .6em; }


.box_b { border: 1px solid #776d6c; background: #fff; padding: 1px } 
.box_b .in {  border: 1px solid #a29288; background: #a29288 url(../images/gradient-b.png) repeat-x; } 
.box_b .hd { padding: 8px 12px;  color: #fff; } 
.box_b .hd h2 { font-size: 14px; color: #1f1a17; font-weight: bold; margin: 0 } 
.box_b .bd { padding: 4px 11px 1px; color: #fff; }

.box_contact { border: 1px solid #99877c; }
.box_contact .in { padding: 12px; overflow: hidden; }
.box_contact h3 { font-size: 15px; margin: 0;  }
.box_contact p { color: #776d6c; margin-bottom: 12px; }
.box_contact .xl { font-size: 18px; }
.box_contact .xxl { font-size: 22px; }
.box_contact .deco { float: right; background: url(../images/box_contact-deco-2.png) no-repeat; width: 88px; height: 82px; margin: -12px -12px 0 0 }






/*#main.home .box_contact .deco { background: url(../images/box_contact-deco.png); width: 98px; height: 76px; }*/

.box_newsletter .deco { float: right; margin: -21px -8px 0 0; background: url(../images/box_newsletter-deco.png) no-repeat; width: 54px; height: 55px; }
.box_newsletter input.text { border: 1px solid #56463c; float: left; height: 19px; padding: 3px 25px 3px 3px; width: 169px; } 
.box_newsletter .submit { float: left; border: none; font-size: 0; margin: 2px 0 2px -25px; background: url(../images/btn-add.png); width: 23px; height: 23px; } 

/* @group products
------------------------------------------------ */
ul.products { margin: 0 -11px 0 0; }
ul.products > li { display: inline-block; border: 1px solid #eaeaea; width: 229px; vertical-align: top; margin: 0 8px 11px 0 }
ul.products > li > .in { margin: 2px; background: #fff; padding: 5px; overflow: visible; }
ul.products .name { font-size: 14px; text-align: center; min-height: 50px;}
ul.products .name a { color: #b0a6a0; }
ul.products .thumb { text-align: center; margin: 0 -3px 4px }
ul.products .thumb img { display: block; margin: 0 auto }
ul.products .promo { color: #990000; border-top: 1px solid #dbd7d5; font-weight: bold; text-align: right; padding-top: 2px; margin: 0;  }
ul.products .promo strong { text-transform: uppercase; float: left; } 
ul.products .price { text-align: right; margin: 0; float: left; clear: left; font-weight: bold; }
ul.products .price strong { font-size: 16px; } 
ul.products .addtocart { float: right; background: url(../images/cart-ico.png) no-repeat; width: 43px; height: 38px; }
ul.products .addtocart:hover { -moz-opacity:.70; filter: alpha(opacity=70); opacity: .70; background-position: 0 2px; }
ul.products .tags { clear:both; }
ul.products .freeshipping { float: right; background: url(../images/free-shipping-ico.png) no-repeat; width: 61px; height: 28px; padding-right: 4px; margin-top: 2px; }


/* @group pager */
.pager { text-align: center; } 
.pager a { padding: 0 .4ex }
.pager .current { font-weight: bold; padding: 0 .4ex }


/* ************************************************

   @section Page: Home
   
************************************************ */
#home-teaser { border: 1px solid #d1c9c5; padding: 1px; margin: 0 0 20px; position: relative; }
#home-teaser ul { margin: 0 }
#home-teaser img { display: block; }


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;} 
 
.flex-direction-nav li { display: inline; }
.flex-direction-nav li a { background-image: url(../images/misc-sprites.png); background-position: 0 0; background-repeat: no-repeat; width: 28px; height: 48px; top: 50%; margin-top: -24px; position: absolute; text-indent: -1000em; overflow: hidden; }
.flex-direction-nav li a:hover { -moz-opacity:.50; filter: alpha(opacity=50); opacity: .50; cursor: pointer; }
.flex-direction-nav li a.prev { left: -14px; }
.flex-direction-nav li a.next { right: -14px; background-position: -40px 0; }

.flex-control-nav { bottom: -20px; margin: 0; position: absolute;  right: 0; list-style: none }
.flex-control-nav li { float: left; border: 1px solid #d1c9c5; padding: 1px; margin-left: 4px; }
.flex-control-nav li a { background: #e8e4e2;  height: 8px; width: 8px; display: block; text-indent: -1000em; }
.flex-control-nav li a.active { background: #ffb27f; }
 

/* ************************************************

   @section Colorbox
   
************************************************ */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/ajax-loader.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} 

/* Messages */

#main .flash_message {
    border-style: solid;
    border-width: 1px 0;
    padding: 0;
    position: relative;
    z-index: 100;
    margin: 4px;
    margin-bottom: 20px;
    min-height: 50px;
}

#main .success_message {
    border-color: #2c7500;
    color: #2c7500;
    background: #f8fff5;
}

#main .error_message {
    border-color: #e74715;
    color: #e74715;
    background: #fff3f3;
}

#main .info_message {
    border-color: #462C24;
    color: #462C24;
    background: #EFEDEC;
}

#main .warning_message {
    /* border-color: #ebce0d;
    color: #ebce0d;
    background: #fffde8; */
    border-color: #e74715;
    color: #e74715;
    background: #fff3f3;
}

#main .flash_message .container {
    display: table;
    width: 100%;
    height: 50px;
}

#main .flash_message p {
    display: table-cell;
    vertical-align: middle;

    text-align: center;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0px;
    padding: 6px 50px;
    font-weight: bold;
}

* html #main .flash_message p { /* IE6 */
    clear: expression( style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"), style.clear = "none", 0 );
}

*:first-child+html #main .flash_message p  { /* IE7 */
    clear: expression( style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"), style.clear = "none", 0 );
}

#main .flash_message .close {
    position: absolute;
    right: 4px;
    top: 6px;
    color: #8c9597;
    font-size: 80%;
    display: none;
}

#main .flash_message .close img {
    width: 11px;
    height: 11px;
    background: url('../images/close.png') no-repeat 0 0;
    margin: 0 0 2px 0;
}

/* Messages END */

/* Flash messages box START */

#main .flash_box_close {
    position: absolute;
    right: 12px;
    top: 10px;
    color: #8c9597;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
}

#main .flash_box_header {
    color: #5b463b;
    float: left;
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 10px 0;
    padding: 0;
}

#main .flash_box_subheader {
    color: #5b463b;
    float: left;
    font-size: 10px;
    line-height: 18px;
    margin: 0 0 10px 5px;
    padding: 0;
}

#main .flash_box_messages {
    clear: both;
    position: relative;
    top: 10px;
}

#main .flash_box_overlay {
  background: rgba( 0, 0, 0, .7 );
  display: none;
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  z-index: 9998;
}

#main .flash_box {
    display: none;
    position: fixed;
    background: #d8d3d0;
    padding: 15px;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -350px;
    width: 700px;
    min-height: 60px;
    z-index: 9999;
}

/* Flash messages box END */

td.leftcol, td.centercol, td.rightcol {
  vertical-align: top;
}

.shippingdate {
  font-size: 0.8em;
}

ul.products li div.thumb {position:relative;}
ul.products li div.thumb .lt {position:absolute; left:10px; top:0px;}
ul.products li div.thumb .rt {position:absolute; right:10px; top:0px;}
ul.products li div.thumb .lb {position:absolute; left:30px; bottom:0px;}
ul.products li div.thumb .rb {position:absolute; right:5px; bottom:1px;}
ul.products li div.thumb .discount { width:70px; height:45px; background:transparent url(../images/icons/triangle.png) no-repeat center center;}
ul.products li div.thumb .discount_value { padding-top: 23px; color: white; font-weight: bold; margin-right: 4px; text-align: right; font-size: 1.3em; }
ul.products li div.thumb .discount_value_amount { padding-top: 27px; color: white; font-weight: bold; margin-right: 4px; text-align: right; font-size: 1.0em; }
ul.products li div.thumb .discount2 { 
  z-index: 100;
  margin-right: -35px;
  margin-bottom: -30px;
width:115px; height:70px; background:transparent url(../images/icons/zawieszka.png) no-repeat center center;}
ul.products li div.thumb .discount2_value { 
  -ms-transform: rotate(30deg); /* IE 9 */
  -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
  transform: rotate(30deg);
padding-left: 5px; padding-top: 15px; color: white; font-weight: bold; margin-right: 3px; text-align: right; font-size: 1.3em; }
ul.products li div.thumb .discount2_value_amount { 
  -ms-transform: rotate(30deg); /* IE 9 */
  -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
  transform: rotate(30deg);
padding-left: 5px; padding-top: 19px; color: white; font-weight: bold; margin-right: -3px; text-align: right; font-size: 1.1em; }