@CHARSET "UTF-8";

/* center right product ************************** */ 
#center .right #product {
	width: 252px;
	height: 36px;
	margin: 0 15px 0 0;
	float: left;
}

	#center .right #product .name {
	}
	
		#content .right #product .name h2 {
			height: 100%;
			font-size: 20px;
		}
		
	#center .right #product .code {
		font-size: 11px;
	}
	
	#center .right #product .images {
		position: relative;
		margin-top: 10px;
	}

		#center .right #product .main_img {
			width: 250px;
			height: 250px;
			border: 1px solid #a6b3c0;
		}
		
		#center .right #product .preview img {
			width: 40px;
			height: 40px;
			margin: 0 5px 0 0;
			border: 1px solid #a6b3c0;
			float: left;
		}

		#center .right #product .icons {
			position: absolute;
			top: 2px;
			left: 5px;
		}

			#center .right #product .icons .ico {
							/*width: 27px;
							height: 25px;*/
				margin-bottom: 5px; 
				display: block;
			}
			
/* center right detail - konfigurace a cena */
#center .right #detail {
	width: 445px;
	float: left;
}

	/* configuration *********** */
	#center .right #detail #configuration {
		position: relative;
		top: -15px;
	}
	
		#center .right #detail #configuration .top {
			width: 100%;
			height: 7px;
			position: absolute;
			top: -6px;
			left: 0;
			background: url(../images/center_right_configuration_top_bg.gif) no-repeat;
		}
		
		#center .right #detail #configuration .center {
			padding: 10px;
			border: 1px solid #8c98a1;
			color: #3f434a;
			background: #dde1e9;
			height: 205px;
		}
		
			#center .right #detail #configuration .center h3 {
				padding-bottom: 5px;
				border-bottom: 1px solid #bdc6cd;
				color: #334d57;
			}
			
			#center .right #detail #configuration .center div {
				margin-bottom: 1px;
				padding: 0 5px;
				background: #e9edf2;
			}
				
				#center .right #detail #configuration .center div strong {
					width: 125px;
					float: left;
					display: block;
				}

				#center .right #detail #configuration .center div.space {
					height: 10px;
					background: none;
				}

	/* calculation ************* */
	#center .right #detail #calculation {
		border: 1px solid #8c98a1;
		background: #cad8e0;
	}
	
		#center .right #detail #calculation .top {

		}

			#center .right #detail #calculation .top div {
					width: 127px;
				margin-right: 1px;
				float: left;
			}
			
			#center .right #detail #calculation .top .first {
				padding: 5px 10px;
				background: #e8ecf3;
			}

			#center .right #detail #calculation .top .second {
				padding: 5px 10px;
				background: #f4f9fb;
			}

			#center .right #detail #calculation .top .third {
				padding: 5px 10px;
				margin: 0px;
			}

		#center .right #detail #calculation .bottom {
			height: 31px;
			position: relative;
			padding: 5px 10px;
			line-height: 31px;
			text-align: left;
			clear: both;
		}
		
			#center .right #detail #calculation .bottom .price {
				margin: 0 10px;
				font-size: 18px;
				font-weight: bold;
				color: #e346a2;
			}
			
			#center .right #detail #calculation .bottom div {
				position: absolute;
				right: 0;
				top: 4px; 
				display: inline;
				line-height: 31px;
				padding-right: 145px;
				vertical-align: middle;
			}

			#center .right #detail #calculation .bottom .count {
				width: 40px;
			}
			
			#center .right #detail #calculation .bottom .submit {
				width: 134px;
				height: 50px;
				border: 0;
				background: url(../images/center_right_detail_submit_button3.gif) no-repeat;
				position: absolute; top: -23px; right: 3px;
			}
			#center .right #detail #calculation .bottom .not_submit {
				width: 134px;
				height: 50px;
				border: 0;
				background: url(../images/center_right_detail_submit_button5x.gif) no-repeat;
				position: absolute; top: -23px; right: 3px;
			}

				/*#center .right #detail #calculation .bottom .submit:active {
					background: url(../images/center_right_detail_submit_button.png) 1px 1px no-repeat;
				}*/

