/*      GLOBAL      */

*{margin: 0; padding: 0;}    

html, body{
  font: 80% arial, helvetica, sans-serif;  
  color: #575757;
  text-align: center;    
}

body{
  background: white url(../eter-images/bg.png);
}


h2{font-size: 1.6em; font-weight: normal; display: inline; font-family: georgia;}
h3{font-size: 1.6em; font-weight: normal; padding-bottom: 8px; font-family: georgia;} 
h4{font-size: 1.2em; font-weight: normal; margin: 10px 0; font-family: georgia;}
h5{font-size: 1.2em; font-weight: bold; padding-bottom: 8px; display:inline; color: #29779b;}
  
a {color: #009cff; text-decoration: underline; padding: 3px;}
a:hover {color: white; text-decoration: none; background: #cd25ac;}
.highslide:hover{background: none}

   
img {border: 0;} 
ul {list-style-type: none;}
ul li, ol li{line-height: 1.5em;} 
p {line-height: 1.5em; margin: 10px 0 10px 15px;}
.text{margin: 10px 0 10px 15px;}
.code{border: 1px solid gray; background: #eee; padding: 8px 3px; line-height: 1em; font-size: 1em;}


.break{clear: both;}
.float-r{float: right;}
.float-l{float: left;}
.tr{text-align: right;}
.biggest{font-size: 1.5em;}
.bigger{font-size: 1.3em;}
.big{font-size: 1.1em;}
.small{font-size: 0.9em;}
.smaller{font-size: 0.8em;}
.smallest{font-size: 0.7em;}
.smallest2{font-size: 0.6em;}
.normal{font-weight: normal !important;}
.short{width: 60px !important;}
.space{clear: both; height: 10px;}
.space2{clear: both; height: 20px;}
.space3{clear: both; height: 30px}
.italic{font-style: italic;}
.inline{display: inline;}
.text-c{text-align: center;}
.text-r{text-align: right;}
.text-l{text-align: left;}
.bold{font-weight: bold;}
.relative{position: relative;}
.inv{display: none;}
.nulka{border: 0px; padding: 0px; margin: 0px;}

#page{
  width: 990px;
  text-align: left;
  margin: 0 auto;   
  min-height: 100%;	
  font-size: 1.4em;   
  position: relative;   
}

#page_bottom{
  width: 990px;
  text-align: left;
  margin: 0 auto;   
  min-height: 100%;	
  font-size: 1.4em;   
  position: relative;   
}

.stripe{
  width: 100%;
  height: 85px;
  position: absolute;
  top: 0;
  left: 0;
}

.gradient{
  background: url(/eter-images/gradient.png) repeat-x;
  width: 100%;
  height: 300px;
  position: absolute;
  top: 580px;  
}

#top h1 {
	position: absolute;
	left: 14px;
	top: 10px;		  	
}

#top h1 a {	
	background: url(/eter-images/etershop-logo.png) no-repeat;
  display: block;
  height: 35px;
  width: 90px;
  overflow: hidden;
  line-height: 999px;
}

.top-right{
  position: absolute;
  right: 20px;
	top: 5px;
  font-size: 0.8em;
  color: #8e8e8e;
  text-align: right;
  line-height: 1.8em;
  width: 175px;     	
}

.top-right a, .links a{
  color: #8e8e8e;    	
}

.top-right a:hover, .links a:hover{
  text-decoration: none;
  background: none;
  color: #d9d9d9;    	
}

.top-right .en{ 
  display: block;
  width: 18px; 
  height: 12px;
  float: left;
  background: url(/eter-images/lang-en.gif) no-repeat left;   
}

.top-right .en:hover{ 
  background: url(/eter-images/lang-en-2.gif) no-repeat left;
  text-decoration: none;   
}

.top-right .cz{ 
  display: block;
  width: 18px; 
  height: 12px;
  float: left;
  background: url(/eter-images/lang-cz.gif) no-repeat left;   
}

.top-right .cz:hover{ 
  background: url(/eter-images/lang-cz-2.gif) no-repeat left;
  color: #d9d9d9;
  text-decoration: none;   
}

.buy{
  color: white !important;
  margin-right: 5px;
}

.buy a, buy a:hover{color: white !important;}

.basket-number{
  font-size: 2.3em;
}

.head{
  position: absolute;
  left: 0px;
	top: 52px;
}

.head-left{
  float: left;
  background: url(/eter-images/bg-head-left.png) no-repeat;
  display: block;
  height: 33px;
  width: 18px;
}

.head-middle{
  float: left;
  background: white;
  padding: 9px 15px 0 4px;
  display: block;
  height: 24px;  
}

.breadcrumbs{
  font-size: 1.2em;
  font-family: georgia;
}

.size-letter{
  font-size: 1.6em;
  font-family: georgia;
}

.head-right{
  float: left;
  background: url(/eter-images/bg-head-right.png) no-repeat;
  display: block;
  height: 33px;
  width: 73px;
}

