/* CSS BRAUN CATALOG */

/***************** catalog item ************************/


div.catalog_item{
	width: 159px;
	float: left;
	margin: 0 15px 5px 0;
	padding: 0 0 0 0;
	border: 1px solid #2e8ed0;
	border-top: 0;
	color: #000000;
	text-align:center;
	background:#cdeaff;	
}

div.catalog_last {margin-right: 0;}

div.catalog_item h3{
	display: block;
	font-size: 8.25pt;
	color: #ffffff;
	padding: 7px 7px 7px 7px;
	margin: 0 -1px 0 -1px;
	background: #2e8ed0;
	text-align:center;	
}

div.catalog_item h3 a{
	color: #ffffff;
	text-decoration:none;
}

div.catalog_item h4{
	font-size: 8.25pt;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;		
}

div.catalog_item p{
	padding: 3px 0 0 0;
	margin: 0 0 3px 0;
	font-size: 8.25pt;		
}

div.catalog_item p.ostatni strong, table.catalog_detail p.ostatni strong{color:#ff9600;}
div.catalog_item p.nedostupne strong, table.catalog_detail p.nedostupne strong{color:#e00101;}
div.catalog_item p.skladem strong, table.catalog_detail p.skladem strong{color:#99cc00;}


div.image{
	padding: 10px 0;
	background: #FFFFFF;
	overflow:hidden;
}

div.image table {width: 100%;}
div.image table td{vertical-align: middle; height: 125px; text-align:center;}

div.wotax{
	padding: 3px 0;
	border-top: 1px solid #2e8ed0;
}
div.tax{
	padding: 3px 0;
	font-size: 8.25pt;
}

div.discount{
	padding: 0 0 3px 0;
	color:#FF0000;
	text-decoration:line-through;
}

div.opp{
	padding: 5px 0;
	*padding: 10px 0 5px 0;
	font-size: 8.25pt;
	border-top: 1px solid #2e8ed0;
}

div.opp .inbutton{
text-transform:uppercase;
font-weight:bold;
background: #2e8ed0;
}

/***************** action item ************************/


div.action_item{
	width: 160px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0 0 10px 0;
	border: 1px solid #0ca6d9;
	border-top: 0;
	color: #000000;
}

div.action_item_second {margin-right: 0;}

div.action_item h3{
	display: block;
	font-size: 9pt;
	color: #ffffff;
	padding: 10px 0 10px 10px;
	margin: 0 -1px 0 -1px;
	background: #0ca6d9 url("../images/bg_action_item_h3.gif") repeat-x left top;	
}

div.action_item h3 a{
	color: #ffffff;
	text-decoration:underline;
}

div.action_item h4{
	font-size: 8.25pt;
	text-transform:uppercase;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;		
}

div.action_item p{
	padding: 3px 0 0 0;
	margin: 0 0 3px 0;
	font-size: 8.25pt;		
}

div.action_item table{
margin: 10px 0 0 0;
}

div.action_item table td.image{
padding: 0 10px 0 10px;
vertical-align:middle;
}

div.action_item table td.description{
padding: 0 10px 0 0;
}



/***************** catalog detail ************************/

div#content table.catalog_detail{
margin: 0 0 0 0;
width: 100%;
}

table.catalog_detail td{
vertical-align: top;
padding: 0;
}

table.catalog_detail td.describe{
padding: 0 40px 0 0;
width: 400px;
}

table.catalog_detail td.photo{
padding: 0 0 0 0;
font-style: italic;
font-size: 8.25pt;
color: #999999;
}

table.catalog_detail td.photo img{
}

table.catalog_detail td p{
padding: 2px 0 0 0;
}

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;
}


/***************** catalog detail - anotace ************************/

p.anotace{
	margin:0;
	padding: 0;
	font-style: italic;
	font-size: 9.75pt;
}


/***************** catalog detail - tabulka vlozeni do kosiku ************************/

table.sizelist{
margin: 10px 0;
padding: 0;
border-collapse: collapse;
}

table.sizelist th{
padding: 5px;
background: #f5f5f5;
color: #007dbb;
font-weight: bold;
font-size: 8.25pt;
border: 1px solid #d1d1d1;
border-bottom: 3px solid #d1d1d1;
}

table.sizelist th.same{
background: #ededed;
color: #000000;
}

table.sizelist td{
padding: 5px 5px;
vertical-align: middle;
background: #f5f5f5;
font-size: 8.25pt;
border-collapse: collapse;
border: 1px solid #d1d1d1;
}


table.sizelist td input.count{
width: 25px;
text-align: center;
padding: 4px 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.inbutton{
	padding: 0 5px;
	font-size: 8.25pt;
	height: 22px;
}


/***************** catalog detail - tabulka cena ************************/

table.catalog_detail td.describe p.price{
	color:#000000;
	font-size: 11.25pt;
	font-family:Arial;
	font-weight: bold;
	background:#f5f5f5;
	border: 1px solid #CCCCCC;
	padding: 7px;
	margin: 10px 0;	
}

table.catalog_detail td.describe p.price strong{
	color: #1c98de;
	font-size: 13.5pt;
	padding: 0 5px 0 3px;	
	font-weight: normal; 
}

table.catalog_detail td.describe p.price span{
	color:#666666;
	font-size: 9pt;
	font-weight: normal;
}

table.catalog_detail td.describe p.price span.discount{
	color:#FF0000;
	text-decoration:line-through;
	font-size: 10.5pt;	
}

/***************** catalog detail - stitky ************************/

table.stitky{
margin: 10px 0;
padding: 0;
border-collapse: collapse;
color:#000000;
width: 100%;
background: none;
}

table.stitky th{
padding: 4px 4px;
background:#2e8ed0;
color: #ffffff;
font-weight: bold;
font-size: 8.25pt;
border: 1px solid #2e8ed0;
}


table.stitky td{
padding: 5px;
vertical-align: middle;
background: #cdeaff;
font-size: 8.25pt;
border: 1px solid #2e8ed0;
}


table.stitky td textarea.stitek{
width: 220px;
height: 40px;
padding: 5px;
margin: 0 5px 0 0;
color: #777777;
vertical-align: middle;
}

table.stitky td select.stitek{
width: 100px;
font-size: 8.25pt;
color: #777777;
margin: 0 0 0 5px;
vertical-align: middle;
}

table.stitky td select.emblem{
width: 155px;
font-size: 8.25pt;
color: #777777;
margin: -2px 2px 6px 5px;
}

table.stitky td input.emblem{
width: 147px;
padding: 3px;
margin: 0 2px 0 5px;
color: #777777;
}


/***************** catalog detail - tabulka kosik ************************/

table.cart{
margin: 10px 0;
padding: 0;
border-collapse: collapse;
color:#000000;
width: 100%;
background: none;
}

table.cart th{
padding: 5px;
background:#2e8ed0;
color: #ffffff;
font-weight: bold;
font-size: 8.25pt;
border: 1px solid #2e8ed0;
}

table.cart td{
padding: 5px;
vertical-align: middle;
background: #cdeaff;
font-size: 8.25pt;
border: 1px solid #2e8ed0;
}

table.cart td a{color:#2e8ed0;}

table.cart tr.suma td{
padding: 6px 5px;
background: #2e8ed0;
font-weight: bold;
color:#FFFFFF;
}


/***************** zalozky ************************/

div#bookmark ul{
	padding: 0 0 0 0;
	margin:0;
}

div#bookmark ul li{
		list-style-type: none;
		padding: 0 0 0 0;
		margin: 0 2px 0 0;
		float: left;
		background: url(../images/bg_bookmark.gif) no-repeat left top;
}

div#bookmark ul li div{
	background: url(../images/bg_bookmark_right.gif) no-repeat right top;
	padding: 10px 10px 4px 10px;
	margin: 0;
}

