html{ height:101%}

body h1, h2, h3{font-family: Arial, Helvetica, Verdana} 

h1{
  color: rgb(0,0,102);
  font-weight: bold;
  font-size: 1.3em;
  border-bottom: 1px solid rgb(240,240,255);
  border-left: 1px solid rgb(240,240,255);
  padding: 2px;
}

h2{
  color: rgb(0,0,102);
  font-weight: bold;
  font-size: 1.15em;
}

h3{
  color: rgb(50,100,102);
  font-weight: bold;
  font-size: 1.05em;
}


#nav a.active{
  font-weight:bold;
  color:black;
}  

A:hover  {color: #a25a33; text-decoration: none;}

/* vypis hledanych produktu */
.product_table{
  width: 100%;
  padding-left: 3%;
}

.product_table td{
  padding: 2px;
}


.product_table .name{
  font-weight: bold;
}


.product_table .price{
  text-align: right;
}


.product_table .header th{
  border-bottom: dotted gray 1px;
}


/* vypis produktu*/
.detail #txt            {width: 100%; color: #646464; height: auto; padding-bottom: 20px;}
.detail .vice           {display: block; font-weight: bold; font-size: 100%; margin-bottom: 15px;}
.detail .price_item     {font-size: 120%; border: solid 1px #fff; border-width: 1px 0; padding: 1px 0;}
.detail .price_item:hover{background: #fafafa; border-color: #eee;}
.detail .price_item *   {vertical-align: middle;}
.detail .bezdph         {font-weight: normal;}
.detail .dph            {font-weight: bold; color: #a97253;}
.detail INPUT           {width: 20px; margin-left: 20px;}
.detail .submit         {width: 33px; border: 0; background: transparent; padding: 0;}
.detail .popis .label, .detail .fotogalery .label   {color: #9c5c39; border-bottom: solid 1px #efeeee; padding-bottom: 3px; margin: 0 0 10px 0; padding-top: 30px; font-size: 120%; font-weight: bold; text-transform: uppercase;}
.detail #photo          {background: transparent; text-align: center;}
.detail #photo A,
.detail #photo A:visited{text-decoration: underline;}
.detail #photo IMG      {padding: 6px; border: solid 1px #efeeee; display: block;}
.detail #photo IMG:hover{border-color: #ba8d74;}
.detail #photo SPAN     {color: #777; text-decoration: underline;}
.detail #photo A:hover SPAN {color: #ba8d74;}
.detail .goods          {margin-bottom: 0;}
.table1                 {width: 70%; margin-top: 20px; font-size: 0.85em; color: #777;}
.table1 TH              {background: url(/pix/detail_table_th.gif) repeat-x #bc6b3f; color: #fff; padding: 4px 10px !important;}
.table1 TD              {padding: 3px 10px !important; border-bottom: dotted 1px #c2c2c2;}
.table1 .column1        {width: 129px; font-weight: bold;}
.table1 .column2        {width: 300px;}

.goods .product img               {max-width: 130px;;max-height: 130px}
.goods .product img.no-photo      {/*margin-top: 25px;*/}
.buy_now                          {display: inline;}
.detail #photo img                {max-width: 150px;max-height: 150px;}

.price_table{
  width: 80%;
}

.price_table td{
  font-size: 10pt;
}

.price_table h3{
  font-size: 1.0em;
}

.price_table .price_line{
  padding-left: 10px;
}

.price_table .buy_cnt{
  text-align: center;
} 


#lightbox-container-image-box IMG{
  max-width: 500px;
}

.fotogalery img                {max-width: 150px;max-height: 150px;}

.detail .photo          {width: 225px; background: transparent; text-align: center;}
.detail .photo IMG      {max-height: 120px;padding: 6px; border: solid 1px #efeeee; display: inline;}
.detail .photo IMG:hover{border-color: #ba8d74;}


.price_nosale{
	font-size: 0.9em;
	text-decoration: line-through;
	color: #989898;
}


#actionpneu span.price_nosale{
     display:block;
     color:#a8a8a8;
     font-size:8pt;
}

/******************************************************/
/************     kosik & objednavka     **************/
/******************************************************/

.order                  {width: 100%}                  


.order_table            {width: 100%; border: solid 1px rgb(214,215,253); font-size: 100%; border-collapse: collapse; }
.order_table TH         {background:  rgb(232,244,255); font-weight: bold; color: rgb(69,71,153); padding: 4px 4px !important;}
.order_table .th1       {text-align: center;}
.order_table .th2       {width: 270px;text-align: center;}
.order_table .th3       {}
.order_table .th4       {}
.order_table .th5       {}
.order_table .th6       {}
.order_table TD         {font-size: 9pt;padding: 6px 0px 6px 6px !important; border-bottom: solid 1px rgb(214,215,253); color: #444;}
.order_table STRONG     {color: #646464;}
.order_table INPUT      {width: 18px;}
.order_table .cena      {color: #a97253; font-weight: bold;}

.order .left            {float: left; width: 340px; padding-top: 15px;}
.order .right           {float: right; width: 105px; padding-top: 25px;font-size: 8pt; margin-right:100px;}

.order  .pokracovat{background: url(/pix/order_pokracovat.png) no-repeat; display: block; width: 182px; height: 30px; float: left; margin-right: 15px;}
.order .left .prepocitat{background: url(/pix/order_prepocitat.png) no-repeat; display: block; width: 182px; height: 30px; border: 0; cursor: pointer;}
.order  a.pokracovat {padding-left: 25px;padding-top: 7px;color: white; font-weight: bold;font-size: 1.1em;text-decoration: none; }
.order .left .prepocitat{color: white; font-weight: bold; text-align: left; padding-left: 25px; font-size: 1.1em;}

.order .text            {padding: 15px 0 0 0; font-size: 90%; color: #646464;}
.order .text P          {line-height: 14px;clear: left;}

.order .right TABLE                   {width: 205px; font-size: 100%; color: #646464;}
.order .right TABLE TD                {padding: 3px 0 !important;}       
.order .right TABLE .cena TD          {vertical-align: middle; border-top: solid 2px rgb(214,215,253); border-bottom: solid 2px rgb(174,175,253);}
.order .right TABLE .cena STRONG      {display: block; font-size: 110%;}
.order .right TABLE .cena SPAN        {font-size: 150%; color: rgb(69,71,153);}

.order .right .submit                 {display: block; width: 205px; height: 46px; background: url(/pix/order_objednat.png) no-repeat; border: 0; color: #fff; font-weight: bold; font-size: 145%; cursor: pointer; margin-top: 17px;}

.order .continue-submit                 {display: block; width: 255px; height: 46px; background: url(/pix/order_objednat.png) no-repeat; border: 0; color: #fff; font-weight: bold; font-size: 145%; cursor: pointer; margin-top: 17px;float: right;clear:both;}
a.back-btn {background: url(/pix/order_pokracovat.png) no-repeat; display: block; width: 150px; height: 30px; float: right; color: white; font-weight: bold; text-align: left; padding-left: 25px;padding-top: 7px;color: white; font-weight: bold;font-size: 1.1em;text-decoration: none; }


.step1, .step2, .step3{
  display: none;
  width: 150px;
  padding: 5px 10px 3px 10px;
  text-align: center;
  float:left;
  height: 20px;
  background:url('../pics/step-bckg.png') no-repeat top left transparent;
  font-size: 1.1em;
}


.step1.active, .step2.active, .step3.active{

  font-weight: bold;
}

.clr                    {clear: both; font-size: 1px;}

/* sorting */
#sorting                {margin: 15px 0 ; padding: 0 15px; line-height: 27px; background: #f8f8f8; border: solid 1px #efeeee; border-width: 1px 0; color: #777; font-size: 95%;}
#sorting A,
#sorting A:visited      {color: #777;}
#sorting .active        {color: #43a517 !important; font-weight: bold !important; text-decoration: none;}
#sorting .label         {font-weight: bold; float: left;}
#sorting .up            {display: block; width: 18px; height: 18px; margin: 6px 0 0 35px; background: url(/pix/sorting_up.gif) no-repeat 100% 50%; float: left;}
#sorting .down          {display: block; width: 18px; height: 18px; margin: 5px 0 0 0; background: url(/pix/sorting_down.gif) no-repeat 0% 50%; float: left;}
#sorting .up.active     {background: url(/pix/sorting_up_active.gif) no-repeat;}
#sorting .down.active   {background: url(/pix/sorting_down_active.gif) no-repeat;}
#sorting .sortby        {float: left; background: transparent;}
#sorting .showby        {display: block; float: right; font-weight: bold;}
#sorting .showby A      {margin-left: 25px; font-weight: normal;}
#sorting .showby A.active {background: transparent;}

/* pagination */
#pagination             {margin: 15px 0 0 0; padding: 0 15px; line-height: 27px; background: #f8f8f8; border: solid 1px #efeeee; border-width: 1px 0; color: #777; font-size: 95%;}
#pagination .label      {font-weight: bold; float: left; margin-right: 35px;}
#pagination .pages      {border-left: solid 1px #efeeee; display: block; float: left;}
#pagination A,
#pagination A:visited   {display: block; float: left; height: 27px; padding: 0 8px; background: #fff; border-right: solid 1px #efeeee; text-decoration: none; font-size: 90%; color: #777;}
#pagination A:hover     {color: #fff; background: #777;}
#pagination .arrow      {font-size: 118% !important; background: #fafafa !important;}
#pagination .arrow:hover{color: #fff !important; background: #777 !important;}
#pagination A.active     {color: #fff !important; font-weight: bold; font-size: 100%; background: url(/pix/pagination_active.png) repeat-x #358412 !important;}



.err-box{
	display: block;
	border: 1px solid #CD853F;
	background-color: #FFFFD9;
	color: #FF4500;
	padding: 10px;
	margin: 10px;

}

.success-box{
	display: block;
	border: 1px solid #556B2F;
	background-color: #EBF1E0;
	color: #556B2F;
	padding: 10px;
	text-align: center;
	margin: 10px;	
}

.hidden{
	display: none;
}

.star{
  color: red;
  font-weight: bolder;
}

table.form-table td{ padding: 2px;}


.note{
	font-size: 0.9em;
	color: #545454;
}

.product img, .goods .product img
{
   padding:5px 30px 5px 35px;
   display: block;
   max-height: 110px;
   max-width: 110px;
}

.fast-login .title{
  margin: 5px;
  display:block;
}

.customer .row1{ text-align:right; padding: 10px;}

.customer .row2{ text-align:center; padding-right: 10px; font-weight: bold;}
.customer .row2 a:hover{ border-bottom: dotted orange 1px;}

.customer input.input {padding: 3px 5px 4px 5px; font-family: arial; border: solid 1px #c9c9c9; color: #777; background: url(/pix/input_bg.png) no-repeat; height: auto;}