#content{                           /* homepage */
  padding: 120px 0px 30px 20px;  
  width: 970px;
  min-height: 490px;    
}

#content2{                          /* subpages */
  padding-left: 20px;
  margin-bottom: 60px;
	padding-top: 90px;
  width: 960px;
  min-height: 490px;    
}

.main{  
  width: 700px;
  float: left;
  margin-bottom: 50px;    
}

.column{     
  float: left; 
  width: 230px;
  margin: 5px 0 0 20px;
  line-height: 1.5em;   
}

.column td{
  padding: 0 10px;
}

.column th{
  padding: 15px 0 5px 0;
  font-size: 1.2em;
}

#content2 ul{
  list-style: disc;
  margin: 10px 0 10px 30px;
}
#content2 ul li{
  margin-bottom: 10px;
}
#content2 ol{  
  margin: 10px 0 10px 30px;
}
#content2 ol li{
  margin-bottom: 10px;
}
#content2 h3, #comments  h3{
  margin: 30px 0 20px 0; 
  background: url(/eter-images/dotline.png) no-repeat bottom;      
}

h2, h3{
  color: #510844;
}

#content h3{
  margin: 0px 0 20px 0; 
  background: url(/eter-images/dotline.png) no-repeat bottom;      
}

.item{
  position: relative;
  height: 281px;
  width: 180px;
  float: left;
  margin-right: 14px;  
  text-align: center;
  font-size: 0.8em;
  margin-bottom: 8px;     
}

.item-img{  
  height: 251px !important;
  width: 180px;
  display: block;  
  margin: 0;
  padding: 0;  
  background: url(/eter-images/item-break.png) no-repeat bottom center;
  position: relative;  
}

.item-price{
  position: absolute;
  bottom: 1px;
  right: 0;
  /* background: #1e1e1e; */
  background: url(/eter-images/bg-menu-roll.png);
  color: white;
  font-size: 1.7em;
  padding: 0 5px;
}

.item img{
  height: 250px;
  width: 180px;
  float: left;   
}

.item-select{
  position: absolute;
  top: 0px;
  left: 0px;      
  text-align: center;  
  height: 250px;
  width: 180px;
}

.item-select ul li{  
  font-size: 2em;   
  font-weight: bold;
  position: relative;
  top: -10px;  
}

.item-select h3{
  padding-left: 22px;  
}

.men-first{
  background: url(/eter-images/icon-men.gif) no-repeat left;
}

.women-first{
  background: url(/eter-images/icon-women.gif) no-repeat left;  
}

.goods .men{
  background: url(/eter-images/icon-man.png) no-repeat left top;
  background-position: 0 4px;  
}

.goods .women{
  background: url(/eter-images/icon-woman.png) no-repeat left top;
  background-position: 0 4px;  
}