div#bookmark ul li div a{
	color: #333333;
	text-decoration:none;
}

div#bookmark ul li div a:hover{
	color: #007dbb;
}

div#bookmark ul li.active{
	background: url(../images/bg_bookmark_active.gif) no-repeat; 
}

div#bookmark ul li.active div{
	background: url(../images/bg_bookmark_right_active.gif) no-repeat top right;
	padding: 7px 10px 7px 10px;
	color:#FFFFFF;
}

div#bookmark ul li.active div a{
	color:#FFFFFF;
}

div.bookmark_box{
	border: 1px solid #8f989e;
	background: #ffffff;
	padding: 10px;
}


/***************** table customer ************************/

div.order_holder{
margin: 10px 0;
padding: 5px 10px;
border: 1px solid #CCCCCC;
background:#f0f0f0;
}

p.send_order input.inbutton{
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: 2px 3px;
font-size: 9pt;
border: 1px solid #7f9db9;
}

table.customer input.povinny{
background:#FFFFCC;
}

table.customer input.radio{
width: 20px;
vertical-align:middle;
}

table.customer td textarea{
width: 97%;
padding: 5px;
font-size: 9pt;
}


/***************** sorting ************************/

div.catalog_remote{
padding: 5px 0 0 0;
margin: 0 0 0 0;
font-size: 8.25pt;
}

div.catalog_sorting{
padding: 6px 7px 5px 7px;
background:#f5f5f5;
border: 1px solid #cccccc;
margin: 0 0 15px 0;
}

div.catalog_sorting a{
	padding: 1px 4px 1px 5px;
	margin: 0 2px 0 1px;
   	white-space:nowrap;
   	text-decoration: none;
   	vertical-align:middle;
   	color: #ffffff;
	border: 0;
	cursor:pointer;
	cursor: hand;
	background: #fc871a;
	font-weight: bold;	
}

div.catalog_listing{
padding: 6px 10px 0 0;}


div.catalog_listing strong{
	padding: 0 3px 0 4px;
	margin: 0 0 0 2px;
   	white-space:nowrap;
   	text-decoration: none;
   	vertical-align:middle;
   	color: #ffffff;
	border: 0;
	background: #999999;
	font-weight: bold;
	font-size: 8.25pt;
}

div.catalog_listing a{
	padding: 0 3px 0 4px;
	margin: 0 0 0 2px;
   	white-space:nowrap;
   	text-decoration: none;
   	vertical-align:middle;
   	color: #ffffff;
	border: 0;
	cursor:pointer;
	cursor: hand;
	background: #fc871a;
	font-weight: bold;	
	font-size: 8.25pt;	
}







.hr_catalog{
		background: url("../images/common/bg_hr_catalog.gif") repeat-x 0 9px;
		height: 20px;
		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;
}



table.stitky {
	width: auto;
	border-collapse: collapse;
}

	table.stitky td {
		border: 1px solid #000;
		background: #FFF;
		padding: 3px 5px;
		color: #000;
	}
	table.stitky td.center {
		text-align: center;
		
	}