/* selection ************************************* */
#center .right #selection {
	position: relative;
	border: 1px solid #becace;
	border-top: 0;
}

	#center .right #selection .menu {
		height: 44px;
		position: relative;
		border-bottom: 1px solid #becace;
	}
	
		#center .right #selection .menu .item {
			position: relative;
			padding: 4px 5px 4px 20px;
			border-top: 1px solid #becace;
			float: left;
			display: block;
			font-weight: bold;
			color: #5B9C00; 
			/* color: #444;*/
			text-align: center;
			text-transform: uppercase;
			cursor: pointer;
			background: url(../images/center_right_selection_menu_bg.gif);
		}
		
		#center .right #selection .menu .disabled{
			position: relative;
			padding: 4px 5px 4px 20px;
			border-top: 1px solid #becace;
			float: left;
			display: block;
			font-weight: bold;
			color: #888;
			text-align: center;
			text-transform: uppercase;
			cursor: default;
			background: url(../images/center_right_selection_menu_bg.gif);
		}
		
			#center .right #selection .menu .item:hover {
				color: #e346a2;
				text-decoration: none;
			}

			#center .right #selection .menu .disabled:hover {
				color: #808080;
				text-decoration: none;
			}

		
			#center .right #selection .menu .item .arrow {
				width: 13px;
				height: 100%;
				position: absolute;
				right: -13px;
				top: 0;
				display: block;
				background: url(../images/center_right_selection_menu_arrow_bg.gif.bak) 0px 0px no-repeat;
			}

		#center .right #selection .menu .item.active { 
			color: #5B9C00; 
			background: #e9f0f3;
		}
		#center .right #selection .menu .item.unread{ 
			color: #444; 
		}
			#center .right #selection .menu .item.active .arrow {
				width: 13px;
				height: 100%;
				position: absolute;
				right: -13px;
				top: 0;
				display: block;
				background: url(../images/center_right_selection_menu_arrow_bg.gif) -13px 0px no-repeat;
			}
			
		#center .right #selection .left_top_corner {
			width: 4px;
			height: 4px;
			position: absolute;
			top: -1px;
			left: -1px;
			display: block;
			background: url(../images/center_right_selection_top_left_corner_bg.gif) no-repeat;
		}
		
			#center .right #selection .active .left_top_corner {
				background: url(../images/center_right_selection_top_left_corner_bg.gif) -4px 0px no-repeat;
			}
			
		#center .right #selection .right_top_corner {
			width: 4px;
			height: 4px;
			position: absolute;
			top: -1px;
			right: -1px;
			display: block;
			background: url(../images/center_right_selection_top_right_corner_bg.gif) no-repeat;
		}
		
			#center .right #selection .active .right_top_corner {
				background: url(../images/center_right_selection_top_right_corner_bg.gif) -4px 0px no-repeat;
			}
			
		#center .right #selection .menu .first {
			padding-left: 15px;
			line-height: 18px;
			z-index: 100;
		}

		#center .right #selection .menu .second {
			line-height: 18px;
			z-index: 80;
		}
			
		#center .right #selection .menu .third {
			line-height: 36px;
			z-index: 60;
		}

		#center .right #selection .menu .fourth {
			padding-right: 15px;
			border-right: 1px solid #becace;
			z-index: 40;
			line-height: 18px;
		}
		
		/* selection menu right ** */
		#center .right #selection #menu_right {
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
		}
		
			#center .right #selection #menu_right .item {
				padding: 4px 15px;
				border-left: 1px solid #becace;
				text-align: center;
			}
			
			#center .right #selection .menu .fifth {
				color: #666;
				line-height: 18px;
			}
			
			#center .right #selection .menu .sixth {
				color: #666;
				line-height: 36px;
			}

			#center .right #selection .menu .seventh {
				line-height: 36px;
			}

	#center .right #selection .selection_card {
		padding: 10px 15px;
		background: #e9f0f3;
	}
	
	#center .right #selection .selection_card .cena {
		text-align: right;
		border-bottom: none;
		float: right;
		font-weight: bold;
		font-size: 1.2em;
	}	
	
		#center .right #selection .selection_card div {
			padding: 2px 5px;
			border-bottom: 1px solid #c8d4d9;
		}
		
		#center .right #selection .selection_card img {
			float: left;
			margin: 2px 10px 1px 0px;
		}
		 
		#center .right #selection .selection_card strong {
			margin-left: 2px;
			font-weight: bold;
		}
		
		#center .right #selection .selection_card div.komplement {
			margin-top: 10px;
			border: 0;
		}
		#center .right #selection .selection_card div.komplementCHECKED {
			margin-top: 10px;
			background: #E0E5DA;
			border: 0;
		}
		#center .right #selection .selection_card strong.comment {
			margin-left: 0px;
			font-weight: bold;
		}
		#center .right #selection .selection_card #comment_nadpis {
			width: 300px;
		}
		#center .right #selection .selection_card textarea {
			width: 300px;
			height: 150px;
		}

			#center .right #selection .selection_card label {
				width: 150px;
				margin-right: 10px;
				font-weight: bold;
				float: left;
				display: block;
			}
			
			#center .right #selection .selection_card select {
				min-width: 200px;
				margin-right: 10px;
			}
			
			#center .right #selection .selection_card .desc {
				color: #7b888e;
			}
			
			#center .right #selection .selection_card div.text {
				margin-top: 10px;
				border: 0;
				color: #7b888e;
			}
	a.unread {
		font-style: italic;
	}

	#center .right #selection .bottom {
		width: 100%;
		height: 4px;
		position: absolute;
		bottom: -4px;
		left: 0;
		background: url(../images/center_right_selection_bottom_bg.gif) no-repeat;
	}

/* Zobrazeni mnozstvi na sklade */

table.product_list_quantity {
    margin: 0;
    padding: 0;
    border-spacing: 2px;
    line-height: 10px;
}

/** jQuery Gallery Plugin **/
.gallery{
  position: relative;
  overflow: hidden;
  background-color: #666;
  padding: 12px;
  height: 500px;
  width: 500px;
  display:none;
}
.galleryBar {
  position: absolute;
  left: 0px;
  margin: 0px;
  padding: 0px 0px;
  display:none;
}

.galleryBar li {
  position: relative;
  margin: 0 0px 0 0;
  padding: 0;
  overflow: hidden;
  float: left;
  list-style: none;
}
.galleryScreen, .galleryInfo {
  position: absolute;
}
.galleryScreen {
 background-color: #222;
 width: 500px !important;
}
.galleryInfo {
 background-color: transparent;
 color: #fff;
 padding: 12px;
}
.galleryTitle {
 font-size: 135%;
 font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	width: 500px !important;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0; 
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	/*padding:2px 15px 15px 15px;*/
	padding: 0px;
	overflow: hidden;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
.pagination a {
	text-decoration: none;
}
.active {
	font-weight: bold;
}