.men a {text-decoration: none;}
.men a:hover {text-decoration: none; background: #009cff; color: white;}
.women a {text-decoration: none; color: #cd25ac;}
.women a:hover {color: white;}

.women .selected {color: white; background: #cd25ac; text-decoration: none;}
.men .selected {color: white; background: #009cff; text-decoration: none; }

.sex{
  position: relative;
  margin-bottom: -5px;
  margin-right: 5px;
}

.filter img{
  position: relative;  
  margin-bottom: -10px;    
}

.paging{
  position: absolute;
  right: 0;
	top: 95px;
  line-height: 28px;
  font-size: 1em;
  padding-right: 20px;
}

.paging a, .paging2 a, .paging3 a{  
  padding: 2px 6px;  
  text-decoration: none;    
}

.page-selected{
  font-size: 1.3em;
  font-weight: bold;
  color: #cd25ac;
}

.all{  
  font-weight: normal;
  font-size: 0.8em;
  color: #8e8e8e;    
}

.paging2{
  line-height: 28px;
  float: right;	
}

.paging3{
  margin-top:25px;
  position: relative;
  top: -3px;
  float: right;	
}

.filter{
  margin-top:25px;
  margin-left: 5px;
  float: left;
}

.cancel-filter:hover{
  background: #cd25ac !important; 
}

#various{
  background: url(/eter-images/bg-various.png) no-repeat center top;
  width: 950px;
  padding: 20px 20px 0px 20px;
  text-align: center;
  position: relative;         
}

.various-box{  
  float: left;
  margin-left: 25px;
  text-align: center;
  width: 160px;
  height: 160px;
  overflow: hidden;
}

.various-box a{
  display: block;
  width: 160px;
  height: 50px;
  padding-top: 120px;
  color: #575757;
}

.various-others{  
  font-size: 0.75em;
  font-weight: normal;    
}

.various-others a{
  color: #575757;
}

.various-others a:hover{
  background: none;
  text-decoration: none;
}

.nav-column{
  float: left;
  width: 175px;   
}

.nav-column li{
  line-height: 1em;  
}

.nav-item{
  float: left;
  width: 310px;
  margin: 10px 20px; 
}

.nav-detail{
  float: left;  
  margin-left: 15px;
}

.nav-item p{
  margin: 10px 0 !important; 
}

/*
.hp-shipping{background: url(/eter-images/var-shipping.png) no-repeat center top;}
.hp-navigator{background: url(/eter-images/var-navigator.png) no-repeat center top;}
.hp-bioline{background: url(/eter-images/var-bio.png) no-repeat center top;}
.hp-slovensko{background: url(/eter-images/var-slovensko.png) no-repeat center top;}
.hp-design{background: url(/eter-images/var-design.png) no-repeat center top;}
*/

.hp-sale{
  position: absolute;
  left: 420px;
  top: 135px;
  width: 160px;
  height: 110px;
  background: url(/eter-images/sale.png) no-repeat center top;
  text-align: center;
  z-index: 100;
}

.hp-sale a{
  display: block;
  width: 160px;
  height: 110px;  
}

.hp-navigator{
  position: absolute;
  right: -43px;
  top: 33px;
  width: 90px;
  height: 140px;
  background: url(/eter-images/navigator.png) no-repeat center top;
  text-align: center;
  z-index: 100;
}

.hp-navigator a{
  display: block;
  width: 90px;
  height: 140px;  
}

.links{  
  clear: both;
  width: 950px;  
  color: #8c8c8c;
  padding: 5px 20px 10px 20px;
  font-size: 0.75em;
  margin-top: 10px;
  border-top: 1px solid #414141;            
}

#footer{
  clear: both;
  padding: 25px 20px 20px 20px; 
  width: 950px; 
  position: relative;
  color: #8e8e8e;       
}

#footer a:hover, .icons a:hover, .publish a:hover, .filter a:hover, .other-prints a:hover, .nets a:hover, .shipping a:hover, .icon a:hover, #various a:hover, .various-box a:hover, .various-holder-right a:hover, .author .text-r a:hover{
  background: none;  
}

.payment{  
  position: relative;
  top: -5px;  
  margin-left: 20px;         
}

.payment a{
 color: #575757;
}

.payment img{margin-left: 10px;}

.copyright{
  color: #8c8c8c;
  font-size: 0.45em;
  font-style: normal;
}

/* 2 CLASSES BELOW FIX IE BUTTON WIDTH BUG */

input.button {
  padding: 0.25em;
  width: 0; /* pouze pro IE */
  overflow: visible;
  font-size: 1em;    
}

input.button[class] { /* IE ignoruje [class] */
  width: auto;
  font-size: 1em;
}

input{
  padding: 3px 2px;
  width: 200px;
  margin: 2px 0;
  font-size: 1.25em;    
}

table{
  border-collapse: collapse;
  margin-left: 15px;
}

table td{
  padding-top: 10px;
  padding-right: 10px;
  vertical-align: top;
  line-height: 1.3em;
}

table label{
  margin-left: 3px;
}

select{
  padding: 1px 2px;
  width: 210px;
}

label{
  font-size: 0.9em;
}

fieldset{
  border: none;
}

#comments label, .comment-add label{    
  line-height: 2em;
}

.menu-margin{
  margin-left: 10px;
}

.design-send{
  width: 100%;
}

.fieldset h5{
  display: inline;
  clear: both;
  float: left;
  margin-left: 100px;
  font-weight: bold;  
}

.checkbox{  
  width: 20px;
  float: left;
  margin-bottom: 20px;
  margin-top: 12px;  
}

.newsletter{
  float: left;
  margin-bottom: 20px;
  margin-top: 10px;
}

.ownership{
  float: left;
  margin-bottom: 20px;
  margin-top: 10px;
  width: 450px;    
}

textarea{
  padding: 1px 3px;
  width: 480px;
  height: 53px;
  font-size: 1.25em !important;
}

.shortarea{
  width: 380px;
}

#radio-XS, #radio-S, #radio-M, #radio-L, #radio-XL, #radio-XXL{
  margin-left: 5px;
}

.goods{
  clear: both;    
  height: 180px;
  width: 250px;  
  margin-left: 10px;
  display: block;  
}

.goods ul{ 
  margin: 0 !important;
  height: 85px;
  padding-left: 30px;            
}

.goods ul li {             
  list-style-type: none;
  margin-bottom: 3px !important;  
}

.goods ul li a{     
  padding: 2px 3px;
  font-size: 1.1em;
  font-weight: normal;
  color: #bbb;       
}

.goods ul li a:hover, .goods ul li .selected{     
  color: #575757;
  background: none;
  border-bottom: none;      
}

.gender{
  font-size: 1.3em;   
  font-weight: bold;
  position: relative;
  top: -4px;
  padding-right: 3px;
  font-style: italic; 
}

.boys{       
  color: #009cff;
}

.girls{       
  color: #cd25ac;     
}

.colors{
  clear: both;          	
}

.colors a{
  padding: 0;
}

