body
{
	background-color:		white;
	margin:					0px 2px 2px 2px;
	color:					#4F4F4F;	/*color:					#4F4F4F;*/
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				0.8em;
}

form
{
	margin:					0px;
	padding:				0px;
}

img
{
	border:					none;
}

a
{
	color:					#4F4F4F;
}

a:hover
{
	text-decoration:		underline;
}

/*
 * maly nahled produktu.
 */
img.thumbnail
{
	margin-right:			5px;
}

.headerThumbnail
{
	font-size:			1em;
	font-weight:		bold;
	color:				#4F4F4F;
	text-decoration:	none;
	margin:				0px 5px 5px 0px;
	display:			block;
}


h1
{
	font-size:				1.5em;
	margin-bottom:			0px;
}

h1.message
{
	color:					#FF6C0B;
	margin-top:				15px;
}

h2
{
	font-size:				1.4em;
	font-weight:			normal;
	margin:					5px 5px 5px 0px;
}

h2.message
{
	color:					#FF6C0B;
	margin-top:				15px;
	font-size:				1.3em;
	margin-bottom:			0px;
}


h3
{
	font-size:				1em;
	font-weight:			bold;
	margin:					5px 5px 5px 0px;
}

h4
{
	font-size:				1em;
	font-weight:			normal;
	margin:					2px;
	margin-left:			0px;
}

h5
{
	font-size:				0.9em;
	font-weight:			normal;
	margin:					2px;
}

h6
{
	font-size:				0.9em;
	font-weight:			normal;
	margin:					0px;
}


.warning
{
	color:					red;
}

.boldItem
{
	font-weight:			bold;
}


/*
 * Velka (vetsinou errorova) hlaska pro uzivatele
 */
div.message
{
	font-weight:			bold;
	font-size:				1.2em;
}

/*
 * Bunka v tabulce detailniho nahledu na produkt s (pripadnou) hlaskou BESTSELLER
 */
.bestseller
{
	color:				red;
	font-weight:		bold;
	padding-left:		50px;
}

/*
 * Bunka v tabulce detailniho nahledu na produkt s (pripadnymi) flags
 */
td.flags
{
		padding-left:		50px;
}

/*
 * Stara cena je preskrtnuta.
 */
.oldPrice
{
	text-decoration:		line-through;
}

div.center
{
	text-align:				center;
}



div.smallText
{
	font-size:				0.8em;
}

/*
 * Hlavni hlavickova tabulka.
 */
table.header
{
	width:				1000px;
	margin-right:		auto;
	margin-left:		auto;
	border:				none;
	border-bottom:		solid 7px #FF6C0B;
	border-collapse:	collapse;
	background-image:	url(img/headerBackground.jpeg);
	background-repeat:	repeat-x;

}



/*
 * Obecna definice TD tagu
 */
td
{
	padding:			0px;
	vertical-align:		top;
	min-height:			117px;
}


/*
 * Header stranky.
 */
tr.header
{
	/*background-image:	url(img/headerBackground.jpeg);
	background-repeat:	repeat-x;*/
	/*min-height:			117px;
	height:				117px;*/
}



/*
 * Objekty v hlavicce jsou v DIVu
 */
.header div
{
	margin:			10px;
	margin-bottom:	0px;
	padding:		0px;
	min-height:		97px;
	height:			67%;

}

/*
 * Prava cast hlavicky s prihlasovacimi udaji
 */
div.login
{
	margin:			10px;
	padding:		0px 10px 0px 10px;
	/*padding-top:	0px;*/
	border-left:	solid 1px #FF6C0B;
	min-height:		97px;
	height:			82%;
}


img.logo
{
	display:		block;
	margin-bottom:	auto;
}

/*
 * Pomocna tabulka slouzici na zarovnani jednotlivych casti nejakeho elementu.
 */
table.alignTable
{
	border:				none;
	border-collapse:	collapse;
	width:				100%;
	height:				100%;
	margin:				0px;
	padding:			0px;
}

