/* ====================================================================

AkDruk
Grupa Pff
http://pff.pl/

Grzegorz Jaworek
grzegorz.jaworek@gmail.com

September 2009


TABLE OF CONTENT:

	1. GLOBAL
		1.1 CSS Reset
		1.2 General styles
	2. BASE
	3. BASIC LAYOUT
		3.1 Header
			3.1.1 Logo
			3.1.2 Top navigation
				3.1.2.1 Main navigation
				3.1.2.2 Main search
		3.2 Content
			3.2.1 Headers
			3.2.2 Main content
				3.2.2.1 Boxes
				3.2.2.2 Buttons
			3.2.3 Navigation
				3.2.3.1 Boxes
				3.2.3.3 Submenu
			3.2.4 Sidebar
				3.2.4.1 Boxes
				3.2.4.2 Login form
				3.2.4.3 User box
				3.2.4.4 Shopping cart
			3.2.5 Footer
				3.2.5.1 Footer navigation
	4. MAIN CONTENT LAYOUTS
		4.1 Items overview
		4.2 Items list
		4.3 Item details
		4.4 Text block
		4.5 Bread crumbs
		4.6 Pageing
		4.7 Sorting criteria
		4.8 Order plan
		4.9 Order details
		4.10 Customer details
		4.11 Form buttons


==================================================================== */




/* --------------------------
1. GLOBAL
---------------------------*/

	/* --------------------------
	1.1 CSS Reset
	---------------------------*/

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		}
		
		:focus {
		outline: 0;
		}
		
		body {
		line-height: 1;
		color: black;
		background: #f0f0f0;
		}
		
		ol, ul {
		list-style: none;
		}
		
		table {
		border-collapse: separate;
		border-spacing: 0;
		}
		
		caption, th, td {
		text-align: left;
		font-weight: normal;
		}
		
		blockquote:before, blockquote:after,
		q:before, q:after {
		content: "";
		}
		
		blockquote, q {
		quotes: "" "";
		}
		
		b, strong {
		font-weight: bold;
		}
		
		i, em {
		font-style: italic;
		}

	/* --------------------------
	1.2 General styles
	---------------------------*/	
	
		body {
		font: 62.5%/1.6 Tahoma, Arial, Helvetica, sans-serif;
		}
		
		img {
		display: block;
		border: 0;
		}
		
		label[for] {
		cursor: pointer;
		}
		
		label {
		font-size: 13px; color: #333333; font-weight: bold; margin: -3px 0 0 10px;
		}
		
		input, select, option, textarea {
		vertical-align: middle;
		}
			input.img, select.img {
			width: auto !important;
			height: auto !important;
			border: 0 !important;
			background: none !important;
			}
		
		/* hidden elements */	
		.h, div.hr hr {
		position: absolute;
		top: -9900px;
		left: 0;
		display: block;
		width: 1px;
		height: 1px;
		overflow: hidden;
		text-indent: -9990px;
		font-size: 1px;
		}
		
		/* floats clear */
		.clear {
		clear: both;
		font-size: 1px;
		visibility: hidden;
		}
	
/* --------------------------
2. BASE
---------------------------*/

	body {
	background: #ededf4 url(img/bg.jpg) 50% 0 repeat-x;
	color: #7b7b7b;
	}
	body#home {background-image: url(img/bg-home.jpg);}