.design-mask{
  display: block;
  height: 36px;
  width: 43px; 
  margin:  0 3px;
  padding: 0;
  float: left;
  background: url(/eter-images/design-mask.png);
  text-align: center;
}

.design-mask img{
  margin: 3px 0;
}

.design-mask:hover, .design-mask-active{
  background: url(/eter-images/design-mask2.png);
}


.color{
  display: block;  
  padding: 0;
  margin:  0 5px;
  float: left;
  height: 36px;
  width: 43px; 
}

.color-mask{
  display: block;
  height: 36px;
  width: 43px;
  background: url(/eter-images/color-mask.png);
}

.color-mask:hover {
  background: url(/eter-images/color-mask2.png);  
}

.color-mask-active {
  background: url(/eter-images/color-mask2.png);  
}

.background-mask-tricko{   background: url(/eter-images/color-mask-tricko.png); }
.background-mask-bio-tricko{   background: url(/eter-images/color-mask-bio-tricko.png); }
.background-mask-mikina{   background: url(/eter-images/color-mask-mikina.png); }
.background-mask-mikina-na-zip{   background: url(/eter-images/color-mask-mikina-na-zip.png); }
.background-mask-damske-tricko{   background: url(/eter-images/color-mask-damske-tricko.png); }
.background-mask-damske-bio-tricko{   background: url(/eter-images/color-mask-damske-bio-tricko.png); }
.background-mask-damske-tilko{   background: url(/eter-images/color-mask-damske-tilko.png); }
.background-mask-damske-tricko-dlouhy-rukav{   background: url(/eter-images/color-mask-damske-tricko-dlouhy-rukav.png); }
.background-mask-damska-mikina{   background: url(/eter-images/color-mask-damska-mikina.png); }

.background-mask-tricko:hover, .background-mask-tricko-active {   background: url(/eter-images/color-mask2-tricko.png); }
.background-mask-bio-tricko:hover, .background-mask-bio-tricko-active {   background: url(/eter-images/color-mask2-bio-tricko.png); }
.background-mask-mikina:hover, .background-mask-mikina-active {   background: url(/eter-images/color-mask2-mikina.png); }
.background-mask-mikina-na-zip:hover, .background-mask-mikina-na-zip-active {   background: url(/eter-images/color-mask2-mikina-na-zip.png); }
.background-mask-damske-tricko:hover, .background-mask-damske-tricko-active {   background: url(/eter-images/color-mask2-damske-tricko.png); }
.background-mask-damske-bio-tricko:hover, .background-mask-damske-bio-tricko-active {   background: url(/eter-images/color-mask2-damske-bio-tricko.png); }
.background-mask-damske-tilko:hover, .background-mask-damske-tilko-active {   background: url(/eter-images/color-mask2-damske-tilko.png); }
.background-mask-damske-tricko-dlouhy-rukav:hover, .background-mask-damske-tricko-dlouhy-rukav-active {   background: url(/eter-images/color-mask2-damske-tricko-dlouhy-rukav.png); }
.background-mask-damska-mikina:hover, .background-mask-damska-mikina-active {   background: url(/eter-images/color-mask2-damska-mikina.png); }


.color1 {background: white;}
.color2 {background: black;}
.color3 {background: red;}
.color4 {background: pink;}
.color5 {background: gray;}
.color6 {background: green;}
.color7 {background: yellow;}
.color8 {background: blue;}

.red {color: red;}

.plus{
  font-size: 2em;
  float: left;
  margin: 0px 10px 0 10px;
}

.mix-box{  
  clear: both;
  float: left;    
  width: 680px;
  margin-top: 20px;
  margin-bottom: 20px;     
}

.score-detail{  
  height: 470px;
  position: relative;
  overflow: hidden;
  margin-top: 10px;          
}

.score-detail img{  
  position: absolute;
  bottom: 0;    
}
 
.mix-main{  
  height: 470px;
  position: relative;
  overflow: hidden;          
}

.mix-main img{  
  position: absolute;
  bottom: 0;    
}

.mix-info{     
  float: left; 
  width: 250px;
  margin: 30px 0 0 20px; 
  position: relative;                  
}

.scorebox{
  margin-left: 10px;
}

.info-sizes-img{
  width: 150px;
  float: left;
  margin: 20px 20px 0 0;
}

.info-sizes{    
  float: left;
  width: 510px;
  margin-top: 10px;  
}

.info-sizes table{    
  text-align: center;
  border-collapse: collapse;
  line-height: 2.4em;
  margin-bottom: 20px;      
}

.info-sizes table th{  
  background: url(/eter-images/dotline.png) no-repeat bottom;  
  width: 55px;
  padding: 3px;
  font-weight: normal;  
}

.info-sizes table td{
  padding: 5px; 
}

.description{    
  font-size: 1.2em;
  margin-left: 20px !important;  
}

.info-size-select{
  clear: both;  
  margin-left: 10px;      
}

.info-size-select .smaller{    
  margin-bottom: 6px;
  font-size: 0.8em; 
  height: 15px;           
}

