/* CSS UNIEXPO catalog */



/***************** action ************************/


div.action_item{
width: 303px;
float: left;
margin: 10px 10px 10px 0;
}

div.action_top{
background: #ffffff url("../images/bg_action_top.jpg") no-repeat;
height: 9px;
line-height:0.75pt;
font-size: 0.75pt;
margin: 0;
}

div.action_bottom{
background: #ffffff url("../images/bg_action_bottom.jpg") no-repeat bottom;
width: 303px;
overflow:auto;
margin:0;
padding: 3px 0 10px 0;
}





/***************** catalog detail ************************/

div#content table.catalog_detail{
margin: 0 0 0 0;
}

table.catalog_detail td{
vertical-align: top;
padding: 0;
font-size: 8.25pt;
}

div#content table.catalog_detail td.describe{
padding: 0 20px 0 0;
width: 55%;
text-align:justify;
}

div#content table.catalog_detail td.photo{
padding: 0 0 0 10px;
}

div#content table.catalog_detail td.photo img{
border: 2px solid #cccccc;
}

table.catalog_detail td.describe div.price_old{
color: #333333;
margin: 0 0 0 0;
padding: 0 0 5px 0;
font-weight: normal;
font-size: 9.75pt;
text-decoration:line-through;
}

table.catalog_detail td.describe p.price_old span{
font-size: 10.5pt;
margin: 0 0 0 7px;
display:inline;
text-decoration:line-through;
}


table.catalog_detail td.describe div.order_number{
font-size: 8.25pt;
color: #666666;
margin: 10px 0 0 0;
}

/***************** catalog detail - anotace ************************/

p.anotace{
	font-size: 9.75pt;
}


/***************** catalog detail - technicke parametry ************************/

table.catalog_detail td.describe table.parameter{
margin: 5px 0 10px 0;
}

table.catalog_detail td.describe table.parameter td{
padding: 1px 0;
}

table.catalog_detail td.describe table.parameter td.name{
padding-right: 10px;
}

table.catalog_detail td.describe table.parameter td.atribut {
padding-right: 20px;
}

table.catalog_detail td.describe table.parameter td.atribut img {
margin-right: 7px;
}


table.catalog_detail td.describe table.parameter th{
padding: 2px 10px 2px 0;
}



table.catalog_detail td.describe table.discount{
width: 45%;
float: left;
margin: 0 10px 10px 0;
}

table.discount td {
padding: 3px 5px;
background: #f5f5f5; 
}

table.catalog_detail td.describe table.discount td { 
padding: 1px 5px;
background: #f5f5f5; 
}

table.catalog_detail td.describe table.discount th.name{
width: 125px;
}


table.catalog_detail td.describe table.parameter th{
padding: 2px 10px 2px 0;
}

table.catalog_detail td.describe table.discount_headline{
width: 100%;
float: left;
margin: 0 0 0 0;
}
table.catalog_detail td.describe table.discount_headline th{
color:#000000;
padding: 0 0 0 0;
font-size: 9pt;
}
table.catalog_detail td.describe table.discount_headline th.first{
width: 182px;
}


/***************** catalog detail - tabulka vlozeni do kosiku ************************/

table.sizelist{
margin: 5px 0;
padding: 0;
border-collapse: collapse;
}

table.sizelist th{
padding: 4px 4px;
background: #dfdfdf;
color: #000000;
font-weight: bold;
font-size: 8.25pt;
border: 1px solid #d1d1d1;
}

table.sizelist td{
padding: 3px 4px;
vertical-align: middle;
background: #EDEDED;
font-size: 8.25pt;
border-collapse: collapse;
border: 1px solid #d1d1d1;
}

table.sizelist td.addon{
padding: 2px 4px;
font-weight: bold;
}

table.sizelist td.grafika{
padding: 4px 4px;
}

table.sizelist td.grafika input{
vertical-align:bottom;
}

table.sizelist td.addtocart{
padding: 5px 4px 8px 4px;
font-weight: bold;
text-align: right;
}


table.sizelist tr.stripe td{
background: #d1d1d1;
font-size: 0.75pt;
line-height:0.75pt;
height: 3px;
}

table.sizelist td input.button{
vertical-align:middle;
}

table.sizelist td input.count{
width: 25px;
text-align: center;
padding: 2px 0;
margin: 0 3px 0 0;
vertical-align:middle;
}

table.sizelist td select.count{
width: 50px;
padding: 0 0 0 0;
margin: 0 3px 0 0;
vertical-align:middle;
font-size: 8.25pt;
}

table.sizelist td input.inline-button {
	padding: 3px 5px;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #99cc00;
   color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
}



