/* ######### CSS for Shade Tabs. Remove if not using ######### */
/* main.tpl */
.shadetabs{padding: 0px 0;margin-left: 0;margin-top: 8px;margin-bottom: 0;font: bold 12px Verdana;list-style-type: none;text-align: left;}
.shadetabs li{display: inline;margin: 0;}
.shadetabs li a{margin-right:2px;height:37px; display: block; float: left; text-decoration: none; padding: 0px; font: bold 15px Tahoma, Helvetica, sans-serif;}
.shadetabs li a span{display: none; }
.shadetabs li a.selected{ background: #fff none no-repeat 0 0px; position: relative;z-index: 200;}
.shadetabs li a.selected:hover{ background: #fff none; border-bottom: 0px;}

.shadetabs3 {padding: 0px 0;margin-left: 0;margin-top: 8px;margin-bottom: 0;font: bold 12px Verdana;list-style-type: none;text-align: left;}
.shadetabs3 li{display: inline;margin: 0;}
.shadetabs3 li a{background: #fff;  height:20px; display: block; float: left; text-decoration: none; border: 1px solid #ccc; padding: 4px 15px 5px 15px; font: bold 15px Tahoma, Helvetica, sans-serif;}
.shadetabs3 li a:hover{background: #fff none; border-bottom: 0px; height:26px; margin-top:-5px; color: #309c40;}
.shadetabs3 li a.selected{ background: #fff none; border-bottom: 0px; margin-top:-5px; height:26px;  color: #309c40;}
.shadetabs3 li a.selected:hover{ background: #fff none; border-bottom: 0px; height:26px; margin-top:-5px; color: #309c40;}

/* product.tpl */
.shadetabs2{padding: 0px 0;margin-left: -1px;margin-top: -31px;margin-bottom: 0;font: bold 12px Verdana;list-style-type: none;text-align: left;}
.shadetabs2 li{display: inline;margin: 0;}
.shadetabs2 li a{background:url('gfx/start_tlo_zakladki.jpg') 0px 0px repeat-x;  height:20px; display: block; float: left; text-decoration: none; border: 1px solid rgb(211, 211, 211); padding: 5px 10px 4px 10px; font: bold 15px Tahoma, Helvetica, sans-serif; color: rgb(136, 136, 136);}
.shadetabs2 li a:hover{background: #fff none; border-left: 1px solid rgb(211, 211, 211);border-top: 1px solid rgb(211, 211, 211);border-right: 1px solid rgb(211, 211, 211); border-bottom: 0px; height:26px; margin-top:-5px; color: rgb(136, 136, 136);}
.shadetabs2 li.tabs-selected a{ background: #fff none; border-left: 1px solid rgb(211, 211, 211);border-top: 1px solid rgb(211, 211, 211);border-right: 1px solid rgb(211, 211, 211); border-bottom: 0px; margin-top:-5px; height:26px; color: rgb(255, 170, 1);}
.shadetabs2 li.tabs-selected a:hover{ background: #fff none; border-bottom: 0px; height:26px; margin-top:-5px; color: rgb(136, 136, 136);}
#container-1	{border:1px solid #ccc;margin-top: 50px;margin-bottom: 20px;}
.tabs-container {    background: #fff; margin-top:10px;}

/* product-list.tpl */
ul.shadetabs5 {float:none; margin:5px 0 0 0;padding:0;}
.shadetabs5 {padding: 0px 0;margin-left: 0;margin-top: 0px;margin-bottom: 0;font: bold 12px Verdana;list-style-type: none;text-align: left;}
.shadetabs5 li{display: inline;margin: 0px 0px 0px 0px;}
.shadetabs5 li a{background: #fff; color: rgb(136, 136, 136);  height:20px; display: block; float: left; text-decoration: none; border: 1px solid rgb(211, 211, 211); padding: 4px 16px 5px 16px; font: bold 15px Tahoma, Helvetica, sans-serif;}
.shadetabs5 li a:hover{background: #fff none; border-left: 1px solid rgb(136, 136, 136);border-top: 1px solid rgb(136, 136, 136);border-right: 1px solid rgb(136, 136, 136); border-bottom: 0px; height:26px; margin-top:-5px; color: rgb(136, 136, 136);}
.shadetabs5 li a.selected{ background: #fff none; border-left: 1px solid rgb(211, 211, 211);border-top: 1px solid rgb(211, 211, 211);border-right: 1px solid rgb(211, 211, 211); border-bottom:0;margin-top:-5px; height:26px;  color: rgb(255, 170, 1);}
.shadetabs5 li a.selected:hover{ background: #fff none; border-left: 1px solid rgb(136, 136, 136);border-top: 1px solid rgb(136, 136, 136);border-right: 1px solid rgb(136, 136, 136); border-bottom: 0px; height:26px; margin-top:-5px; color: rgb(255, 170, 1);}

a#favorite {color:#f00;}