.info-price-old{
  clear: both;
  font-size: 1.3em;         
  height: 25px;    
}

.info-price{
  clear: both;
  font-size: 3em;        
  height: 50px;  
  overflow: hidden;  
}

.info-size-select input{
  width: 18px;                               
}

.info-size-select label{
  position: relative;
  top: -1px;                    
}

.info-size-select form{
  width: 225px !important;  
}

.button-buy-position{ /*input*/
  position: relative;
  height: 75px;   
}

.button-buy{ /*input*/
  position: absolute;
  top: 110px;
  left: -5px;  
  display: block;
  height: 45px !important;
  width: 230px !important;
  border: 0;
  padding: 0;
  text-align: center;
  color: white;        
  font-size: 1.6em;
  text-decoration: none;
  background: url(/eter-images/bg-button-buy.png);
  cursor: hand;
  cursor: pointer;   
}

.button-buy-right{ /*input*/
  position: absolute;  
  top: 0;
  right: 0;  
  display: block;
  height: 45px !important;
  width: 230px !important;
  border: 0;
  padding: 0;          
  text-align: center;
  color: white;        
  font-size: 1.6em;
  text-decoration: none;
  background: url(/eter-images/bg-button-buy.png);
  cursor: hand;
  cursor: pointer;   
}

.button-correction{
  top: -2px !important;
  right: -2px !important;
}

.button-buy-position-2{ /*a*/
  position: relative;
  height: 45px;
  margin-top: 10px;  
}

.button-buy-2{ /*a*/
  position: absolute;
  top: 0;
  left: 0;  
  display: block;
  height: 35px !important;
  width: 230px !important;
  border: 0;
  padding: 0;
  padding-top: 10px;  
  text-align: center;
  color: white;        
  font-size: 1.6em;
  text-decoration: none;
  background: url(/eter-images/bg-button-buy.png);
  cursor: hand;
  cursor: pointer;   
}

.button-buy:hover, .button-buy-2:hover, .button-buy-right:hover{
  background: url(/eter-images/bg-button-buy2.png); 
}

.button-correction-2{
  position: relative;
  top: -3px !important;
}

.mix-colors{
  display: block;
  height: 38px;
  width: 58px;
  background: url(/eter-images/bg-button-colors-2.png);
  padding: 0;
  margin: 0;
  float: left;
  margin: 0 3px;
}

.mix-colors img{
  margin: 4px 0 0 14px;
}

.rating{
  position: absolute;
  top: 20px;
  right: 30px;
}

.score{
  font-size: 1.8em;
  font-weight: bold; 
  margin-right: 15px;
  float: left;  
}

.score2{
  font-size: 1.8em;
  font-weight: bold;
}
 
.scoring a{
  height: 28px;
  width: 23px;
  margin: 0 2px;
  padding: 0;
  display: block;
  float: left;
}

.rating-plus{background: url(/eter-images/rating-plus.png);}
.rating-plus:hover{background: url(/eter-images/rating-plus2.png);}

.rating-minus{background: url(/eter-images/rating-minus.png);}
.rating-minus:hover{background: url(/eter-images/rating-minus2.png);}


.publish{
  margin: 5px 0 0 20px;  
}

.publish img{  
  margin-bottom: -3px;
}

.author{
  position: absolute;    
  top: 470px;  
  left: 0;
  padding: 0 20px;
  width: 210px;
  text-align: right;
  line-height: 1.8em;           
}

.says{    
  font-style: italic;
  font-family: Times New Roman;
  font-size: 1.4em;
  margin-left: 10px;
  padding-top: 8px;        
}

.author-says{
  float: left;
  width: 50px;
  font-style: italic;
  font-family: Times New Roman;
  position: relative;
  top: 15px;
  text-align: right;
}

.says2{    
  float: left;
  font-style: italic;
  font-family: Times New Roman;
  font-size: 1.4em;    
  font-weight: lighter;
  margin-top: 5px;          
}

.says2 p{
  line-height: 1.1em;
}

.shipping{
  clear: both;
  width: 230px;
  text-align: center;
  padding-top: 20px;
}

.shipinfo{
  width: 480px;
  float: left;
  margin-left:20px;
}

.prevnextbox{
  width: 280px;  
  float: left;
  height: 70px; 
}

.prevb, .nextb{
  display: block;  
  height: 30px;    
  text-decoration: none;
  color: #a3a3a3;
  float: left;
  width: 45px;
  padding-top: 10px;
  font-size: 0.9em;  
}

.prevb{  
  background: url(/eter-images/ar-previous.png) no-repeat left top;
  padding-left: 40px;
}

.nextb{
  position: absolute;
  left: 110px;
  background: url(/eter-images/ar-next.png) no-repeat right top;    
  text-align: right;
  padding-right: 40px;  
}

.scoring{  
  margin: 16px 20px 0 15px;
  height: 30px;   
}