/* --------------------------
3. BASIC LAYOUT
---------------------------*/

	body {
	}	
		a:link, a:visited {
		color: #7b7b7b;
		text-decoration: underline;
		}
		a:hover, a:active {
		color: #7b7b7b;
		text-decoration: underline;
		}
		
		input, textarea, select {
		background: #fff;
		border: 1px solid #DBDADA;
		color: #333333;
		font: 1em/1.6 Tahoma, Arial, Helvetica, sans-serif;
		}	
			input, textarea {
			padding: 5px 7px;
			}
				input:focus, textarea:focus {
				color: #666;
				}
				
			input {
			width: 104px;
			line-height: 1.5em;
			}
			select {
			color: #555;
			font-size: 1.2em;
			}
			input.img, select.img {
			padding: 0;
			}

	/* --------------------------
	3.1 Header
	---------------------------*/
	
		#header {
		width: 942px;
		height: 127px;
		overflow: hidden;
		margin: 0 auto;
		}

		/* --------------------------
		3.1.1 Logo
		---------------------------*/
		
			#logo {
			float: left;
			width: 250px;
			height: 49px;
			margin: 32px 0 0;
			overflow: hidden;
			font-size: 1em;
			font-weight: normal;
			}
				#logo a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				color: #333333;
				overflow: hidden;
				text-indent: -1000px;
				font: 2em/20px Tahoma, Arial, Helvetica, sans-serif;
				text-align: center;
				text-decoration: none;
				background: url(img/logo.png) 0 0 no-repeat;
				}

		/* --------------------------
		3.1.2 Top navigation
		---------------------------*/
			#topNav {
			float: right;
			padding-bottom: 5px;
			margin-top: 30px;
			position: relative; 
			z-index: 2;
			}
		
			/* --------------------------
			3.1.2.1 Main navigation
			---------------------------*/
				
				#mainNav {
				float: right;
				padding: 0;
				font-size: 16px;
				line-height: 22px;
				font-family: "Trebuchet MS";
				color: #333333;
				text-transform: uppercase;
				letter-spacing: -1px;
				}
					#mainNav li {
					float: left;
					padding: 0 0 0 24px;
					margin: 0 0 0 20px;	
					background: url(img/bg-mainnav.gif) 0 50% no-repeat;
					}
						#mainNav li.first-item {
						padding-left: 0;
						background: none;
						}
					
						#mainNav li a {
						font-weight: bold;
						float: left;
						line-height: 22px; 
						padding: 0;
						text-align: center;
						}
							#mainNav li a:link,
							#mainNav li a:visited {
							color: #333333;
							text-decoration: none;
							}
							#mainNav li a:hover,
							#mainNav li a:active {
							color: #0854c7;
							text-decoration: none;
							border: 0;
							}
							
							#mainNav li.active a:link,
							#mainNav li.active a:visited {
							color: #0854c7;
							font-weight: bolder;
							}
							
				.mainSubNav {
				float: left;
				width: 942px;
				height: 42px;
				padding: 0;
				font-size: 1.2em;
				line-height: 2.2em;
				color: #FFF;
				margin-bottom: -5px;
				background: url(img/navigation/bg-sub-nav.gif) 0 0 repeat-y;
				}
					.mainSubNav li {
					float: left;
					height: 42px;
					padding: 0 0 0 3px;
					background: url(img/navigation/bg-sub-nav-sep.jpg) 0 0 no-repeat;
					}
						.mainSubNav li.first-item {
						padding-left: 0;
						background: none;
						}
					
						.mainSubNav li a {
						font-weight: bold;
						float: left;
						width: 150px;
						line-height: 15px; 
						padding: 6px 5px;
						text-align: center;
						}
							.mainSubNav li a:link,
							.mainSubNav li a:visited {
							color: #5a5a5a;
							text-decoration: none;
							}
							.mainSubNav li a:hover,
							.mainSubNav li a:active {
							color: #78197c;
							text-decoration: none;
							border: 0;
							}
							
							.mainSubNav li.active a:link,
							.mainSubNav li.active a:visited {
							color: #78197c;
							font-weight: bolder;
							}
			/* --------------------------
			3.1.2.2 Main search
			---------------------------*/
				#top-wrapper {
				position: relative;
				z-index: 19;
				margin: -25px 0 0;
				}
				
				.home #mainSearch {
				 width: 500px;
				 margin-left: 220px;
				 display:inline;
				 height: 29px;
				}
				#mainSearch {
				float: left;
				clear: both;
				display: inline;
				position: relative;
				padding: 0 5px;
				width: 176px;
				}
				.home #mainSearch h4 { margin-top: 0; }	
				#mainSearch h4 {
				float: left; 
				margin-top: 15px; 
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				line-height: 24px;
				}
				.home #f_s_query {width: 163px;}
					#f_s_query {
						width: 132px;
						height: 14px;
						line-height: 14px;
						border: 3px solid #f4f4f9;
						padding: 2px;
						margin: 0;
						color: #b3b3b3;
						font-size: 10px; 
					}						
					#mainSearch .img {
					float: left;
					}
					
				.home #mainSearch p.input { margin: 0 8px;}
				#mainSearch p.input {
				float: left;
				height: 24px;
				border: 1px solid #b4b4b4;
				margin: 0 8px 0 -1px;
				position: relative;
				}	
					
			.home #mainSearch a {float: right;}
			#mainSearch a {
			float: left;
			margin: 5px 0 0;
			color: #7b7b7b;
			font-size: 10px;
			font-weight: bold;
			padding: 0 12px 0 0;
			background: url(img/buttons/arr.gif) 100% 55% no-repeat;
			text-decoration: underline;
			}
			#mainSearch a:hover {
			text-decoration: none;
			}
		
	/* --------------------------
	3.2 Content
	---------------------------*/
	
		#content {
		width: 942px;
		margin: 1em auto 0;
		font-size: 1.1em;
		padding: 6px 0 0;
		}
			#content-wrapper {
			float: left;
			display: inline;
			width: 942px;
			padding: 0 0 2em;
			}
				.wideContent #content-wrapper {
				float: right;
				display: block;
				width: 100%;
				}

		/* --------------------------
		3.2.1 Headers
		---------------------------*/
		
			#mainContent h2,
			#navigation h3,
			#sidebar h3 {
			color: #333333;
			font-size: 16px;
			font-weight: bold;
			margin: 10px 0 0.5em;
			height: 23px;
			padding: 0 0 0 8px;
			font-family: "Trebuchet MS";
			line-height: 23px;
			}
			
			#mainContent h2.pageTitle {
			float: left; 
			padding-left: 16px;
			text-transform: uppercase;
			margin: 0;
			}
			
			a.see-more {
			font-size: 0.9em;
			float: right;
			margin: -35px 10px 0;
			color: #E7A4F5;
			}
				a.see-more:link,
				a.see-more:visited {
				color: #E7A4F5;
				text-decoration: none;
				}
				a.see-more:hover,
				a.see-more:active {
				color: #E7A4F5;
				text-decoration: underline;
				}
			
			#mainContent h3 {
			color: #333;
			font-weight: bold;
			padding-left: 12px;
			}
			#mainContent h2 {
			color: #333;
			font-weight: bold;
			padding-left: 12px;
			text-transform: uppercase;	
			margin-top: 0;
			}
				#mainContent .itemsList h3,
				#mainContent .itemDetails h3,
				#mainContent .textBlock h3 {
				font-size: 2em;
				}
				#mainContent .itemsList .item h3 {
				font-size: 1.091em;
				}
				#mainContent .orderDetails h3, 
				#mainContent .customerDetails h3 {
				color: #333333;
				font-size: 1.4em;
				}
				#mainContent .orderDetails h4 {
				color: #333333;
				font-weight: bold;
				font-size: 1.1em;
				}
				#mainContent .pageing h3,
				#mainContent .sortCriteria h3 {
				color: #333333;
				}
				
				#mainContent h3 a:link,
				#mainContent h3 a:visited {
				color: #333333;
				text-decoration: none;
				}
				#mainContent h3 a:hover,
				#mainContent h3 a:active {
				color: #333333;
				text-decoration: underline;
				}
			
		/* --------------------------
		3.2.2 Main content
		---------------------------*/
			#homeContent{
			float: left;
			display: inline;
			width: 906px;
			margin: 0 18px;
			padding: 0 0 10px;
			position: relative;
			}
			#homeContent ul {
			float: left;
			}
			#homeContent ul li {
			float: left;
			margin: 0 11px 10px;
			display: inline;
			position: relative;
			}
			#homeContent ul li.lineShort {
			margin-left: 85px;
			}
			#homeContent ul li img {
			position: absolute; 
			top: 11px; left: 0px;
			width: 129px;
			height: 129px;
			}
			#homeContent ul li a{
			padding: 150px 0 0;
			height: 36px;
			margin: 0;
			width: 129px; overflow: hidden;
			float: left;
			text-decoration: none;
			text-align: center;
			color: #333333;
			font: bold 12px/18px Tahoma;
			background: url(img/bg-cat.png) 0 0 no-repeat;
			}
			#homeContent ul li a:hover, #homeContent ul li.current a {
			background-position: -129px 0;
			}
			#homeContent ul li a:hover img, #homeContent ul li.current a img {
			top: 0px;
			}
			#mainContent {
			float: right;
			display: inline;
			width: 738px;
			margin: 27px 0;
			padding: 0 0 7px;
			position: relative;
			background: url(img/bg-content.gif) 0 0 repeat-y;
			color: #7b7b7b;
			}
			#mainContentTop {
			width: 738px;
			position: absolute;
			top: -15px; left: 0;
			height: 15px; overflow: hidden;
			background: url(img/bg-content-top.png) 0 0 no-repeat;
			}
			#mainContentBot {
			width: 738px;
			position: absolute;
			bottom: -15px; left: 0;
			height: 15px; overflow: hidden;
			background: url(img/bg-content-bot.png) 0 0 no-repeat;
			}
				.wideContent #mainContent {
				width: 738px;
				}
				
			/* --------------------------
			3.2.2.1 Boxes
			---------------------------*/
			
				#mainContent .box {
					float: left;
					display: inline;
					width: 724px;
					margin: 7px 0 0px 7px;
					position: relative;
					z-index: 9;
					padding: 0;
				}
				#mainContent .borderTop {
				border-top: 1px solid #d8d8db;
				}
				#mainContent .borderBot {
				border-bottom: 1px solid #d8d8db;
				}
				
				#mainContent .box-body {
					float: left; width: 712px; padding: 0 6px;
					position: relative;
					z-index: 99;
					}
					#mainContent .box-top {
					width: 724px;
					position: absolute;
					z-index: 19;
					top: -15px; left: 0;
					height: 15px; overflow: hidden;
					background: url(img/bg-box-top.png) 0 0 no-repeat;
					}
					#mainContent .box-bot {
					width: 724px;
					position: absolute;
					z-index: 19;
					bottom: -15px; left: 0;
					height: 15px; overflow: hidden;
					background: url(img/bg-box-bot.png) 0 0 no-repeat;
					}

					#mainContent .box .order-form {
					padding: 0 0 1em;
					width: 712px; 
					margin: 0 auto;
					}
					#mainContent .box-body p {
						padding-left: 0; padding-right: 0; margin: 0;
					}
					#mainContent .box-separator { float: left; clear: both; width: 100%; height: 30px;}
						
			/* --------------------------
			3.2.2.2 Buttons
			---------------------------*/
			
				#mainContent .button-arrUp,
				#mainContent .button-arrDown,
				#mainContent .button-arrLeft,
				#mainContent .button-arrRight {
				position: relative;
				display: block;
				overflow: hidden;
				text-align: center;
				}
					#mainContent .button-arrUp,
					#mainContent .button-arrDown {
					width: 16px;
					height: 16px;
					line-height: 16px;
					}
					#mainContent .button-arrLeft,
					#mainContent .button-arrRight {
					width: 16px;
					height: 16px;
					line-height: 16px;
					}
					
					#mainContent .button-arrUp .r,
					#mainContent .button-arrDown .r,
					#mainContent .button-arrLeft .r,
					#mainContent .button-arrRight .r {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: url(img/buttons/arrows.gif) no-repeat;
					}
					#mainContent .button-arrUp .r {
					background-position: 0 0;
					}
					#mainContent .button-arrDown .r {
					background-position: 100% 0;
					}
					#mainContent .button-arrLeft .r {
					background-position: 0 100%;
					}	
					#mainContent .button-arrRight .r {
					background-position: 100% 100%;
					}
					
					
		/* --------------------------
		3.2.3 Navigation
		---------------------------*/
		
			#navigation {
			float: left;
			display: inline;
			width: 195px;
			}
				
			/* --------------------------
			3.2.3.1 Boxes
			---------------------------*/
			
				#navigation .box {
				clear: both;
				margin-bottom: 0.8em;
				}
		
			/* --------------------------
			3.2.3.3 Submenu
			---------------------------*/
					
				#submenu {
				float: left; clear: both; width: 100%; padding: 0; margin: 0;
				}					
					#submenu ul {
					float: left; clear: both; width: 100%; padding: 0; margin: 0;
					}
						#submenu li {
						float: left; clear: both; width: 100%; padding: 0; margin: 0;
						}
							#submenu li a {
							float: left; width: 155px;
							padding: 1px 30px 2px 10px;
							background: url(img/navigation/side-menu.gif) 100% 0 no-repeat;
							font-size: 12px;
							line-height: 22px;
							height: 22px;
							font-weight: normal;
							color: #333333;
							}
								#submenu li a:link,
								#submenu li a:visited {
								color: #333333;
								text-decoration: none;
								}
								#submenu li:hover a,
								#submenu li a:hover,
								#submenu li a:active,
								#submenu li.expanded a	{
								color: #0f75bd;
								text-decoration: none;
								background-position: 100% -56px;
								}
								
						#submenu li ul {
						display: none;
						float: left; clear: both; width: 100%; margin: 0; padding: 0;
						border-bottom: 1px solid #d0d0d0;
						}
							#submenu li.expanded ul {
							display: block;
							}
							#submenu li.collapsed ul {
							display: none;
							}
							#submenu ul li li {
								float: left; clear: both; width: 100%;
							}
							#submenu li ul li.first-item {
							background-image: none;
							}
								#submenu li ul li a {
								float: left; width: 165px;
								padding: 1px 10px 1px 20px;
								height: auto;
								background: none;
								font-size: 11px;
								line-height: 22px;
								font-weight: normal;
								color: #7b7b7b;
								}
									#submenu li ul li a:link,
									#submenu li ul li a:visited {
									color: #7b7b7b;
									text-decoration: none;
									}
									#submenu li ul li:hover a,
									#submenu li ul li a:hover,
									#submenu li ul li a:active {
									color: #0f75bd;
									text-decoration: underline;
									}
	
		/* --------------------------
		3.2.4 Sidebar
		---------------------------*/
		
			#sidebar {
			float: right;
			display: inline;
			width: 189px;
			padding: 0 0 2em;
			}
				
			/* --------------------------
			3.2.4.1 Boxes
			---------------------------*/
			
				#sidebar .box {
				clear: both;
				margin-bottom: 0.8em;
				color: #7b7b7b;
				}					
					#sidebar .box .box-in {
					padding: 0 15px 1em;
					}
					
					#sidebar .box p {
					margin: 0 0 0.3em;
					font-size: 0.95em;
					}
					
					#sidebar .box ul {
					font-size: 0.909em;
					padding: 0 0 0 10px;
					font-size: 1em;
					}
									
					#sidebar .box ol {
					font-size: 0.909em;
					list-style: decimal inside;
					font-size: 1em;
					}
						#sidebar .box li a {
						font-weight: normal;
						color: #333333;
						}
							#sidebar .box a:link,
							#sidebar .box a:visited {
							color: #333333;
							text-decoration: none;
							}
							#sidebar .box a:hover,
							#sidebar .box a:active {
							color: #333333;
							text-decoration: underline;
							}
						#sidebar .box-in ul li {
						margin: 0.2em 0;
						}
							#sidebar .box-in ul li a {
							padding: 0 0 0 15px;
							background: url(img/embellishments/arr.gif) 0 -90px no-repeat;
							color: #7b7b7b;
							}
								#sidebar .box-in ul li a:link,
								#sidebar .box-in ul li a:visited {
								color: #7b7b7b;
								text-decoration: underline;
								}
								#sidebar .box-in ul li a:hover,
								#sidebar .box-in ul li a:active {
								color: #7b7b7b;
								text-decoration: none;
								}
		
			/* --------------------------
			3.2.4.2 Login form
			---------------------------*/
			
				#loginForm, #loginForm fieldset {
				width: 100%;
				float: left;
				}
				
				#userBox #loginForm p {
				float: left;
				width: 119px;
				height: 24px;
				border: 1px solid #b4b4b4;
				margin: -4px 8px 0 0;
				position: relative;
				}	
						#loginForm p input {
						width: 109px;
						height: 14px;
						line-height: 14px;
						border: 3px solid #f4f4f9;
						padding: 2px;
						margin: 0;
						color: #b3b3b3;
						font-size: 10px; 
						}
						
					#loginForm .signin {
					float: right;
					display: inline;
					}				
						#loginForm .signin  input {
							margin: -2px 0 0;
							position: relative;
						}
						
				#newsletter, #newsletter fieldset {
				width: 100%;
				float: left;
				color: #7b7b7b;
				}
				
				#newsletter p.input {
				float: left;
				width: 167px;
				height: 24px;
				border: 1px solid #b4b4b4;
				margin: 12px 8px 0 0;
				position: relative;
				}	
						#newsletter p.input input {
						width: 157px;
						height: 14px;
						line-height: 14px;
						border: 3px solid #f4f4f9;
						padding: 2px;
						margin: 0;
						color: #b3b3b3;
						font-size: 10px; 
						}
						
					#newsletter .signin, #newsletter .signout {
					float: left;
					margin: 13px 3px 0 0;
					display: inline;
					}		
						
						

		
			/* --------------------------
			3.2.4.3 User box
			---------------------------*/
			
				#userBox {
				float: right; 
				width: 285px;
				margin: 12px 0 0;
				background: url(img/ico-userbox.gif) 0 2px no-repeat;
				padding-left: 24px;
				}
					#userBox strong {
						color: #0854c7; font-size: 12px;;
					}
					#userBox p {
						margin: 0; padding: 0;
						line-height: 17px;
					}
						#userBox ul {
						clear: none;
						float: right;
						display: inline; 
						margin: 5px 0 0 -33px;
						}
							#userBox ul li {
							font-size: 12px;
							float: left;
							padding: 0 12px 0 33px;
							background: url(img/buttons/arr.gif) 100% 50% no-repeat;
							}
								#userBox ul li a {
								float: left;
								margin: 0;
								color: #7b7b7b;
								font-size: 11px;
								padding: 0;
								text-decoration: underline;
								}
								#userBox ul li a:hover {
								text-decoration: none;
								}
							
								
			/* --------------------------
			3.2.4.4 Shopping cart
			---------------------------*/
			
				#cart {
				float: right;
				margin: 12px 30px 0 0;
				color: #7b7b7b;
				font-size: 11px;
				letter-spacing: 0.055em;
				padding-left: 24px;
				background: url(img/ico-cart.gif) 0 2px no-repeat;
				font-weight: normal;
				white-space: nowrap;
				}	
					#cart strong {
						color: #0854c7;
					}
					#cart ul {
					margin: 0.5em 0 0;
					font-size: 0.909em;
					}
						#cart li {
						margin: 0.7em 0;
						}
							#cart li a {
							padding: 0 0 0 15px;
							background: url(img/embellishments/arr.gif) 0 -132px no-repeat;
							color: #0854c7;
							font-weight: normal;
							}
								#cart a:link,
								#cart a:visited {
								color: #0854c7;
								text-decoration: underline;
								}
								#cart a:hover,
								#cart a:active {
								color: #0854c7;
								text-decoration: none;
								}
									
			/* --------------------------
			3.2.4.4 Contact
			---------------------------*/
			
				#userContact {
				color: #7b7b7b;
				margin: 0 0 8px; 
				position: relative;
				background: url(img/content/sidebar/contact.gif) 100% 100% no-repeat;
				height: 150px;
				overflow: hidden;
				}	
					#sidebar #userContact .box-in {
					position: absolute;
					right: 2px; 
					bottom: 1px;
					width: 90%;
					padding: 6px 5% 2px;
					background: url(img/content/sidebar/trans.png) 0 0 repeat;	
					}	
						#userContact .box-in p {
						font-size: 0.94em;
						font-weight: bolder;
						color: #333333;
						margin: 0;
						padding: 0;
						}	
						#userContact .box-in strong {
						font-size: 1.2em;
						display: block;
						padding: 0 10px;
						color: #333333;
						}	
						#userContact .box-in a {
						font-size: 1.2em;
						display: block;
						padding: 0 10px;
						color: #333333;
						}						

						
			#bottom {
			float: left; width: 100%;
			clear: both;
			margin: 25px 0 0;
			color: #333333;
			padding: 0 0 12px;
			font-size: 1em;
			}
			
			#logoNav { float: left; clear: both; margin: 15px 0 0;}
			#logoNav li { float: left; padding: 0 10px;}
			.clear { clear: both;}
			
			
			#bottom .box { 
			float: left; 
			width: 300px;
			overflow: hidden;
			height: 318px;
			background: #d8d8db url(img/bg-box.gif) -300px 100% no-repeat;
			margin: 0 0 7px;
			padding: 0 0 10px;
			display: inline;
			color: #7b7b7b;
			}
			
			#bottom .box .box { 
			float: left; 
			width: 284px;
			height: 80px;
			background-position: -884px 100%;
			background-color: #ededf4;
			margin: 3px 8px 0;
			padding: 0;
			display: inline;
			}
			#bottom .box .inside { 
			float: left; 
			width: 264px;
			height: 60px;
			overflow: hidden;
			background: url(img/bg-box.gif) -600px 0 no-repeat;
			padding: 10px;
			margin: 0;
			display: inline;
			}
			
			#bottom .box h3 { 
			background: url(img/bg-box.gif) 0 0 no-repeat;
			margin: 0;
			padding: 18px 15px 8px;
			font-size: 16px;
			line-height: 22px;
			font-family: "Trebuchet MS";
			color: #333333;
			text-transform: uppercase;
			letter-spacing: -1px;
			font-weight: bold;
			}
			#bottom .box h4 { 
			margin: 0 0 4px;
			padding: 0;
			font-size: 12px;
			line-height: 16px;
			color: #333333;
			font-weight: bold;
			}
			
			#bottom .box-wrap { 
			float: right;
			width: 642px;
			}
			
			#bottom .box-wrap .box {
			margin-left: 21px;
			height: 150px;
			}
			#bottom .box-wrap .box .box {
			margin: 2px 8px 0;
			height: 100px;
			}
			#bottom .box-wrap .box .inside {
			height: 80px;
			}
			
			#boxDelivery {
			float: left;
			padding-left: 65px; 
			line-height: 15px;
			background: url(img/ups.gif) 0 1px no-repeat;
			font-size: 11px;
			color: #7b7b7b;
			}
			#boxDelivery strong {
			color: #0854c7;
			}
			
			
			#boxContact li { float: left; width: 130px; margin: 4px 0 0; height: 18px;}
			#boxContact li img { float: left; margin: 0 10px 0 0;}
			
			#boxContact li a {
			float: left;
			margin: 0;
			color: #7b7b7b;
			font-size: 11px;
			padding: 0;
			text-decoration: underline;
			}
			#boxContact ul li a:hover {
			text-decoration: none;
			}
			
			.imgSale {float: left;}
			.boxSale {float: right; width: 196px; font-size: 10px;}
			.boxSale p { height: 28px; overflow: hidden; line-height: 14px; margin: -2px 0 0;}
			.box  .more {
			float: right;
			margin: 5px 11px 0 0;
			color: #7b7b7b;
			font-size: 11px;
			font-weight: bold;
			padding: 0 12px 0 0;
			background: url(img/buttons/arr.gif) 100% 55% no-repeat;
			text-decoration: underline;
			}
			.box .more:hover {
			text-decoration: none;
			}
			.box .boxSale .more {
			font-weight: normal;
			font-size: 10px;
			margin: 0;
			}
			.boxSale .price {float: left;}
			.boxSale .price strong {color: #0854c7; font-size: 11px;}
			.boxSale .price del { text-decoration: line-through; margin-left: 4px;}
			
		/* --------------------------
		3.2.5 Footer
		---------------------------*/
		
			#footer {
			clear: both;
			margin: 0;
			color: #333333;
			padding: 0.7em 1em 2em;
			font-size: 1em;
			border-top: 1px solid #d8d8db;
                        color: #B3B3B3;
			}

                        #footer p {
                            color: #333333;
                        }

                            #footer h5 {
                            display: inline;
                            color: #B3B3B3;
                            font-weight: normal;
                            font-size: 0.8em;
                            }

                            #footer h5 a {
                            color: #B3B3B3;
                            font-weight: normal;
                            }

                            #footer h5 a:link, #footer h5 a:visited {
					color: #B3B3B3;
					text-decoration: none;
					}

                                        #footer h5 a:hover,
					#footer h5 a:active {
					color: #333333;
					text-decoration: underline;
					}

				#footer a {
				font-weight: bolder;
				}
					#footer a:link,
					#footer a:visited {
					color: #333333;
					text-decoration: none;
					}
					#footer a:hover,
					#footer a:active {
					color: #333333;
					text-decoration: underline;
					}
				
				#footer p {
				margin: 0.3em 0;
				}
					#footer p.studio {
					float: right; text-align: right;
					clear:both;
					width:300px;
					font-size: 1em;
					text-transform: lowercase;
					}
						#footer p.studio a.pff {
						text-indent: -9999px;
						font-size: 0; 
						line-height: 0;
						width: 69px;
						height: 17px; 
						float: right;
						color: #f0f0f0;
						margin-left: 10px;
						overflow: hidden;
						background: url(img/pff.png) 0 0 no-repeat;
						}
					
			/* --------------------------
			3.2.5.1 Footer navigation
			---------------------------*/
				
				#footNav {
				float: left;
				padding: 0.7em 0;
				font-size: 0.83em;
				line-height: 1em;
				}
					#footNav li {
					float: left;
					padding: 0 5px;
					border-left: 1px solid #888;
					}
						#footNav li.first-item {
						padding-left: 0;
						border: 0;
						}
					
						#footNav li a {
						float: left;
						font-weight: normal;
						}
							#footNav li a:link,
							#footNav li a:visited {
							color: #888;
							text-decoration: underline;
							}
							#footNav li a:hover,
							#footNav li a:active {
							color: #888;
							text-decoration: none;
							}
							
							#footNav li.active a {
							color: #888;
							}

