/* Package listing */
.view.listPackages { width: 726px; margin: 5px auto; }
	.view.listPackages h1 { font-size: 22px; margin-left: 5px; }
	.view.listPackages .modelChange { width: 689px; height: 18px; position: relative; padding: 6px 15px; margin: 10px auto 30px auto; font-size: 14px; color: #a0000e; background: url('/images/templates/default/bg-grayBox-719x30.png') no-repeat; }
	.view.listPackages .modelChange:hover { cursor: pointer; }
		.view.listPackages .modelChange img.arrow { position: relative; top: -2px; left: 2px; }
		.view.listPackages .modelChange .effectWrapper { position: absolute; z-index: 999; top: 27px; left: 0; display: none; }
			.view.listPackages .modelChange .container { padding: 7px 0px 7px 0px; background: url('/images/templates/default/bg-blackTrans70.png') repeat; }	
	.view.listPackages .modelChange:hover > .container { display: block; } 
	ul.packageList { list-style: none; }
		ul.packageList li { width: 726px; margin-bottom: 20px; position: relative; }
			ul.packageList li div.bottom form { width: 195px; float: right; margin-top: 2px; }
				ul.packageList li form input { width: 30px; text-align: center; padding: 0.10em 0; margin-left: 2px; background: url("/images/templates/default/icon-header.png") no-repeat -3px -2px; color: #fff; border: 2px solid #AE1116; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }				
				ul.packageList li button.buy { width: 101px; height: 21px; position: relative; top: -1px; border: none; font-size: 9px; font-weight: bold; color: #fff; background: url('/images/templates/default/bg-putInCart.png') no-repeat; }
				ul.packageList li form button.buy.package { float: right; }
			
			ul.packageList li span.toggleText { color: #a0000e; font-size: 18px; float: right; margin-right: 20px; }
			ul.packageList li span.toggleButton { position: absolute; bottom: 5px; right: 5px; display: block; width: 39px; text-align: center; font-size: 28px; font-weight: bold; color: #a0000e; }
				ul.packageList li span.toggleText:hover,
				ul.packageList li span.toggleButton:hover { cursor: pointer; color: #1a4abf; }
			ul.packageList li div.top { height: 22px; padding: 15px 21px; background: url('/images/templates/default/rep-productPackageBox/bg-top.png') no-repeat; }
				ul.packageList li div.top h2 { float: left; margin-right: 20px; font-size: 18px; color: #a0000e; }
				ul.packageList li div.top .frmAddProduct { float: right; width: 190px; }
				ul.packageList li div.top span.priceTotal { font-weight: bold; font-size: 18px; color: #555555; }
				ul.packageList li div.top .quantity { font-size: 16px; width: 170px; float: right; position: relative; }
					ul.packageList li div.top .quantity img { position: relative; top: 2px; }
					ul.packageList li div.top .quantity .producingWeek { font-size: .7em; }
					ul.packageList li div.top .quantity .producingWeek.empty { font-size: .6em; position: absolute; top: 19px; left: 1px; }
				
			ul.packageList li div.container { padding: 2px 12px; background: url('/images/templates/default/rep-productPackageBox/bg-repeat.png') repeat-y; }
				ul.packageList li div.container div.image img { display: block; }
				ul.packageList li div.container .innerContainer { padding: 0 6px; display: none; }
					ul.packageList li div.container .innerContainer h3 { margin-top: 15px; font-weight: bold; }
					/* Package content table */
					table.packageContent { width: 687px; font-size: 12px; }
						table.packageContent tr { border-top: 1px solid #d7d7d7; }
							table.packageContent th { height: 23px; color: #888888; vertical-align: middle; }
							table.packageContent td { height: 26px; font-weight: bold; color: #555555; vertical-align: middle; }	
			ul.packageList li div.bottom { height: 69px; padding: 19px 0 0 21px; background: url('/images/templates/default/rep-productPackageBox/bg-bottom.png') no-repeat; }				
				ul.packageList li button.info { width: 70px; height: 18px; border: none; font-size: 11px; font-weight: bold; color: #fff; background: url('/images/templates/default/bg-showInfo.png') no-repeat; }				

/* Normal listing */
.view.products { padding: 0 20px 0 10px; }
	.view.products img#rayLogo { float: right; position: relative; top: 9px; }
	.view.products div.breadcrumb { float: left; position: relative; top: 53px; }
	.view.products h1 { clear: left; float: left; }
	.view.products .filterForm { clear: both; padding: 25px 0 10px 0; }
	.view.products table#productList { width: 100%; } /* 745 */
		.view.products table#productList tr { border-top: 1px solid #d7d7d7; }
		.view.products table#productList tr th { height: 26px; font-size: 14px; font-weight: 600; color: #555555; }
		.view.products table#productList tr td { height: 70px; vertical-align: middle; }			
			.view.products table#productList tr td.productImage { width: 150px; }
				.view.products table#productList tr td.productImage p.image { display: block; width: 150px; }
			.view.products table#productList tr td.productCustomId { width: 130px; }
			.view.products table#productList tr td.templateShortDescription { width: 185px; padding-right: 10px; }
			.view.products table#productList tr td.quantity { width: 140px; }
			.view.products table#productList tr td.productPrice { width: 140px; font-weight: 700; }
				.view.products table#productList tr td.productLink {}
					.view.products table#productList tr td.productLink a.button { display: block; width: 101px; height: 16px; font-size: 11px; text-align: center; padding-top: 2px; background: url('/images/templates/default/bg-moreInfo.png') no-repeat; color: #fff; }
					.view.products table#productList tr td.productLink form { height: 25px; margin-top: 4px; }
						.view.products table#productList tr td.productLink form .field { float: left; width: 48px; margin-right: 4px; }
							.view.products table#productList tr td.productLink form input { width: 48px; height: 20px; padding: 1px 1px; text-indent: 0; text-align: center; background: url('/images/templates/default/bg-input-w48.png') no-repeat; border: none; }
						.view.products table#productList tr td.productLink form p.buttons { float: left; width: 48px; padding-top: 0.095em; }
							.view.products table#productList tr td.productLink form button { width: 48px; height: 21px; font-size: 11px; background: url('/images/templates/default/bg-button-48x21.png') no-repeat; color: #fff; border: none; }

/* Image list */
.templateImages { float: left; width: 505px; }
ul.imageList { list-style: none; }
	ul.imageList li { display: inline-block; cursor: pointer; position: static; width: 100px; height: 68px; float: left; margin: 0 10px 4px 0; padding: 1px; border: 1px solid #d7d7d7; }
		ul.imageList li img { display: none; }
	ul.imageList li:hover > img { display: block; position: absolute; bottom: 167px; left: 18px; height: 330px; padding: 1px; border: 1px solid #d7d7d7; }
		ul.imageList li a { display: block; width: 100%; height: 100%; }

/* File list */
.templateFiles { float: right; width: 131px; height: 70px; padding-left: 20px; border-left: 1px solid #D7D7D7;  }
	ul.packageList li div.container .innerContainer .templateFiles h3 { margin-top: 0; }
ul.fileList { list-style: none; }
	ul.fileList li {}
		ul.fileList li a { display: block; width: 100%; height: 100%; }

/* infoPopupContainer */
div.infoPopupContainer { position: relative; }
	div.infoPopupContainer div.infoPopup { position: absolute; z-index: 999; top: -17px; left: -233px; width: 225px; height: 192px; padding: 6px 9px; background: url('/images/templates/default/bg-popup.png') no-repeat; display: none; }
		ul.packageList li div.container .innerContainer div.infoPopupContainer div.infoPopup h3 { color: #a0000e; font-size: 20px; margin-top: 0; }
		div.infoPopupContainer div.infoPopup span { color: #a0000e; font-size: 14px; }
		div.infoPopupContainer div.infoPopup div.image { width: 202px; height: 147px; display: table-cell; text-align: center; overflow: hidden; }
	div.infoPopupContainer:hover > div.infoPopup { display: block; }
	

/* Category table */
.view.listPackages table.categories { width: 719px; margin: 0; font-size: 14px; }
	.view.listPackages table.categories tr { }	
	.view.listPackages table.categories tr:hover { background-color: #000; }
	.view.listPackages table.categories tr.head:hover { background: none; }
		.view.listPackages table.categories th { height: 28px; padding-left: 25px; font-weight: normal; vertical-align: middle; color: #fff; border-bottom: 1px solid #797979; }
		.view.listPackages table.categories td { height: 26px; padding-left: 25px; vertical-align: middle; }
				.view.listPackages table.categories td a { color: #fff; }