.scoring2{  
  width: 250px;
  overflow: hidden;       
}

.fb-root{
  display: block;
  height: 30px;
}

.nextb:hover, .prevb:hover{        
  color: #575757;
  border-bottom: none;
}
 

.prevb:hover{
  background: url(/eter-images/ar-previous2.png) no-repeat left top;
}

.nextb:hover{                                                 
  background: url(/eter-images/ar-next2.png) no-repeat right top;
}

.prev2, .next2{
  width: 70px;  
  float: left;
  text-align: center;    
}

.all2{
  width: 100px;  
  float: left;  
  padding-top: 20px;
  text-align: center;            
}

.photos{     
  margin-top: 20px;
  width: 220px;
  height: 131px;  
  overflow: hidden;  
  text-align: center; 
  border-bottom: 1px solid #eee;  
  padding-bottom: 34px;
  padding-left: 30px;    
}

.photo{
  height: 131px;
  background: url(/eter-images/item-break2.png) no-repeat bottom center;
  float: left;  
}

.photo-single{
  height: 131px;
  background: url(/eter-images/item-break2.png) no-repeat bottom center;
  float: left;
  margin-left: 40px;  
}

.photos img{    
  height: 130px;   
}

.photogallery{   
  margin: 20px 0;            
}

.photogallery img{  
  width: 100px;
  height: 100px;   
}

.photogallery a{  
  width: 100px;
  height: 100px;    
  display: block;
  float: left;
  padding: 1px;
  margin: 0 4px;   
  border: 1px solid #009cff;              
}

.photogallery a:hover{           
  border: 1px solid #cd25ac;
  background: #cd25ac;;      
}

#comments{
  clear: both;
  position: relative;  
  width: 670px;
  padding: 0 0 40px 30px;
  float: left;
  margin-right: 0px;      
}

.mix-box #comments{
  padding: 0 !important;
}

.fblike{
  position: absolute;
  top: 140px;
  right: 0;
  height: 65px;
  width: 260px;
  overflow: hidden;
  padding: 0;  
}

.fbcomments{
  float: left;  
  padding-left: 25px;
  border-left: 1px dashed #d8d8d8;
  width: 500px;
  overflow: hidden;  
}

.comment{
  clear: both;
  float: left;
  width : 100%;
  background: url(/eter-images/dotline.png) no-repeat top;  
  padding: 10px 0 5px 0;
  margin-top: 10px;     
}

.comment p{
  margin: 5px 0 0 20px;    
}

.question{
  margin: 5px 0 0 20px;
  font-size: 1.3em;
  color: #1095e9;
}

.reply{
  padding: 5px 10px;
  margin: 10px 0 0 40px;     
}

.reply p{
  font-size: 1em;
  color: #575757;  
} 

.verify{
  width: 22px;
  font-size: 1.25em;    
}

.verify-line{
  clear: both;
  margin-top: 5px;
}

.verify-line div{
  float: left;
  position: relative;
  top: 14px;
  margin: 0 8px;
}

.button-margin{
  margin-left: 15px !important;
}

.comment-add{
  float: left;
  margin: 10px 0 10px 0px;  
}

.comment-add-img{
  float: left;
  margin: 30px 0 10px 10px;  
}

.comment-add input{
  margin: 4px 0;
}

.people{
  float: left;
  margin: 7px;
  display: inline;
}

.people h4{
  display: inline;
}

.chart{
  border-collapse: collapse;
  font-weight: bold;
  margin-left: 15px;  
}

.chart td{
  border-top: 1px solid #eee;
}

.chart th{
  width: 100px;
  text-align: center;
  font-size: 0.8em;
  padding: 8px 0px;
  border-bottom: 2px solid #ccc !important; 
}

.chart2 th{
  width: 121px;  
}

.purchase{
  width: 300px !important;
}

.chart td{
  text-align: center;
  padding: 8px 0;
  font-size: 0.9em;
}

.pieces{
  width: 18px;
  font-weight: bold;
}

.summary{
  font-size: 1.8em;
  color: #cd25ac;
  background: #eee;
}

.summary td{
  border-top: 1px solid #e9e9e9 !important;
  border-bottom: 1px solid #e9e9e9 !important;
}

.line{
  background: #f7f7f7;
}

.country{
  margin: 25px 0 25px 15px;
  color: #aaa;
}

.country .selected{
  font-size: 1.5em;  
}

.columns{
  margin-left: 15px;
  float: left;
  width: 215px;
  display: inline;
  line-height: 2em;
}

.column-hp{
  float: left;
  width: 440px;  
  margin: 30px 40px 20px 0;
  display: inline;
}