/*
 * Tabulka s hlavnim menu
 */
table.alignTable2
{
	border:				none;
	border-collapse:	collapse;
	/*width:				100%;*/
	height:				100%;
	margin:				0px;
	margin-left:		10px;
	padding:			0px;
}

.alignRight
{
	text-align:			right;
}


.alignBottom
{
	vertical-align:		bottom;
}


input.bigSubmit
{
	color:				white;
	/*font-size:			absolute-size 2em;*/
	background-color:	#FF6C0B;
	border:				none;
	padding:			0px 5px 0px 5px;
	display:			inline;
}

input.bigSubmit:hover
{
	background-color:	#888888;
}

input.bigSubmit_hover	/* IE */
{
	color:				white;
	/*font-size:			0.9em;*/
	background-color:	#888888;
	border:				none;
	padding:			0px 5px 0px 5px;
}


input.bigSubmit /* IE */
{
  background-color: expression(
    this.onmouseover = new Function("this.className += '_hover';"),
    this.onmouseout = new Function("this.className = this.className.replace('_hover', '')")
  );
}


/*
 * Textovy odkaz, ktery se tvari jako submit button, class "bigSubmit"
 * Pouziti:
 * Nahled na kosik vpravo nahore  
 */
.inputLike
{
	color:				white;
	font-size:			1.1em;
	background-color:	#FF6C0B;
	border:				none;
	padding:			3px 10px 3px 10px;
	display:			block;
}

.inputLike:hover
{
	background-color:	#888888;
}

.inputLike_hover		/* IE */
{
	color:				white;
	font-size:			1.1em;
	background-color:	#888888;
	border:				none;
	padding:			3px 10px 3px 10px;
	display:			block;
}


.inputLike /* IE */
{
  background-color: expression(
    this.onmouseover = new Function("this.className += '_hover';"),
    this.onmouseout = new Function("this.className = this.className.replace('_hover', '')")
  );
}


.inputText
{
	border:				solid 1px #00A9BD;
	font-size:			0.9em;
}

/*
 * inputtext v levem sloupci
 */
.inputTextLeft
{
	border:				solid 1px #00A9BD;
	font-size:			0.9em;
	margin-bottom:		10px;
	width:				110px;
}

/*
 * Input na vyplneni poctu objednavanych produktu v malych nahledech.
 */
.inputTextSmall
{
	background-color:	white;
	width:				30px;
	border:				solid 1px #00A9BD;
	font-size:			0.9em;
	padding:			1px;
}



.inputRadio
{
	margin-left:		15px;
}

/*
 * Polozka horniho hlavniho menu (knihy, obrazy, ...)
 */
.mainMenu
{
	background-image:	url(img/menuGrad.jpeg);
	font-weight:		bold;
	text-align:			center;
	text-decoration:	none;
	color:				white;
	padding-top:		3px;
	margin:				0px;
	margin-right:		5px;
	display:			block;
	width:				105px;
	height:				19px;
}

.mainMenu:hover
{
	text-decoration:	underline;
}


.mainMenuActive
{
	background-image:	url(img/menuGradActive.jpeg);
	font-weight:		bold;
	text-align:			center;
	text-decoration:	none;
	color:				white;
	padding-top:		3px;
	margin:				0px;
	margin-right:		5px;
	display:			block;
	width:				105px;
	height:				19px;
}

.mainMenuActive:hover
{
	text-decoration:	underline;
}


/************************************************************************
 * HLAVNI TABULKA
 ************************************************************************/

table.main
{
	width:				1000px;
	margin-right:		auto;
	margin-left:		auto;
	margin-top:			4px;
	border:				none;
	border-collapse:	collapse;
}

td.leftColumn
{
	padding:			4px;
	padding-left:		0px;
	width:				163px;
}

td.rightColumn
{
	width:				163px;
}

td.mainColumn
{
	padding:			10px;
	padding-top:		0px;
}