/***************** catalog detail - tabulka cena ************************/

table.price{
	margin: 5px 0;
}

table.price td{
	padding: 3px 0;
}

table.price td.width{
	width: 155px;
}

table.price tr.tax td{
	font-size: 9.75pt;
	font-weight:bold;
}

table.price tr.tax td span{
	color: #99cc00;
}

table.price tr.wotax td{
	font-size: 9pt;
}


/***************** catalog detail - tabulka kosik ************************/

table.cart{
margin: 10px 0;
padding: 0;
border-collapse: collapse;
color:#000000;
width: 100%;
background: none;
}

table.cart th{
padding: 4px 4px;
background:#c1c1c1;
color: #000000;
font-weight: bold;
font-size: 8.25pt;
border: 1px solid #d1d1d1;
}

table.cart td{
padding: 4px 5px;
vertical-align: middle;
background: #f9f9f9;
font-size: 8.25pt;
border: 1px solid #d1d1d1;
}

table.cart tr.main td{
background: #eeeeee;
}

table.cart td.addon{
padding: 5px 5px 5px 10px;
}

table.cart td.addon div{
padding: 0 0 0 13px;
}

table.cart td.price span{
font-size: 7.5pt;
}


table.cart td.addon img{
margin: 0 5px 0 0;
vertical-align: top;
}

table.cart td a{
color: #000000;
}


table.cart td input.button{
vertical-align:middle;
}

table.cart td input.count{
width: 25px;
text-align: center;
padding: 2px 0;
margin: 0 3px 0 0;
vertical-align:middle;
}

table.cart td select.count{
width: 50px;
padding: 0 0 0 0;
margin: 0 3px 0 0;
vertical-align:middle;
font-size: 8.25pt;
}

table.cart tr.suma td{
padding: 6px 5px;
background: #c1c1c1;
border-top: 3px solid #777777;
}


table.cart tr.buttons td{
padding: 10px 0 10px 0;
background: none;
border: 0;
}

table.cart tr.buttons td.back a.inline-button{
background:#999999;
color:#FFFFFF;
}


table.cart tr.buttons td.order a.inline-button{
padding:5px 15px;
text-transform:uppercase;
font-size:9.75pt;
font-weight:bold;
color:#FFFFFF;
}




/***************** zalozky ************************/

div#content div#bookmark ul{
	padding: 0 0 0 0;
	margin:0;
}

div#content div#bookmark ul li{
		list-style-type: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border-bottom: 1px solid #73838C;
		float: left;
		background: url(../images/bg_bookmark.gif) no-repeat left top;
}

div#content div#bookmark ul li div{
	background: url(../images/bg_bookmark_right.gif) no-repeat right top;
	padding: 3px 10px;
	margin: 0;
}
div#content div#bookmark ul li div a{
	color: #333333;
}
div#content div#bookmark ul li.active{background: url(../images/bg_bookmark_active.gif) no-repeat; border-bottom: 0;}
div#content div#bookmark ul li.active div{background: url(../images/bg_bookmark_right_active.gif) no-repeat top right;}

/***************** catalog item ************************/

table.catalog_item{
margin: 10px 15px 10px 0;
}

table.catalog_item td{
vertical-align: top;
text-align: left;
padding: 0;
font-size: 8.25pt;
}

table.catalog_item td.image{width: 175px;}
table.catalog_item td.describe{padding: 0 0 0 0;}
table.catalog_item td.describe_loyalty{padding: 10px 0 0 0;}
table.catalog_item td.detail{ text-align:right;}

table.catalog_item td.describe_loyalty h3{
font-size: 12pt;
color: #99cc00;
}

table.catalog_item td.describe_loyalty h3 span{
font-size: 9.75pt;
}



table.catalog_item td.describe h2{
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
	font-size: 10.5pt;
	font-weight: bold;
}

table.catalog_item td.describe h2 span{
  font-size: 9pt;
  font-weight: normal;
}

table.catalog_item td.describe h2 span span{
  cursor: pointer;
  color: #99CC00;
  font-weight: bold;
  text-decoration: underline;

}

table.catalog_item td.describe p{
	padding: 3px 0 0 0;
	margin: 0 0 3px 0;
}

table.catalog_item td.image img{
	border: 2px solid #CCCCCC;
}

table.catalog_item td a{
	color: #000000;
	font-weight:bold;
}

table.catalog_item td div.name{
	font-size: 9pt;
	font-weight:bold;
	color: #000000;
	padding: 2px 0;
}

table.catalog_item td div.thumb{
	margin: 5px 0 7px 0;
}


table.catalog_item td p.price{
	padding: 7px 0 0 0;
	margin: 0 0 7px 0;
}