.m-yellow{background: #f9f604; padding: 2px 5px;}
.m-green{background: #a4e976; padding: 2px 5px;}
.eko{color: #2ccd12; font-weight: bold;}
.oekotex{list-style-type: upper-roman;}
.cert a{padding: 0;}
.cert a:hover{background: none}
.cursor {cursor: pointer; cursor: hand;}

.shipping{
  color: #cd25ac;
  font-size: 1.3em;
  margin-left: 5px;  
}

.columns input{
  width: 20px;                          
}

.columns .shipping{
  font-weight: bold;
  font-size: 1.1em; 
}

.sepline td{
  border-top: 2px solid #ccc !important; 
}

.desc{  
  font-size: 0.9em;
  margin-left: 5px;
  top: -7px !important;
  position: relative; 
}

.street{
  width: 110px!important;
}

.number{
  width: 45px !important;
}

.note-aside{
  width: 440px !important;
  float: left; 
}

.note{
  margin-left: 30px;
  margin-top: 60px;
  float: left;
  width: 200px;
  display: inline; 
}

.notice{
  margin-top: 2px;
  width: 200px;
  height: 100px;
}

.nextstep{
  clear: both;  
  position: relative;
  width: 700px;
  height: 45px;      
  margin-top: 30px;   
}

.next-items{
  display: block;
  margin: 100px 0 0 40px;
  width: 120px;
  height: 90px;
  background: url(/eter-images/next-items.png) no-repeat;
}

.next-items:hover{
  background: url(/eter-images/next-items-2.png) no-repeat;
}

.important{
  background: #eee;
  border: 5px solid #ccc;
  padding: 10px; 
  font-size: 1.2em;
  margin: 20px 15px;
}

.designspec{
  margin-top: 15px;
  height: 40px;
  width: 270px;
}

.topay{
  background: #04c008;
  padding: 2px 5px ;  
  color: white;
  font-weight: bold;
}

.sell{
  width: 250px;
  line-height: 1.8em;
}

.sell td{
  padding: 0 3px;
}

.orders{
  text-align: center;
  margin-top: -10px;
}

.orders td{  
  padding-top: 3px;
}

.orders th{    
  padding: 8px 0px;
  border-bottom: 2px solid #ccc;
  font-size: 0.8em;   
}

.stav{
  float: right;
  position: absolute;
  display: inline;
  right: 0px;
  top: -10px;  
}

.maintd{
  width: 380px;
  font-size: 1em !important;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  line-height: 1em;
  text-align: left;
  font-size: 0.8em;
}

.margin{
  padding-bottom: 10px;    
}

.stage{
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  line-height: 1em;
  text-align: left;
  font-size: 0.8em;
  width: 140px;
}

.sale-item{
 width: 450px;
 float: left;
 margin-right: 30px;
}

.sale img{
  width: 150px;
  height: 200px;  
}

.sale a{
  margin: 5px;
  float: left;
  display: block;
  width: 150px;
  height: 200px;
  border: 1px solid white;
  padding: 1px;
  display: inline;  
}

.sale a:hover{
  border: 1px solid #cd25ac;  
}

.sale-info{
  float: left;
  width: 280px;      
}

.sale-speed{
  font-size: 3em;
  /* text-align: center; */
  width: 100%;
}

.sale-margin{
  margin-left: 15px;
}

.price-old{
  text-decoration: line-through;
  color: red;
  font-weight: bold;
  font-size: 1.7em;
}

.price-new{
  color: #04c008;
  font-weight: bold;
  font-size: 2em;
}

.alert{
  color: #04c008;
  font-weight: bold;
  font-size: 2em;
}

.print{
  background: url(/eter-images/dotline.png) no-repeat top;
  padding-top: 10px;
}

.print-prague{
  margin-right: 30px;
  float: left;
}

.print-line{
  position: relative;
  left: -20px;  
}

.finish{
  margin-left: 50px;
  float: left;
}

.kit{
  background: #f4f4f4;
  border: 1px solid #a3a3a3;
  padding: 20px;
  width: 450px;
  margin: 20px 0;
}

.downinfo{
  float: left;
  margin-left: 10px;
  width: 400px;   
}

.downinfo p, .zip{
  margin-left: 5px;
  color: grey;
  margin-bottom: 5px;
}

.download{
  float: left;
  position: relative;
  top: 3px;   
}

.downlogo{
  float: left;
  margin-right: 10px;
}

.popout{
  position: relative;
  top: 6px;
}

.scoring-box{
  height: 250px;
  width: 182px;
  float: left;
  margin: 0 12px 20px 0;  
  font-size: 0.9em;
  text-align: center;    
  overflow: hidden;  
  line-height: 1.3em;         
}

.scoring-box-image{  
  position: relative;
  height: 182px;
  width: 182px;              
}

.scoring-box-line{  
  text-align: left;
  width: 176px;
  margin-left: 3px;  
  position: relative;
  color: #999999;
}

.scoring-box-name{
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 0.9em;
  font-style: italic;
}

.scoring-box2{
  height: 165px;
  width: 132px;
  float: left;
  margin: 0 6px 15px 0;  
  text-align: center;
  font-size: 0.8em;  
  overflow: hidden;  
  line-height: 1.3em;         
}

.scoring-box-image2{  
  position: relative;
  height: 136px;
  width: 132px;           
}

.scoring-box-image2 img{
  height: 120px;
  width: 120px;
}

.scoring-img{
  width: 650px;
  height: 470px;
}

.scoring-box-image2 a{
  height: 120px;
  width: 120px;
  overflow: hidden;  
  border: 1px solid #ccc;
  display: block;
  padding: 5px !important;              
}

.scoring-box-image a{
  height: 180px;
  width: 180px;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid #ccc;
  display: block;           
}

.scoring-box-image a:hover, .scoring-box-image2 a:hover{
  border: 1px solid #232323;         
}

.scoring-box-image a:hover, .scoring-box-image2 a:hover, .stars a:hover, .banners a:hover{
  background: none;         
}

.banners a{
  width: 311px;
  float: left;
  height: 102px;
  padding: 0;
  margin: 0 3px;
  border: 1px solid #ccc;
}

.banners a:hover{  
  border: 1px solid #575757;
}

.in-sale{
  position: absolute;
  bottom: 0;
  right: 0;   
  font-size: 1.2em;
  padding: 4px 8px;
  color: white;
  background: #cd25ac;
  text-decoration: none; 
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;  
}


.score-stars span{
  font-size: 1.1em;
  position: relative;
  top: -3px;        
}

.score-stars img{  
  padding: 3px 1px;        
}

.star-margin img{ 
  padding: 3px 1px !important;
}

.star_clickable{
  cursor: hand;
  cursor: pointer;          
}

.scoring-box-image span img{ 
  padding: 0px;  
}

.stars{
  float: left;  
  width: 155px; 
}

.stars a{  
  float: left;  
  padding: 0;  
  margin: 0 0 0 5px;
}

.score-comments{
  margin-top: -50px; 
}

.score-number{
  float: left;
  font-size: 30px;
  padding-left: 10px;
  position: relative;
  top: -7px;   
}

.other-prints{  
  position: absolute;
  top: 450px;
  left: 0;  
  width: 260px;        
  line-height: 1.8em;             
}

.avatar{
  float: left;
  width: 50px;
  height: 50px;
  display: block;
  margin-right: 20px;
}

.comment-content{
  float: left;
  width: 600px;   
}

.replied_comment{
  margin-left: 60px;
  padding-left: 10px;
  background: url(/eter-images/dotline2.png) no-repeat left;
}

.replied_comment .comment-content{
  width: 530px;
}

#registracni_form{
  border: 1px solid #e3e3e3;
  background: #f2f2f2;  
}

 #registracni_form.nobg{
  background: none;
  border: none;
}

.comment-content p, .reply-content p{
  margin-left: 0;
}

.reaction{
  position: relative;
  bottom: -4px;
}

.reply-content{
  float: left;
  width: 400px;      
}

.comment-reply{
  clear: both;
  padding: 10px 0;      
}

.komentovat{  
  color: #bbb;  
}

.comment-margin{
  clear: both;
  padding: 5px 0 0 70px;  
}

.komentovat:hover{
  background: none;
  color: #575757;
}

.comment-content input{
  font-size: 0.9em !important;
}

.comment-img{  
  float: left;
  position: relative;
  top: 3px;
  margin-right: 5px;  
}

#comments h3{  
  margin-bottom: 0;
  margin-top: 10px; 
}