div.panelHeader
{
	background-color:	#FF6C0B;
	color:				white;
	font-size:			0.9em;
	font-weight:		bold;
	padding:			4px 4px 4px 10px;
	margin:				8px 0px 0px 0px;
}

div.panelBody
{
	background-image:	url(img/headerBackground.jpeg);
	padding:			2px;
}

/*
 * zapati
 */
div.panelBodyFooter
{
	width:				976px;
	background-image:	url(img/headerBackground.jpeg);
	border-top:			solid 7px #FF6C0B;
	padding:			4px;
	padding-right:		20px;
	text-align:			right;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			10px;
}

div.panelBodyFooter a
{
	margin:			4px;
}


div.smallHeader, h1.smallHeader
{
	font-size:			0.9em;
	font-weight:		bold;
	color:				#FF6C0B;
	margin-top:			15px;
}

div.smallHeader2
{
	font-size:			1em;
	font-weight:		bold;
	color:				#FF6C0B;
	margin-top:			15px;
}

hr.smallHeader
{
	border:					none;
	color:					white;
	border-top:				solid 1px #FF6C0B;
}












/*
 * Tabulka s nahledem na jeden produkt
 */
table.thumbnailTable
{
	/*width:				100%;*/
	width:				312px;
	height:				155px;
	border-bottom:		solid 1px #4F4F4F;
	margin-bottom:		10px;
	padding-bottom:		10px;
}


/*
 * Dolni levy dialog na zadani poctu ks ke koupi.
 */
td.thumbnailPrice
{
	text-align:			right;
	vertical-align:		bottom;
}

/*
 * Tabulka se seznamem nahledu produktu.
 */
td.productList
{
	padding-right:		10px;
	padding-bottom:		10px;
}



/*
 * DIV obsahujici leve menu
 */
.leftMenu a
{
	background-color:	#F0F0F0;
	color:				#4F4F4F;
	padding:			2px 5px 2px 5px;
	margin-bottom:		2px;
	text-decoration:	none;
	display:			block;
}


.leftMenu a:hover
{
	background-color:	#BBBBBB;
	text-decoration:	none;
}

.leftMenu a.highlight
{
	background-color:	#BBBBBB;
	text-decoration:	none;
}

.leftMenu div
{
	background-color:		#FF6C0B;
	color:					white;
	padding:		3px 5px 3px 5px;
	margin-bottom:		2px;
	margin-top:		12px;

}


.panelHeader a
{
	color:					white;
}



/*
 * Tabulka s detailnim nahledem na produkt.
 */
table.productDetail
{
	font-size:			0.9em;
	width:				100%;
}


table.productDetail img
{
	padding:			5px;
}

/*
 * Zobrazeni ceny na detailu produktu
 */
div.price
{
	font-size:			1.2em;
	padding:			10px 0px 0px 0px;
}

/*
 * Tabulka se seznamem mnozstevnich slev
 */
table.priceList
{
	border-collapse:	collapse;
	margin-bottom:		5px;
}

.priceList th
{
	font-weight:		normal;
}


.priceList td
{
	background-color:	#F0F0F0;
	border-bottom:		solid 1px white;
	text-align:			center;
	padding:			1px 20px 1px 20px;
}


/*
 * Tabulka uvnitr detailniho popisu produktu.
 * Je odvozena z "priceList". 
 */
table.detailTable
{
	border-collapse:	collapse;
	margin-bottom:		5px;
	margin-top:			5px;
}

.detailTable th
{
	font-weight:		bold;
	background-color:	#F0F0F0;
	border-bottom:		solid 1px white;
	text-align:			left;
	padding:			1px 20px 1px 20px;
}


.detailTable td
{
	background-color:	#F0F0F0;
	border-bottom:		solid 1px white;
	text-align:			left;
	padding:			1px 20px 1px 20px;
}

.detailTable td.alignRight
{
	text-align:			right;
}

.detailTable th.alignRight
{
	text-align:			right;
}