/* --------------------------
4. MAIN CONTENT LAYOUTS
---------------------------*/

	/* --------------------------
	4.1 Items overview
	---------------------------*/
	
		#mainContent .itemsOverview {
		height: auto;
		overflow: hidden;
		}
			#mainContent .itemsOverview .item {
			height: auto;
			overflow: hidden;
			margin: 1em 5px 0;
			width: 154px;
			height: 228px;
			display: inline;
			float: left;
			padding: 1em 10px;
			border: 1px solid #EEEAE6;
			text-align: center;
			overflow: hidden;
			}			
				#mainContent .itemsOverview .pic {
				margin: 0 auto;
				height: 147px;
				}
				
					#mainContent .itemsOverview .pic img {
					margin: 0 auto;
					}
				
				#mainContent .itemsOverview .description {
				margin: 1em 0 0;
				width: 154px;
				line-height: 1.1em;
				}
					#mainContent .itemsOverview .description h3 {
					margin: 0 0 0.3em;
					color: #5D5752;
					font-size: 1.2em;
					font-weight: normal;
					}
						#mainContent .itemsOverview .description h3 a {
						color: #5D5752;
						}
					
					#mainContent .itemsOverview .description .types {
					margin: 1em 0 0.6em;
					color: #5D5752;
					}
					
					#mainContent .itemsOverview .description .details {
					clear: both;
					height: auto;
					overflow: hidden;
					padding: 1em 0 0;
					}
						#mainContent .itemsOverview .description .details .price {
						float: left;
						display: inline;
						margin: 0.16em 0 0;
						color: #333333;
						}
							#mainContent .itemsOverview .description .details .price del {
							color: #d5d5d5;
							font-size: 1.273em;
							text-decoration: line-through;
							}
							#mainContent .itemsOverview .description .details .price strong {
							color: #333333;
							font-size: 1.6em;
							}
						
						#mainContent .itemsOverview .description .details .buttons {
						float: right;
						display: inline;
						text-align: right;
						line-height: 1.6em;
						}
						
							#mainContent .itemsOverview .description .details .buttons li {
							float: right;
							display: inline;
							margin: 0;
							font-size: 0.8em;
							}
								#mainContent .itemsOverview .description .details .buttons li a {
								padding: 0;
								color: #333333;
								}

	/* --------------------------
	4.2 Items list
	---------------------------*/
		#mainContent .itemsList .sticker {
		width: 88px;
		height: 89px;
		background: url(img/sticker.png) 0 0 no-repeat;
		position: absolute;
		top: 14px; 
		right: 14px;
		color: #fff;
		font-size: 1px;
		text-indent: -9999px;
		}
		
		#mainContent .itemsList .sticker-2 {
		width: 88px;
		height: 89px;
		background: url(img/sticker-2.png) 0 0 no-repeat;
		position: absolute;
		top: 14px; 
		right: 14px;
		color: #fff;
		font-size: 1px;
		text-indent: -9999px;
		}
		
		#mainContent .itemsList {
		height: auto;
		overflow: hidden;
		margin: 0 0 0 8px;
		width: 705px;
		padding-left: 1px;
		position: relative;
		background: url(img/bg-item.gif) 2px 0 repeat-y;
		}
			#mainContent .box-body .itemsList .item {
			border: 0;
			}
			#mainContent .itemsList .item {
			height: auto;
			overflow: hidden;
			position: relative;
			margin: 0;
			width: 214px;
			display: inline;
			overflow: hidden;
			float: left;
			padding: 10px;
			overflow: hidden;
			border-bottom: 1px solid #d8d8db;
			}			
				#mainContent .itemsList .pic {
				margin: 0 auto 5px;
				height: 145px;
				width: 100%;
				float: left;
				overflow: hidden;
				text-align: center;
				}
					#mainContent .itemsList .pic img {
					margin: 0 auto;
					}
				
				#mainContent .itemsList .description {
				margin: -6px 0 0;
				width: 100%;
				float: left;
				line-height: 18px;
				font-size: 11px; 
				padding: 0;
				color: #d0d0d0;
				overflow: hidden;
				}
					#mainContent .itemsList h3 {
					clear: both;
					float: left;
					margin: 0;
					padding: 0;
					width: 100%;
					color: #333333;
					font-size: 12px;
					font-weight: bold;
					}
						#mainContent .itemsList h3 a {
						color: #333333;
						}
					
					#mainContent .itemsList .description .opinion {
					padding: 0 0 4px 30px;
					background: url(img/buttons/ico-opinion.gif) 0 50% no-repeat;
					}
						#mainContent .itemsList .description .opinion a {
						color: #333333;
						text-decoration: none;
						}
						#mainContent .itemsList .description .opinion a:hover {
						text-decoration: underline;
						}
							#mainContent .itemsList .description .opinion a strong {
							color: #78197c;
							}
					
					
					#mainContent .itemsList .description .details {
					clear: both;
					height: auto;
					overflow: hidden;
					padding: 1em 0 0;
					}
						#mainContent .itemsList .description .details .price {
						float: left;
						display: inline;
						margin: 0;
						padding: 0;
						font-size: 11px;
						font-weight: normal;
						text-align: left;
						line-height: 16px;
						color: #7b7b7b;
						}
						#mainContent .itemsList .description .details .price-zero {
						background: url(img/buttons/price.gif) 0 0 no-repeat;
						color: #fff;
						}
							#mainContent .itemsList .description .details .price span {
							font-size: 12px;
							padding-left: 5px;
							}
							#mainContent .itemsList .description .details .price del {
							color: #7B7B7B;
							font-size: 11px;
							text-decoration: line-through;
							}
							#mainContent .itemsList .description .details .price strong {
							color: #0854c7;
							font-size: 14px;
							}
						
						#mainContent .itemsList .description  .more  {
						float: right;
						margin: 0 8px 0 0;
						font-size: 10px;
						height: 16px;
						line-height: 16px;
						}
						
	/* --------------------------
	4.3 Item details
	---------------------------*/
	
		#mainContent .itemDetails {
		float: left; 
		width: 100%; 
		clear: both;
		margin: 0 0 25px;
		border-bottom: 1px solid #d8d8db;
		}			
			#mainContent .itemDetails h3 {
			margin: 0 0 5px;
			color: #333;
			padding: 0;
			}
			#mainContent .itemDetails .pic {
			float: left;
			width: 222px;
			text-align: center;
			padding: 0 0 20px;
			}
			
			#mainContent .itemDetails .pic p.print {
			clear: both;
			padding: 1em 8px;
			margin: 10px 50px;
			}
			
						#mainContent .itemDetails .pic p.print a {
						display: block;
						padding: 0.4em 0 0.4em 52px;
						background: url(img/icos/print.gif) 5px 50% no-repeat;
						font-size: 1.1em;
						font-weight: bolder;
						}
			
							#mainContent .itemDetails .pic p.print a:link,
							#mainContent .itemDetails .pic p.print a:visited {
							color: #a1a1a1;
							text-decoration: none;
							background-color: transparent;
							}
							#mainContent .itemDetails .pic p.print a:hover,
							#mainContent .itemDetails .pic p.print a:active {
							color: #000;
							text-decoration: none;
							background-color: #f6f6f6;
							}
			
			#mainContent .itemDetails .enlarge {
			float: right;
			clear: both;
			font-size: 9px;
			color: #9e9e9e;
			padding-right: 30px;
			height: 24px; 
			line-height: 24px;
			background: url(img/ico-enlarge.gif) 100% 50% no-repeat;
			}
			#mainContent .itemDetails .thumbs {
			float: right;
			margin: 15px 0 0;
			width: 205px;
			overflow: hidden;
			clear: both; 
			}
			#mainContent .itemDetails .thumbs li {
			float: left;
			display: inline;
			margin: 0 0 0 3px;
			}
			#mainContent .itemDetails .thumbs li img {
			float: left;
			border: 1px solid #d8d8db;
			}
			
			#mainContent .itemDetails .itemEnd {
			float: left;
			width: 100%; clear: both; margin: 10px 0 0;
			padding-top: 6px; 
			border-top: 1px solid #dedede;
			}
			

			#mainContent .itemDetails .description .opinion {
			padding: 0 0 4px 30px;
			float: right;
			margin: 8px 20px 0 0;
			background: url(img/buttons/ico-opinion.gif) 0 50% no-repeat;
			}
				#mainContent .itemDetails .description .opinion a {
				color: #333333;
				text-decoration: none;
				}
				#mainContent .itemDetails .description .opinion a:hover {
				text-decoration: underline;
				}
					#mainContent .itemDetails .description .opinion a strong {
					color: #78197c;
					}
							

				#mainContent .itemDetails .description  .download  {
				float: right;
				display: inline;
				width: 97px;
				height: 36px;
				background: url(img/buttons/download.gif) 0 0 no-repeat;
				line-height: 0; font-size: 0; text-indent: -9999px;
				margin-right: 0;
				}
				#mainContent .itemDetails .description  .download:hover  {
				background-position: 0 -36px;
				}
							
			#mainContent .itemDetails .description .price-wrap {
			float: left;
			width: 100%; clear: both; height: 36px; overflow: hidden; line-height: 36px;
			margin: 0; padding: 0;
			color: #0854c7; font-size: 10px;
			}
				
				#mainContent .itemDetails .description .price-wrap .fl {
				float: left;
				color: #7b7b7b;
				font-size: 11px;
				}
				
				#mainContent .itemDetails .description .price-wrap .price {
				float: left;
				padding-left: 5px; height: 36px;
				font-size: 16px;
				font-weight: bold;
				color: 0854c7;
				margin-left: 10px;
				}
				
				#mainContent .itemDetails .description .price-wrap .price span {
				float: right;
				padding-right: 10px; height: 36px;
				font-size: 12px;
				font-weight: normal;
				color: #fff;
				margin-left: 5px;
				}
			
			
			#mainContent .addToCart{
			float: right;
			}
			
			#mainContent .addToCart li{
			}
			
			#mainContent .addToCart .fl {
			float: left;
			margin: 2px 10px;
			}
			
			#mainContent .toCart{
			float: left;
			height: 22px;
			width: 117px;
			text-indent: -9999px;
			color: #fff;
			font-size: 1px;
			background: url(img/buttons/tocart.gif) 0 0 no-repeat;
			margin: 2px 0 0 10px;
			}
			
				#mainContent .addToCart p.input {
				float: left;
				height: 24px;
				border: 1px solid #b4b4b4;
				margin: 12px 8px 0 0;
				padding: 0;
				position: relative;
				text-align: center;
				}	
						#mainContent .addToCart p.input input {
						width: 18px;
						height: 14px;
						line-height: 14px;
						border: 3px solid #f4f4f9;
						padding: 1px 2px;
						margin: 0;
						color: #b3b3b3;
						font-size: 10px; 
						text-align: center;
						}
			
			#mainContent .itemDetails .description {
			float: right;
			display: inline;
			width: 455px;
			padding: 0 0 1em;
			line-height: 1.8em;
			}
				#mainContent .itemDetails .description h3 {
				margin: 0 0 0.3em;
				color: #333333;
				font-size: 1.3em;
				}		
				#mainContent .itemDetails .description p  {
				margin: 0 0 1.3em;
				line-height: 22px;
				font-size: 12px;
				}	
				
			#mainContent .itemDetails .attributes {
				margin: 0 0 0.5em;
			}
				#mainContent .itemDetails .attributes li {
				background: url(img/embellishments/border-dash-horizontal.gif) 0 100% repeat-x;
				padding: 2px 0;
				}
				
							
			#mainContent .itemDetails .actions {
			margin: 1.5em 0 0;
			float: left; 
			width: 100%;
			padding: 0;
			text-align: left;
			}
				#mainContent .itemDetails .actions li {
				padding: 0.7em 10px;
				float: left;
				width: 145px;
				clear: both;
				background: url(img/embellishments/border-dash-horizontal.gif) 0 0 repeat-x;
				}
					#mainContent .itemDetails .actions li.price {
					color: #000;
					font-size: 1.2em;
					font-weight: bolder;
					}
						#mainContent .itemDetails .actions li.price span {
						color: #333333;
						}
					#mainContent .itemDetails .actions li.quantity {
					}
						#mainContent .itemDetails .actions li.quantity select {
						width: 130px;
						margin: 0.3em 0.6em;
						}
					#mainContent .itemDetails .actions li.toCart {
					padding: 1px 0 0;
					width: 165px;
					}
						#mainContent .itemDetails .actions li.toCart a.toCart {
						padding: 8px 8px 8px 30px;
						text-align: center;
						display: block;
						text-decoration: none;
						color: #333333;
						font-size: 1.2em;
						font-weight: bold;
						background: #EEEAF3 url(img/buttons/actions.gif) 14px 8px no-repeat;
						}
							#mainContent .itemDetails .actions li.toCart a.toCart:link,
							#mainContent .itemDetails .actions li.toCart a.toCart:visited {
							text-decoration: none;
							background-color: #EEEAF3;
							}
							#mainContent .itemDetails .actions li.toCart a.toCart:hover,
							#mainContent .itemDetails .actions li.toCart a.toCart:active {
							text-decoration: none;
							background-color: #C08CA5;
							}
					#mainContent .itemDetails .actions li.prices {
					color: #130427;
					padding: 0.7em 5px;
					width: 155px;
					}
						#mainContent .itemDetails .actions li.prices span {
						display:block;
						}
						#mainContent .itemDetails .actions li.prices span.title {
						padding: 0 0 1em;
						}
					#mainContent .itemDetails .actions li.print,
					#mainContent .itemDetails .actions li.compare	{
					padding: 1px 0 0;
					width: 165px;
					}
						#mainContent .itemDetails .actions li.print a.print,
						#mainContent .itemDetails .actions li.compare a.compare {
						padding: 8px 8px 8px 30px;
						text-align: center;
						display: block;
						text-decoration: none;
						color: #130427;
						font-size: 1.2em;
						font-weight: bold;
						}
						#mainContent .itemDetails .actions li.print a.print {
						background: #FFF url(img/buttons/actions.gif) 14px -192px no-repeat;
						}
						#mainContent .itemDetails .actions li.compare a.compare {
						background: #FFF url(img/buttons/actions.gif) 14px -92px no-repeat;
						}
							#mainContent .itemDetails .actions li.print a:link,
							#mainContent .itemDetails .actions li.print a:visited,
							#mainContent .itemDetails .actions li.compare a:link,
							#mainContent .itemDetails .actions li.compare a:visited {
							text-decoration: none;
							}
							#mainContent .itemDetails .actions li.print a:hover,
							#mainContent .itemDetails .actions li.print a:active,
							#mainContent .itemDetails .actions li.compare a:hover,
							#mainContent .itemDetails .actions li.compare a:active {
							text-decoration: underline;
							}
							#mainContent .itemDetails .actions li.print a.print:hover,
							#mainContent .itemDetails .actions li.print a.print:active,
							#mainContent .itemDetails .actions li.compare a.compare:hover,
							#mainContent .itemDetails .actions li.compare a.compare:active {
							background-color: #C08CA5;
							text-decoration: none;
							}
						#mainContent .itemDetails .actions li.compare span {
						display:block;
						float: left; 
						padding: 0.4em;
						}
						#mainContent .itemDetails .actions li.compare .items {
						clear: both;
						padding: 0.4em;
						}
						#mainContent .itemDetails .actions li.compare .items li {
						padding: 0; 
						margin: 0; 
						width: 33%; 
						background: none; 
						text-align: center; 
						float: left; 
						clear: none;
						}
				

	/* --------------------------
	4.4 Text block
	---------------------------*/
	
		#mainContent .textBlock {
		padding: 0 6px;
		margin: 0;
		}
			#mainContent .textBlock h2 {
			margin-bottom: 0;
			padding-bottom: 0;
			}
			#mainContent .textBlock h3 {
			color: #333;
			font-size: 12px; 
			padding: 0 6px;
			}
			
			#mainContent .textBlock p {
			padding: 0.5em 6px;
			color: #7b7b7b;
			}

	/* --------------------------
	4.5 Bread crumbs
	---------------------------*/
	
		.breadCrumbs {
		margin: 0 2em 1em 0;
		text-align: left;
		font-size: 11px;
		color: #7b7b7b;
		padding-left: 17px;
		float: right;
		position: relative; z-index: 10;
		}
			.breadCrumbs a {
			padding: 0 3px;
			font-size: 11px;
			color: #7b7b7b;
			}
				.breadCrumbs a:link,
				.breadCrumbs a:visited {
				color: #7b7b7b;
				text-decoration: underline;
				}
				.breadCrumbs a:hover,
				.breadCrumbs a:active {
				color: #7b7b7b;
				text-decoration: none;
				}
			.breadCrumbs a.home {
			background: none;
			color: #7b7b7b;
			}
				.breadCrumbs a.home:link,
				.breadCrumbs a.home:visited {
				color: #7b7b7b;
				text-decoration: underline;
				}
				.breadCrumbs a.home:hover,
				.breadCrumbs a.home:active {
				color: #7b7b7b;
				text-decoration: none;
				}
				.breadCrumbs strong {
				color: #0854c7;
				}

	/* --------------------------
	4.6 Pageing
	---------------------------*/
	
		.pageing {
		clear: both;
		height: auto;
		float:left;
		width: 700px;
		padding: 0 12px;
		color: #333333;
		}
		.pageing strong {float: left;}
		.pageing-bottom {
		height: 20px;
		margin: 0 0 0.5em;
		padding: 1.2em 12px 0;
		}
		.pageing-top {
		height: 20px;
		margin: 0 0 1em;
		padding: 0 12px 1.2em;
		}
			#content .pageing h3 {
			float: left;
			display: inline;
			padding: 0 1em 0 0;
			}
			
			.pageing ul {
			float: left;
			}
				.pageing li {
				float: left;
				display: inline;
				padding: 0;
				margin: 0 2px;
				width: 20px;
				text-align: center;
				height: 20px;
				border: 0;
				color: #fff;
				font-weight: bold;
				background: url(img/bg-pages.gif) -1px 0 no-repeat;
				}
					.pageing li.first-item {
					padding: 0;
					margin-left: 12px;
					}
					.pageing li.first-item,
					.pageing li.prev,
					.pageing li.next {
					border: 0;
					}
					
					.pageing li a {
					font-weight: normal;
					text-decoration: none;
					padding: 0 0 0 2px;
					margin: 0 0 0 -2px;
					text-align: center;
					float: left; height: 20px; width: 18px; overflow: hidden; text-align: center;
					background: url(img/bg-pages.gif) -20px 0 no-repeat;
					}
					.pageing li a:hover {
					color: #fff;
					text-decoration: underline;
					background: url(img/bg-pages.gif) 1px 0 no-repeat;
					}
					
					.pageing li.dots {
					color: #7B7B7B;
					background: url(img/bg-pages.gif) -20px 0 no-repeat;
					}
					
					.pageing li.prev,
					.pageing li.next {
					padding: 0;
					width: 7px;
					text-indent: -9999px;
					font-size:1px;
					background: none;
					color: #fff;
					}					
						.pageing li.prev a,
						.pageing li.next a {
						position: relative;
						display: block;
						width: 7px;
						height: 20px;
						overflow: hidden;
						margin: 0;
						background: none;
						}
							.pageing li.prev a .r,
							.pageing li.next a .r {
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							width: 100%;
							height: 100%;
							overflow: hidden;
							background: 0 0 no-repeat;
							}
							
							.pageing li.prev a .r {
							background: url(img/buttons/arrows.gif) 100% 0 no-repeat;
							}
							.pageing li.next a .r {
							background: url(img/buttons/arrows.gif) 100% 100% no-repeat;
							}

	/* --------------------------
	4.7 Sorting criteria
	---------------------------*/
	
		.sortCriteria {
		height: auto;
		overflow: hidden;
		margin: 20px 10px 0 16px;
		padding: 0 0 20px;
		clear: both;
		color: #333333;
		}
			#content .sortCriteria h3 {
			float: left;
			display: inline;
			padding: 0 1em 0 0;
			color: #333;
			}
			
			.sortCriteria ul {
			float: left;
			display: inline;
			}
				.sortCriteria li {
				float: left;
				display: inline;
				padding: 0 12px 0 0;
				text-transform: lowercase;
				}
					.sortCriteria li span,
					.sortCriteria li a {
					float: left;
					display: inline;
					margin: 0 0 0 3px;
					}
						.sortCriteria li a {
						margin-top: 0.182em;
						text-indent: -9999px;
						color: #fff;
						}
						.sortCriteria li span {
						margin-right: 3px;
						color: #7b7b7b;
						}
										
						.sortCriteria li span.r {
						float: none;
						display: block;
						margin: 0;
						}
			
	/* --------------------------
	4.8 Order plan
	---------------------------*/
	
		#mainContent #orderPlan {
		float: left; width: 700px; clear: both;
		margin: 15px 12px 0 10px;
		padding: 15px 0 10px;
		display: inline;
		border-top: 1px solid #d8d8db;
		border-bottom: 1px solid #d8d8db;
		}
			#mainContent #orderPlan h3 {
			font-size: 13px; color: #0854c7; 
			margin-right: 20px;
			}
			
			#mainContent #orderPlan li {
			padding: 0px;
			float: left;
			line-height: 18px;
			font-size: 11px;
			color: #333333;
			}		
			#mainContent #orderPlan li .r {
			width: 67px;
			text-indent: -9999px;
			font-size: 0;
			margin: 8px 8px 0 8px;
			float: left;
			background: url(img/buttons/spanr.gif) 0 0 repeat-x;
			}			
			#mainContent #orderPlan li .fl {
			float: left;
			}	
				#mainContent #orderPlan .activeStep {
				font-weight: bolder;
				color: #0854c7;
				}
		
	/* --------------------------
	4.9 Order details
	---------------------------*/
	
		.orderDetails {
		float: left; width: 100%; clear: both;
		height: auto; font-size: 12px;
		overflow: hidden;
		margin: 1em 0 0;
		padding: 0 0 1em;
		background: url(img/embellishments/border-dash-horizontal.gif) 0 100% repeat-x;
		}			
			.orderDetails .payment,
			.orderDetails .delivery,
			.orderDetails .coupon {
			float: left;
			display: inline;
			}
			.orderDetails .payment label,
			.orderDetails .delivery label,
			.orderDetails .coupon label {
			font-size: 11px;
			color: #7b7b7b;
			font-weight: normal;
			}
			
			
			
				.orderDetails .payment {
				width: 185px;
				margin: 0 11px 0 0;
				background: none;
				padding-left: 1.5em;
				}
				.orderDetails .delivery {
				width: 190px;
				margin: 0 9px 0 0;
				padding-left: 25px;
				}
				.orderDetails .coupon {
				width: 250px;
				float: right;
				padding-left: 15px;
				}
					
				#mainContent .orderDetails h3, #mainContent .orderDetails h4 {
				margin: 0 0 0.2em; padding: 0;
				font-size: 13px; color: #333333; 
				}
				
				.orderDetails ul {
				margin: 0 0 1em;
				}
					.orderDetails li {
					margin: 0.5em 0;
					}
				
				#mainContent .orderDetails p {
				margin: 0.5em 0;
				}
			
				.orderDetails label {
				vertical-align: middle;
				}
				
				.orderDetails input.img {
				margin: 1px 0 0;
				}
				
				.orderDetails input#f_order_coupon {
				width: 204px;
				margin: 0;
				background:  url(img/br.gif) 0 0 no-repeat;
				}

	/* --------------------------
	4.10 Customer details
	---------------------------*/
	
		.invoice {
		padding: 1.5em;
		background: #EEEAF3;
		}
			.invoice input { 
			width: auto; 
			margin: 0;
			}
			.invoice label { 
			width: auto; 
			margin: 0 1em;
			}
		
		.customerDetails {
		height: auto;
		overflow: hidden;
		margin: 0 0 1em;
		padding: 1em 0 0;
		background: url(img/embellishments/border-dash-horizontal.gif) repeat-x;
		}						
			.customerDetails .personal,
			.customerDetails .address {
			float: left;
			display: inline;
			width: 46%;
			margin: 0 4% 0 0;
			}
			
			.customerDetails p {
			height: auto;
			clear: both;
			overflow: hidden;
			padding: 0.3em 0;
			}		
			
				.customerDetails span.input {
				float: right;
				height: 24px;
				width: 154px;
				padding: 0;
				border: 1px solid #b4b4b4;
				margin: 0 8px 0 0;
				position: relative;
				}	
				.customerDetails span.input input {
				height: 14px;
				width: 144px;
				line-height: 14px;
				border: 3px solid #f4f4f9;
				padding: 2px;
				margin: 0;
				color: #b3b3b3;
				font-size: 10px; 
				}
				
				.customerDetails label {
				float: left;
				display: inline;
				padding: 6px 0 0;
				margin-left: 40px;
				}
				
				.customerDetails input {
				float: right;
				display: inline;
				width: 164px;
				background:  url(img/br.gif) 0 0 no-repeat;
				}
				.customerDetails select {
				float: right;
				display: inline;
				width: 180px;
				margin: 5px 0 0;
				}
				.customerDetails p.left {
				width: 154px;	
				float: left;
				clear: none;
				}
				.customerDetails .right {
				margin-right: -80px;
				margin-left: 20px;
				float: right;
				width: 150px;
				float: left;
				clear: none;
				}
				.customerDetails p.left input,
				.customerDetails p.right input  {
				width: 45px;
				}
	/* --------------------------
	4.11 Form buttons
	---------------------------*/
	
		.formButtons {
		height: auto;
		overflow: hidden;
		margin: 1.5em 0 0;
		padding:0;
		text-align: center;
		}
			.formButtons .left {
			float: left;
			display: inline;
			width: 75px;
			margin-left: 12px;
			height: 36px;
			line-height: 0; font-size: 0; text-indent: -9999px;
			background: url(img/buttons/step-back.gif) 0 0 no-repeat;
			border: 0;
			}
			.formButtons .right {
			float: right;
			display: inline;
			width: 75px;
			margin-right: 12px;
			height: 36px;
			line-height: 0; font-size: 0; text-indent: -9999px;
			background: url(img/buttons/step-forward.gif) 0 0 no-repeat;
			border: 0;
			}
				.formButtons .right:hover,
				.formButtons .left:hover {
				color: #130427;
				cursor: pointer;
				}
			.formButtons a.cancel {
			display: inline;
			width: auto;
			border: 0;
			font-size: 0.9em;
			color: #130427;
			font-weight: bold;
			}
				.formButtons a:link,
				.formButtons a:visited {
				color: #130427;
				text-decoration: none;
				}
				.formButtons a:hover,
				.formButtons a:active {
				color: #333333;
				text-decoration: underline;
				}

	/* --------------------------
	4.12 Related
	---------------------------*/

		#mainContent .related {
		height: auto;
		float: left;
		width: 100%;
		overflow: hidden;
		clear: both;
		margin: 0.7em 0 0;
		}
			#mainContent .related .item {
			height: auto;
			overflow: hidden;
			margin: 1em 5px 0;
			width: 154px;
			height: 228px;
			display: inline;
			float: left;
			padding: 1em 10px;
			border: 1px solid #EEEAE6;
			text-align: center;
			overflow: hidden;
			}		
				#mainContent .related  h3 {
				margin: 0 1em;
				color: #000;
				font-size: 1.2em;
				font-weight: bold;
				}
					#mainContent .related  h3 a {
					color: #5D5752;
					}	
				#mainContent .related .pic {
				margin: 0 auto;
				height: 147px;
				}
					#mainContent .related .pic img {
					margin: 0 auto;
					}
				
				#mainContent .related .description {
				margin: 1em 0 0;
				width: 154px;
				line-height: 1.1em;
				}
					#mainContent .related .description h3 {
					margin: 0 0 0.3em;
					color: #5D5752;
					font-size: 1.2em;
					font-weight: normal;
					}
						#mainContent .related .description h3 a {
						color: #5D5752;
						}
					
					#mainContent .related .description .types {
					margin: 1em 0 0.6em;
					color: #5D5752;
					}
					
					#mainContent .related .description .details {
					clear: both;
					height: auto;
					overflow: hidden;
					padding: 1em 0 0;
					}
						#mainContent .related .description .details .price {
						float: left;
						display: inline;
						margin: 0.16em 0 0;
						color: #333333;
						}
							#mainContent .related .description .details .price del {
							color: #d5d5d5;
							font-size: 1.273em;
							text-decoration: line-through;
							}
							#mainContent .related .description .details .price strong {
							color: #333333;
							font-size: 1.6em;
							}
						
						#mainContent .related .description .details .buttons {
						float: right;
						display: inline;
						text-align: right;
						line-height: 1.6em;
						}
						
							#mainContent .related .description .details .buttons li {
							float: right;
							display: inline;
							margin: 0;
							font-size: 0.8em;
							}
								#mainContent .related .description .details .buttons li a {
								padding: 0;
								color: #333333;
								}

				/* --------------------------
				3.2.2.2.1 Main banner
				---------------------------*/
				
					#mainBanner {
					position: relative;
					float: left;
					display: inline;
					width: 902px;
					height: 247px;
					margin: 0 20px 20px;
					overflow: hidden;
					}
						#mainBanner #slideshow-controls {
						position: absolute;
						bottom: 13px;
						right: 13px;
						font-size: 0.9em;
						text-align: center;
						}
							#mainBanner #slideshow-controls li {
							float: left;
							display: inline;
							right: 10px;
							width: 21px;
							height: 21px;
							overflow: hidden;
							margin: 0 1px;
							background: url(img/content/controls-bg.png) no-repeat;
							line-height: 19px;
							text-align: center;
							}
								#mainBanner #slideshow-controls li.disactive {
								background-position: 0 0;
								color: #7b7b7b;
								}
								#mainBanner #slideshow-controls li.active {
								background-position: 0 -21px;
								color: #fff;
								font-weight: bold;
								}
						
						#mainBanner #slideshow-images {
						}
							#mainBanner #slideshow-images .active {
							display: block;
							}
							#mainBanner #slideshow-images .disactive {
							display: none;
							}
							#mainBanner #slideshow-controls li.prev ,
							#mainBanner #slideshow-controls li.next{
							display: none;
							}

							
p.input {
float: left;
height: 24px;
padding: 0;
border: 1px solid #b4b4b4;
margin: 12px 8px 0 0;
position: relative;
}	
p.input input {
height: 14px;
width: 144px;
line-height: 14px;
border: 3px solid #f4f4f9;
padding: 2px;
margin: 0;
color: #b3b3b3;
font-size: 10px; 
}

#overlay2 {
background:transparent url(loading/overlay.png) repeat scroll 0 0;
display:table;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:100;
}

#overlay2 #info {
background-color:#fff;
border:1px solid black;
height:130px;
margin:0 auto;
margin-top: 200px;
overflow:auto;
padding:10px;
text-align:center;
width:300px;
z-index:100;
}
#info h3 {
color:#000;
font-size:12px;
font-weight:bold;
margin:20px 0;
}
#info input {
cursor:pointer;
}

sup {
font-size: 0.7em;
vertical-align: top;
}

#facebook {
background: url(img/fb-tlo.png) no-repeat;
width: 360px;
height: 300px;
padding: 2px 2px 2px 47px;
position: fixed;
right: -364px;
top: 25%;
color: #fff !important;
z-index: 1000;
}