table.catalog_item td div.price_old{
	text-decoration:line-through;
	font-weight:normal;
	color: #666666;
	padding: 2px 0;
}

table.catalog_item td div.price strong{
	font-size: 10.5pt;
	color: #c70000;
} 


table.catalog_item td div.vars{
	background: #E9E9E9;
	border-top: 1px solid #CCCCCC;
}

table.catalog_item td a.inline-button {
	padding: 3px 5px;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #99cc00;
   color: #ffffff;
}

/***************** table customer ************************/

div.order_holder{
margin: 10px 0;
padding: 5px 10px;
border: 1px solid #CCCCCC;
background:#f0f0f0;
}

p.send_order input.inline-button{
padding:5px 15px;
text-transform:uppercase;
font-size:9pt;
font-weight:bold;
color:#FFFFFF;
}

table.customer{
margin: 0;
width: 100%;
color:#000000;
}

table.customer th{
padding: 3px 0;
width: 75px;
}

table.customer th.wide{
width: 100px;
}

table.customer td{
padding: 3px 0;
}

table.customer input{
width: 300px;
margin: 0 0 0 0;
padding: 1px 3px;
font-size: 9pt;
}

table.customer input.radio{
width: 20px;
vertical-align:middle;
}

table.customer td textarea{
width: 97%;
padding: 5px;
font-size: 9pt;
}

/***************** sorting ************************/

div.catalog_remote{
margin: 0 0 10px 0;
}

div.catalog_sorting{
padding: 2px 5px;
background:#f5f5f5;
border: 1px solid #cccccc;
}
div.catalog_sorting a{
margin: 0 3px;
}

div.catalog_listing{
padding: 2px 8px 0 0;
}







.hr_catalog{
		background: url("../images/common/bg_hr_catalog.gif") repeat-x 0 5px;
		height: 15px;
		clear: both;
}



div#content ul.gallery_list{
margin: 10px 0 10px 5px;
padding: 0;
}

div#content ul.gallery_list li{
background: url("../images/gallery/bg_gallery_list.gif") no-repeat 0 5px;
padding: 5px 0 5px 25px;
font-size: 9.75pt;
}

div#content ul.gallery_list li a{
font-weight: bold;
}


div.gallery_descript{
padding: 7px 0;
color: #666666;
}


table.gallery_thumbs{
margin: 10px 0;
}

table.gallery_thumbs td{
padding: 0 10px 0 0;
vertical-align: top;
}

table.gallery_thumbs td.thumb img{
border: 3px solid #cccccc;
}
table.gallery td.view img{
border: 3px solid #cccccc;
}

table.gallery_thumbs td.descript{
font-style:italic;
color: #666666;
font-size: 8.25pt;
padding: 0 0 0 3px;
}

table.gallery{
margin: 7px 0 5px 0; 
}

table.gallery td.view{
padding: 10px 0 0 0; 
}

table.gallery td.descript{
font-style:italic;
color: #666666;
font-size: 8.25pt;
padding: 5px 0 0 5px;
}
table.gallery td.counter{
font-weight:bold;
text-align:right;
padding-right:20px;
}
table.gallery td.counter span{
color: #CD060C;
font-size: 10.5pt;
font-weight:bold;
padding: 0 0 0 5px;
}

table.gallery td span.control{
padding: 0 20px 0 7px;
}

div#content table.prodejce {
margin: 0 0 10px 0;
font-size: 8.25pt;
}

div#content table.prodejce th{
background: #CD060C;
color: #ffffff;
font-weight: bold;
padding: 2px 0 2px 3px;
}

div#content table.prodejce td{
background: #f0f0f0;
padding: 1px 0 1px 3px;
}

div#content table.prodejce th span{
font-size: 7.5pt;
}

div#catalog_fullenter{
padding: 15px 0 0 50px;
}

div#content table.doporuceni {
margin: 15px 0 0 0;
}

div#content table.doporuceni td  {
padding: 2px 0;
}
div#content table.doporuceni td input {
width: 175px;
padding: 2px 3px;
}

div#content table.doporuceni td textarea {
width: 175px;
padding: 2px 3px;
}

ul.loyalty{
padding: 5px 10px 5px 15px;
margin: 20px 0 10px 0;
width: 250px;
border: 2px solid #CCCCCC;
background:#f9f9f9;
}

ul.loyalty li{
padding: 3px 0 3px 15px;
background-position: 0 8px;
font-size: 9.75pt;
}

ul.loyalty li a{
color:#000000;
}

ul.loyalty li a:hover{
color: #99cc00;
}

ul.loyalty li a{
color:#000000;
text-decoration:none;
}