.detailTable .summary td
{
	background-color:		#FFC59E;
}



/*
 * Odkazy na ukazku produktu na detailni strance produktu
 * (vetsinou odkaz na pdf)
 */
a.attach
{
	display:				block;
	margin:					5px;
	color:					#4F4F4F;
	font-weight:			bold;
}


/*
 * Odkazy na volbu prehrani vide
 */
a.videoSelect
{
	background-color:	#F0F0F0;
	background-image:	url(img/playVideo.gif);
	/*background-image:	url(img/headerBackground.jpeg);*/
	background-repeat:	no-repeat;
	background-position:10px center;
	text-align:			left;
	padding:			10px;
	/*font-size:			2em;*/
	padding-left:		40px;
	margin:				3px 0px 3px 0px;	
	display:			block;
	
}


/*
 *******************************************************
 * Dialog pro uzivatele 
 ******************************************************** 
 */

.dialog h2
{
	font-size:				1.1em;
	font-weight:			bold;
	margin:					5px 5px 5px 0px;

}

.dialog .inputText
{
	background-color:	white;
	border:				solid 1px #00A9BD;
	font-size:			0.9em;
	width:				300px;
	margin-left:		15px;
}

.dialog .disabledText
{
	background-color:	#EEEEEE;
	color:				#666666;
	border:				solid 1px #AAAAAA;
	font-size:			0.9em;
	width:				300px;
	margin-left:		15px;
}


.topSpace
{
	padding-top:		10px;
}



/**********************************************/
/*
 * Pozadi na kosik vpravo nahore
 */
div.kosik
{
	background-color:	#F0F0F0;
	font-size:			0.8em;
	padding:			5px;
}

/*
 * Nadpis na strankach v kosiku
 */
h1.kosik
{
	background-color:	white;
	font-size:			1.5em;
	
}

table.kosik
{
	margin-left:		-2px;
	width:				100%;
}

table.kosik th
{
	background-color:	#4F4F4F;
	color:				white;
	text-align:			left;
	padding:			2px 4px 2px 4px;
}

table.kosik td
{
	background-color:	#F0F0F0;
	padding:			2px 4px 2px 4px;
	vertical-align:		middle;
}

table.kosik a
{
	color:				#FF6C0B;
} 

table.inTable td
{
	padding:		0px;
}

/*
 * Zobrazeni ceny produktu bez postovneho.
 */
table.kosik td.midSummary
{
	background-color:	#CCCCCC;
	font-weight:		bold;
}


/*
 * Posledni radek s cenou v tabulce produktu v kosiku.
 */
table.kosik td.summary
{
	background-color:	#FF6C0B;
	color:				white;
	font-weight:		bold;
}

/*
 * V kosiku polozka "Dalsi"
 */
a.next
{
	color:				#FF6C0B;
	font-weight:		bold;
	font-size:			1.1em;
}


.kosikBackground
{
	background-color:	#F0F0F0;
	padding:			4px;
}

.kosikBackground td
{
	padding-right:		40px;
}

.puntik li
{
	color:			#FF6C0B;
}

.puntik li span
{
	color:			#4F4F4F;
}


p
{
	margin-top:		8px;
}

table.kontakt
{
	margin-top:		10px;
}

table.kontakt td
{
	padding-right:	10px;
}

.info
{
	padding:		10px;
	padding-bottom:	0px;
	margin-bottom:	0px;
}

.info a
{
	display:			block;
	margin-bottom:		4px;
}


table.invisible
{
	border:				none;
	border-collapse:	collapse;
	margin:				0px;
	padding:			0px;
}

.invisible td
{
	margin:				0px;
	padding:			0px;
}

.invisible td.alignRight
{
	vertical-align:			bottom;
}

.invisible td.alignRight img
{
	cursor:					pointer;
}

.messageHighlight
{
	color:					#FF6C0B;
	text-align:				center;
	font-size:				1em;
	font-weight:			bold;
}