form .comment{
  background: none;
}

.nobg{
  background: none;  
}

#bottom{  
  clear: both;	      
  width: 100%;    
	overflow: hidden;	    
}

#bottom, .stripe{
  background: #232323;  
}

.msg_head {
  cursor: pointer;
  position: relative;
  margin: 10px 0 0 15px;
  color: #009cff; 
  text-decoration: underline;
  display: table;
  padding: 3px;      
}

.pack-arrow{
  background: url("/eter-images/pack-arrow.png") no-repeat right;
  padding-right: 20px !important;
}

.msg_head:hover {color: white; text-decoration: none; background: #cd25ac;}

.hidden{
  visibility: hidden;
  height: 1px !important;
  padding: 0;
  margin: 0;
}

#tab-box ul{
	list-style: none;
	list-style-position: outside;
}
#tab-box ul.tabs li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#tab-box ul.tabs li{	
	display: block;
	padding: 5px 10px 5px 10px;
  font-family: georgia;		
	font-size: 1.2em;	
	margin-bottom: -1px;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #bbb;
	cursor: pointer;
	z-index: 10;
}

#tab-box ul.tabs li.active{	
	background: white;
  top: 1px;
	border-bottom: 0;
	color: #575757;	
}

.tab-content{
	padding: 30px 0;
  border-top: 1px solid #ccc;
	z-index: 1;
}

.tab-content.tab1{
	display: block;
}

.tab-content.tab2{
	display: none;
}

.count{
  position: relative;
  top: 17px;
  color: #999999;
}

.count img{
  height: 30px;
  float: left;
  margin-right: 4px;
  position: relative;
  bottom: -2px;
}