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

Splint
Grupa Pff
http://pff.pl/

Michał Krupa
m.krupa@pff.pl

October 2009

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




/* --------------------------
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: white;
		}
		
		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;
		}
		
		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 {
	}

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

	body {
	}	
		a:link, a:visited {
		color: #9CB506;
		text-decoration: underline;
		}
		a:hover, a:active {
		color: #6B7D04;
		text-decoration: underline;
		}
		
		input, textarea, select {
		background: #fff;
		border: 1px solid #d3d3d3;
		color: #d3d3d3;
		font: 1em/1.6 Arial, Helvetica, sans-serif;
		}	
			input, textarea {
			padding: 8px 10px;
			}
				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;
			}
			
			input[type=submit], input[type=button]{
			color: #666;
			}

	/* --------------------------
	3.1 Header
	---------------------------*/
	
		#header {
		height: 158px;
		background: url(img/header/bg.png) repeat-x;
		}
			#header-inner {
			width: 922px;
			padding: 14px 0 0;
			margin: 0 auto;
			background: url(img/header/bg-inner.png) 50% 0 no-repeat;
			}

		/* --------------------------
		3.1.1 Logo
		---------------------------*/
		
			#logo {
			width: 922px;
			height: 144px;
			overflow: hidden;
			font-size: 1em;
			font-weight: normal;
			}
				#logo a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				font-size: 3em;
				line-height: 70px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				}
				
				#logo .r {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(img/logo.png) no-repeat;
				}

	/* --------------------------
	3.2 Top navigation
	---------------------------*/
	
		#topNav {
		background: url(img/topnav/bg.png) 0 50% repeat-x #F2F5F9;
		border-bottom: 5px solid #F2F5F9;
		}
			#topNav-inner {
			width: 922px;
			margin: 0 auto;
			background: url(img/topnav/bg-in.png) repeat-y #D7ED4A;
			}
			
			#topNav-top,
			#topNav-bot {
			clear: both;
			height: 1px;
			overflow: hidden;
			font-size: 1px;
			line-height: 1px;
			}
				#topNav-top {
				background: url(img/topnav/bg-top.png) no-repeat;
				}
				#topNav-bot {
				background: url(img/topnav/bg-bot.png) no-repeat;
				}
				
			#topNav-in {
			height: auto;
			overflow: hidden;
			background: url(img/topnav/bg-in-bot.png) 0 100% no-repeat;
			}
	
		/* --------------------------
		3.2.1 Main navigation
		---------------------------*/
			
			#mainNav {
			float: left;
			display: inline;
			height: auto;
			overflow: hidden;
			width: 660px;
			margin: 0 0 0 1px;
			}
				#mainNav li {
				float: left;
				display: inline;
				padding: 0 2px 0 0;
				background: url(img/topnav/mainnav/item-border.png) 100% 100% no-repeat;
				}										
					#mainNav li a {
					display: block;
					padding: 0.9em 26px;
					color: #fff;
					font-size: 1.2em;
					font-weight: bolder;
					text-decoration: none;
					text-transform: lowercase;
					}
						#mainNav li a:link,
						#mainNav li a:visited {
						background: none;
						}
						#mainNav li a:hover,
						#mainNav li a:active {
						background: url(img/topnav/mainnav/item-active-bg.png) repeat-x #100052;
						}

		/* --------------------------
		3.2.2 Shopping cart
		---------------------------*/
			
			#cart {
			float: right;
			display: inline;
			width: 230px;
			margin: 0 22px 0 0;
			padding: 0.9em 0;
			color: #fff;
			font-size: 1.2em;
			text-align: right;
			}
				#cart h3,
				#cart p {
				display: inline;
				font-size: 1em;
				}
		
	/* --------------------------
	3.3 Content
	---------------------------*/
	
		#content {
		background: url(img/content/bg.png) repeat-x #FBFCFD;
		border-top: 1px solid #BECCDC;
		}
			#content-inner {
			background: url(img/content/bg-inner.png) 50% 0 no-repeat;
			}
			
			#content-wrap {
			width: 920px;
			margin: 0 auto;
			background: url(img/content/sidebar/bg.png) 683px 4.2em no-repeat #fff;
			}

		/* --------------------------
		3.3.1 Top bar
		---------------------------*/
		
			#content #topBar {
			height: auto;
			overflow: hidden;
			margin: 0 10px;
			padding: 0.4em 0;
			background: url(img/content/border-horizontal.png) 50% 100% no-repeat;
			}

			/* --------------------------
			3.3.1.1 Bread crumbs
			---------------------------*/
			
				#topBar #breadCrumbs {
				float: left;
				display: inline;
				margin: 0.1em 0 0 18px;
				padding: 0 0 0 20px;
				background: url(img/content/topbar/breadcrumbs/bg.png) 0 60% no-repeat;
				color: #262626;
				}
					#topBar #breadCrumbs a:link,
					#topBar #breadCrumbs a:visited {
					color: #262626;
					text-decoration: none;
					}
					#topBar #breadCrumbs a:hover,
					#topBar #breadCrumbs a:active {
					color: #262626;
					text-decoration: underline;
					}
					
					#topBar #breadCrumbs a.home {
					color: #9CB506;
					font-weight: bolder;
					}

			/* --------------------------
			3.3.1.2 Login form
			---------------------------*/
			
				#topBar #loginForm {
				float: right;
				display: inline;
				margin: 0 18px 0 0;
				text-align: right;
				}
					#topBar #loginForm p {
					display: inline;
					padding: 0;
					}
						#topBar #loginForm input {
						width: 115px;
						margin: 0 4px 0 0;
						padding: 2px 8px;
						background: url(img/content/topbar/loginform/input-bg.png) 0 100% repeat-x #fff;
						border: 1px solid #A9B9C4;
						color: #989898;
						}
						
						#topBar #loginForm input.img {
						margin: 0 10px 0 0;
						padding: 0;
						}
						
					#topBar #loginForm p.register {
					position: relative;
					top: 0.1em;
					font-size: 1.2em;
					line-height: 1em;
					}
						#topBar #loginForm p.register a {
						padding-right: 15px;
						background: url(img/embellishments/arr-double-right-gray.gif) 100% 60% no-repeat;
						}
							#topBar #loginForm p.register a:link,
							#topBar #loginForm p.register a:visited {
							color: #989898;
							text-decoration: underline;
							}
							#topBar #loginForm p.register a:hover,
							#topBar #loginForm p.register a:active {
							color: #444;
							text-decoration: underline;
							}

			/* --------------------------
			3.3.1.3 User box
			---------------------------*/
			
				#topBar #userBox {
				float: right;
				display: inline;
				margin: 0 18px 0 0;
				font-size: 1.2em;
				text-align: right;
				}
					#topBar #userBox a {
					border-left: 1px solid #202020;
					padding-left: 5px;
					}
			
		/* --------------------------
		3.3.2 Main content
		---------------------------*/
		
			#mainContent {
			float: left;
			display: inline;
			width: 657px;
			margin: 0 0 0 10px;
			}
				#content .twoCols {
				width: 667px;
				margin-left: 0;
				}
				
				#mainContent h2 {
				color: #336699;
				font: 1.8em "Century Gothic", Georgia, "Times New Roman", Times, serif
				}
					#mainContent h2 a {
					color: #336699;
					}
						#mainContent h2 a:link,
						#mainContent h2 a:visited {
						text-decoration: none;
						}
						#mainContent h2 a:hover,
						#mainContent h2 a:active {
						text-decoration: underline;
						}

		/* --------------------------
		3.3.3 Sidebar
		---------------------------*/
		
			#content #sidebar {
			float: right;
			display: inline;
			width: 192px;
			margin: 0 21px 1.5em 0;
			}
				#content #sidebar .box {
				padding: 1.5em 0;
				background: url(img/content/border-horizontal.png) 100% 100% no-repeat;
				font-size: 1.2em;
				}
					#content #sidebar .box h3 {
					padding: 0 0 0 25px;
					background: url(img/content/sidebar/header-bg.png) 0 0.2em no-repeat;
					color: #100052;
					font-size: 1.42em;
					}
						#content #sidebar .box h3 a {
						color: #100052;
						}
							#content #sidebar .box h3 a:link,
							#content #sidebar .box h3 a:visited {
							text-decoration: none;
							}
							#content #sidebar .box h3 a:hover,
							#content #sidebar .box h3 a:active {
							text-decoration: underline;
							}

			/* --------------------------
			3.3.3.1 Main search
			---------------------------*/
			
				#sidebar #mainSearch {
				}
					#content #sidebar #mainSearch h3 {
					background-image: url(img/content/sidebar/search-bg.png);
					}
					
					#content #sidebar #mainSearch input {
					width: 174px;
					padding: 1px 8px;
					background: url(img/content/sidebar/input-bg.png) 0 100% repeat-x #fff;
					border: 1px solid #A9B9C4;
					color: #989898;
					}
					
					#content #sidebar #mainSearch .advanced {
					font-size: 0.8em;
					text-align: right;
					}
						#content #sidebar #mainSearch .advanced a {
						color: #262626;
						text-decoration: underline;
						}
					
					#content #sidebar #mainSearch .button {
					margin: 0.5em 0 0;
					text-align: right;
					}
						#content #sidebar #mainSearch input.img {
						padding: 0;
						}

			/* --------------------------
			3.3.3.2 Parnters
			---------------------------*/
			
				#content #sidebar .partners {
				padding: 1.5em 0;
				font-size: 1.2em;
				}
					#content #sidebar .partners p {
					margin: 0 0 1.5em;
					}
					
					#content #sidebar .partners li {
					margin: 0 0 3px;
					}

		/* --------------------------
		3.3.4 Featured
		---------------------------*/
		
			#content #featured {
			clear: both;
			background: url(img/content/featured/bg.jpg) #325263;
			color: #fff;
			}
				#content #featured-inner {
				height: auto;
				overflow: hidden;
				background: url(img/content/featured/bg-top.jpg) no-repeat;
				padding: 15px 0 20px;
				}
				
				#content #featured .about {
				float: left;
				display: inline;
				width: 177px;
				margin: 71px 0 0 26px;
				font-size: 1.2em;
				line-height: 1.2em;
				}
				
				#content #featured .box {
				float: left;
				display: inline;
				width: 212px;
				min-height: 143px;
				margin: 0 0 0 16px;
				background: url(img/content/featured/box-bg.jpg) no-repeat #294A5B;
				}
					#content #featured .box h3 {
					padding: 0.4em 22px;
					background: url(img/content/featured/header-border.jpg) 50% 100% no-repeat;
					font-size: 1.3em;
					font-weight: bolder;
					text-transform: uppercase;
					}
					
							#content #featured .box h3 a:link, #content #featured .box h3 a:visited {
							color: #fff;
							text-decoration: none;
							}
							#content #featured .box h3 a:hover, #content #featured .box h3 a:active {
							color: #fff;
							text-decoration: underline;
							}
					
					#content #featured .box ul {
					padding: 0.5em 0;
					font-size: 1.2em;
					}
						#content #featured .box li a {
						display: block;
						padding: 0.6em 50px 0.6em 22px;
						color: #fff;
						text-decoration: none;
						background: url(img/embellishments/arr-double-right-green.gif) 90% 50% no-repeat;
						}
							#content #featured .box li a:link,
							#content #featured .box li a:visited {
							background-color: transparent;
							}
							#content #featured .box li a:hover,
							#content #featured .box li a:active {
							background-color: #1A394B;
							}
							
					#content #featured .box p {
					margin: 1.8em 22px;
					font-size: 1.1em;
					}
						#content #featured .box p a {
						padding: 0 15px 0 0;
						background: url(img/embellishments/arr-double-right-green.gif) 100% 60% no-repeat;
						color: #fff;
						}
		
	/* --------------------------
	3.4 Footer
	---------------------------*/
	
		#footer {
		clear: both;
		margin: 0 0 1em;
		background: url(img/footer/bg.png) 0 100% repeat-x #D6EC48;
		border-top: 1px solid #9DB507;
		}
			#footer-inner {
			width: 922px;
			height: auto;
			overflow: hidden;
			margin: 0 auto;
			background: url(img/footer/bg-inner.gif) 50% 100% no-repeat;
			color: #fff;
			font-size: 1.2em;
			}
			
			#footer a:link,
			#footer a:visited {
			color: #fff;
			text-decoration: none;
			}
			#footer a:hover,
			#footer a:active {
			color: #fff;
			text-decoration: underline;
			}
			
			#footer #author {
			float: left;
			display: inline;
			width: 430px;
			margin: 0.6em 0 0.7em 28px;
			}
			
			#footer #footerNav {
			float: right;
			display: inline;
			width: 430px;
			margin: 0.6em 20px 0.7em 0;
			text-align: right;
			}
				#footer #footerNav li {
				display: inline;
				padding: 0 0.5em 0 0.7em;
				border-left: 1px solid #fff;
				}
					#footer #footerNav li.first-item {
					border-left: 0;
					}
				

/* --------------------------
4. MAIN CONTENT LAYOUTS
---------------------------*/
		
	/* --------------------------
	4.1 Home
	---------------------------*/
	
		#mainContent .home {
		margin: 0 0 1.5em;
		padding: 0 0 0 20px;
		font-size: 1.2em;
		}
			#mainContent .home .category {
			background: url(img/content/maincontent/home/cat-bg-bot.png) 100% 100% no-repeat;
			}
				#mainContent .home .category-inner {
				padding: 3em 0 3em 170px;
				background: 27px 2.7em no-repeat;
				}
					#mainContent .home .category-inner:hover,
					#mainContent .home .hoverCat .category-inner {
					background-position: -723px 2.7em;
					}
					
					#mainContent .home .rental .category-inner {
					background-image: url(img/content/maincontent/home/rental.jpg);
					}
					#mainContent .home .shop .category-inner {
					background-image: url(img/content/maincontent/home/shop.jpg);
					}
					#mainContent .home .rehabilitation .category-inner {
					background-image: url(img/content/maincontent/home/rehabilitation.jpg);
					}
				
				#mainContent .home .category h2 {
				margin: 0 0 0.3em;
				}
				
				.home .category .more {
				margin: 4.5em 0 0;
				font-size: 0.8em;
				text-align: right;
				}
					#content #mainContent .home .category .more a {
					color: #9CB506;
					font-weight: bolder;
					text-transform: lowercase;
					}
		
	/* --------------------------
	4.2 Text page
	---------------------------*/
	
		#mainContent .textPage {
		height: auto;
		overflow: hidden;
		margin: 0 0 1.5em;
		padding: 1.5em 0 1.5em 20px;
		background: url(img/content/maincontent/textpage/border-bot.png) 50% 100% no-repeat;
		font-size: 1.2em;
		}
			#mainContent .textPage .mainPic {
			float: left;
			display: inline;
			margin: 0 15px 0 0;
			}
			
			#mainContent .textPage .gallery {
			}
				#mainContent .textPage .gallery li,
				#mainContent .textPage .gallery li img {
				display: inline;
				vertical-align: middle;
				}
				
			#mainContent .textPage .contact {
			margin: 1.7em 0 0;
			padding: 0 0 0 250px;
			font: 1.8em "Century Gothic", Georgia, "Times New Roman", Times, serif
			}
				#mainContent .textPage .contact a {
				color: #202020;
				}
					#mainContent .textPage .contact a:link,
					#mainContent .textPage .contact a:visited {
					text-decoration: none;
					}
					#mainContent .textPage .contact a:hover,
					#mainContent .textPage .contact a:active {
					text-decoration: underline;
					}
				
				#mainContent .textPage .contact li {
				padding: 0 0 0.5em 30px;
				}
					#mainContent .textPage .contact .phone {
					background: url(img/content/maincontent/textpage/contact-phone.png) no-repeat;
					}
					#mainContent .textPage .contact .mail {
					background: url(img/content/maincontent/textpage/contact-mail.png) no-repeat;
					}
			
			#mainContent .textPage p {
			margin: 0.7em 0 1.5em;
			}
		
	/* --------------------------
	4.3 Prices
	---------------------------*/
	
		#mainContent .prices {
		padding: 0 0 1.5em;
		font-size: 1.2em;
		}
			#mainContent .prices table {
			width: 480px;
			margin: 0 auto;
			}
				#mainContent .prices table td,
				#mainContent .prices table th {
				padding: 0.4em 25px;
				}
				
				#mainContent .prices table thead {
				}
					#mainContent .prices table thead th {
					background: url(img/content/maincontent/prices/head-bg.png) 0 50% repeat-x #17094F;
					border-top: 1px solid #B6CB33;
					border-bottom: 1px solid #86942D;
					color: #fff;
					font-weight: bolder;
					}
					
				#mainContent .prices table tbody {
				}
					#mainContent .prices table tbody td {
					background: url(img/content/maincontent/prices/cell-shad.png) 0 100% repeat-x;
					border-bottom: 1px solid #dfdfdf;
					}
		
	/* --------------------------
	4.4 Subpage
	---------------------------*/
	
		#mainContent .subpage {
		height: auto;
		overflow: hidden;
		padding: 1.5em 0;
		font-size: 1.2em;
		background: url(img/content/maincontent/subpage/submenu/bg.png) 175px 1.5em no-repeat;
		}
			#mainContent .subpage .submenu {
			float: left;
			display: inline;
			width: 188px;
			margin: 0 0 0 -1px;
			}
				#mainContent .subpage .submenu h3 {
				margin: 0 0 0 27px;
				padding: 0 0 0 25px;
				background: url(img/content/sidebar/header-bg.png) 0 0.2em no-repeat;
				color: #100052;
				font-size: 1.42em;
				}
				
				#mainContent .subpage .submenu ul {
				padding: 29px 0 0;
				background: url(img/content/maincontent/subpage/submenu/list-bg.png) 0 0 no-repeat;
				}
					#mainContent .subpage .submenu ul li {
					padding: 0.3em 8px 0.3em 53px;
					background: url(img/content/maincontent/subpage/submenu/item-bg.png) 0 0 no-repeat;
					}
						#mainContent .subpage .submenu ul li.first-item {
						background: none;
						}
						
						#mainContent .subpage .submenu ul li.active {
						position: relative;
						top: 1px;
						background: url(img/content/maincontent/subpage/submenu/item-active-bg.png) repeat-x #7E9204;
						border-top: 1px solid #B6CB32;
						border-bottom: 1px solid #7A8918;
						font-weight: bolder;
						}
						
						#mainContent .subpage .submenu ul li a {
						color: #202020;
						}
							#mainContent .subpage .submenu ul li a:link,
							#mainContent .subpage .submenu ul li a:visited {
							text-decoration: none;
							}
							#mainContent .subpage .submenu ul li a:hover,
							#mainContent .subpage .submenu ul li a:active {
							text-decoration: underline;
							}
						
							#mainContent .subpage .submenu ul li.active a {
							color: #fff;
							}
							
			#mainContent .subpage .pageContent {
			float: left;
			display: inline;
			width: 455px;
			margin: 0 0 0 24px;
			padding: 0 0 1em;
			background: url(img/content/maincontent/subpage/pagecontent/bg-bot.png) 50% 100% no-repeat;
			}
				#mainContent .subpage .pageContent .categories {
				padding: 0 0 1em;
				background: url(img/content/maincontent/subpage/pagecontent/bg-bot.png) 50% 100% no-repeat;
				}
			
				#mainContent .subpage .pageContent p {
				margin: 0.5em 0 1.5em;
				}
		
		
	/* --------------------------
	4.4 Subpage2
	---------------------------*/
	
		#mainContent .subpage2 {
		height: auto;
		overflow: hidden;
		padding: 1.5em 0;
		font-size: 1.2em;
		}
	
			#mainContent .subpage2 .submenu {
			float: left;
			display: inline;
			width: 188px;
			margin: 0 0 0 -1px;
			}
				#mainContent .subpage2 .submenu h3 {
				margin: 0 0 0 27px;
				padding: 0 0 0 25px;
				background: url(img/content/sidebar/header-bg.png) 0 0.2em no-repeat;
				color: #100052;
				font-size: 1.42em;
				}
				
				#mainContent .subpage2 .submenu ul {
				padding: 29px 0 0;
				background: url(img/content/maincontent/subpage/submenu/list-bg.png) 0 0 no-repeat;
				}
					#mainContent .subpage2 .submenu ul li {
					padding: 0.3em 8px 0.3em 53px;
					background: url(img/content/maincontent/subpage/submenu/item-bg.png) 0 0 no-repeat;
					}
						#mainContent .subpage2 .submenu ul li.first-item {
						background: none;
						}
						
						#mainContent .subpage2 .submenu ul li.active {
						position: relative;
						top: 1px;
						background: url(img/content/maincontent/subpage/submenu/item-active-bg.png) repeat-x #7E9204;
						border-top: 1px solid #B6CB32;
						border-bottom: 1px solid #7A8918;
						font-weight: bolder;
						}
						
						#mainContent .subpage2 .submenu ul li a {
						color: #202020;
						}
							#mainContent .subpage2 .submenu ul li a:link,
							#mainContent .subpage2 .submenu ul li a:visited {
							text-decoration: none;
							}
							#mainContent .subpage2 .submenu ul li a:hover,
							#mainContent .subpage2 .submenu ul li a:active {
							text-decoration: underline;
							}
						
							#mainContent .subpage2 .submenu ul li.active a {
							color: #fff;
							}
							
			#mainContent .subpage2 .pageContent {
			float: left;
			display: inline;
			width: 455px;
			margin: 0 0 0 24px;
			padding: 0 0 1em;
			background: url(img/content/maincontent/subpage/pagecontent/bg-bot.png) 50% 100% no-repeat;
			}
				#mainContent .subpage2 .pageContent .categories {
				padding: 0 0 1em;
				background: url(img/content/maincontent/subpage/pagecontent/bg-bot.png) 50% 100% no-repeat;
				}
			
				#mainContent .subpage2 .pageContent p {
				margin: 0.5em 0 1.5em;
				}
		
		
		
	/* --------------------------
	4.5 Items overview
	---------------------------*/
	
		#mainContent .itemsOverview {
		}
			#mainContent .itemsOverview .item {
			height: auto;
			overflow: hidden;
			padding: 1.5em 0;
			background: url(img/content/maincontent/subpage/pagecontent/bg-bot.png) 50% 100% no-repeat;
			}				
				#mainContent .itemsOverview .item .pic {
				float: left;
				display: inline;
				width: 135px;
				}
				
				#mainContent .itemsOverview .item .description {
				float: right;
				display: inline;
				width: 315px;
				}
					#mainContent .itemsOverview .item h3 {
					font-weight: bolder;
					}
					
					#mainContent .itemsOverview .item .description p {
					margin: 0;
					}
					
					#mainContent .itemsOverview .item .more {
					font-weight: bolder;
					text-align: right;
					}
						#mainContent .itemsOverview .item .more a:link,
						#mainContent .itemsOverview .item .more a:visited {
						text-decoration: none;
						}
						#mainContent .itemsOverview .item .more a:hover,
						#mainContent .itemsOverview .item .more a:active {
						text-decoration: underline;
						}
						
					#mainContent .itemsOverview .item .details {
					height: auto;
					overflow: hidden;
					padding: 1em 0 0;
					}
						#mainContent .itemsOverview .item .details form {
						float: left;
						display: inline;
						margin: 0.5em 0 0;
						font-size: 0.9em;
						}
							#mainContent .itemsOverview .item .details form input {
							width: 14px;
							padding: 1px 4px;
							background: url(img/content/maincontent/itemsoverview/input-bg.png) 0 100% repeat-x #fff;
							border: 1px solid #A9B9C4;
							color: #989898;
							}
						
						#mainContent .itemsOverview .item .details .price {
						float: right;
						display: inline;
						padding: 0.3em 8px;
						background: url(img/content/maincontent/itemsoverview/price-bg.png) 0 50% repeat-x #180950;
						border: 1px solid #809306;
						color: #fff;
						font-weight: bolder;
						}
		
	/* --------------------------
	4.6 Item details
	---------------------------*/
	
		#mainContent .itemDetails {
		}
			#mainContent .itemDetails .pic {
			padding: 1em 0 0;
			text-align: center;
			}
				#mainContent .itemDetails .pic img {
				display: inline;
				vertical-align: middle;
				}
				
			#mainContent .itemDetails .description {
			padding: 1em 0 0;
			line-height: 1.4em;
			}
						
			#mainContent .itemDetails .details {
			height: auto;
			overflow: hidden;
			padding: 1em 0 0;
			}
				#mainContent .itemDetails .details form {
				float: left;
				display: inline;
				margin: 0.5em 0 0;
				font-size: 0.9em;
				}
					#mainContent .itemDetails .details form input {
					width: 14px;
					padding: 1px 4px;
					background: url(img/content/maincontent/itemsoverview/input-bg.png) 0 100% repeat-x #fff;
					border: 1px solid #A9B9C4;
					color: #989898;
					}
				
				#mainContent .itemDetails .details .price {
				float: right;
				display: inline;
				padding: 0.3em 8px;
				background: url(img/content/maincontent/itemsoverview/price-bg.png) 0 50% repeat-x #180950;
				border: 1px solid #809306;
				color: #fff;
				font-weight: bolder;
				}
		
	/* --------------------------
	4.7 Sort criteria
	---------------------------*/
	
		#mainContent .sortCriteria {
		height: auto;
		overflow: hidden;
		font-size: 0.917em;
		}
			#mainContent .sortCriteria p {
			display: inline;
			padding: 0 0.7em 0 0;
			}
			
			#mainContent .sortCriteria select {
			font-size: 1em;
			}
		
	/* --------------------------
	4.8 Pageing
	---------------------------*/
	
		#mainContent .pageing {
		height: auto;
		overflow: hidden;
		margin: 0 0 -1em;
		}
			#mainContent .pageing ul {
			float: right;
			display: inline;
			color: #9CB506;
			}
				#mainContent .pageing li {
				float: left;
				display: inline;
				padding: 0.6em 7px;
				}
					#mainContent .pageing li.active {
					background: url(img/content/maincontent/pageing/pointer.gif) 50% 100% no-repeat;
					}
				
					#mainContent .pageing li a:link,
					#mainContent .pageing li a:visited {
					color: #202020;
					text-decoration: none;
					}
					#mainContent .pageing li a:hover,
					#mainContent .pageing li a:active {
					color: #202020;
					text-decoration: underline;
					}
					
					#mainContent .pageing li.next a,
					#mainContent .pageing li.prev a {
					color: #9CB506;
					}
		
	/* --------------------------
	4.8 Order plan
	---------------------------*/
	
		#mainContent .orderPlan {
		margin: 1em 0;
		padding: 0 0 1em;
		background: url(img/content/maincontent/subpage/pagecontent/bg-bot.png) 50% 100% no-repeat;
		font-size: 0.9em;
		text-align: center;
		}
			#mainContent .orderPlan li {
			display: inline;
			padding: 0 5px;
			color: #9e9e9e;
			}
		
	/* --------------------------
	4.9 Order details
	---------------------------*/
	
		.orderDetails {
		height: auto;
		overflow: hidden;
		padding: 0 0 0.7em;
		margin: 0 0 1.5em;
		border-bottom: 1px solid #eee;
		font-size: 0.9em;
		}			
			.orderDetails .payment,
			.orderDetails .delivery,
			.orderDetails .coupon {
			float: left;
			display: inline;
			width: 150px;
			}					
				#mainContent .orderDetails h3 {
				margin: 0 0 0.2em;
				font-weight: bolder;
				}
				
				#mainContent .orderDetails ul,
				#mainContent .orderDetails p  {
				margin: 0 0 1em;
				}
			
				.orderDetails label {
				vertical-align: middle;
				}

	/* --------------------------
	4.10 Customer details
	---------------------------*/
	
		.customerDetails {
		height: auto;
		overflow: hidden;
		}					
			#mainContent .customerDetails .customerType {
			padding: 0 0 1.5em;
			}
				.customerDetails .customerType input {
				margin: 0 3px 0 0;
				}
				.customerDetails .customerType label {
				padding: 0 2em 0 0;
				}
				
			.customerDetails .personal,
			.customerDetails .address {
			float: left;
			display: inline;
			width: 211px;
			}
				.customerDetails .personal {
				margin: 0 20px 0 0;
				}
			
			#mainContent .customerDetails p {
			height: auto;
			overflow: hidden;
			padding: 0.1em 0;
			margin: 0 !important;
			}		
				.customerDetails .personal label,
				.customerDetails .address label {
				float: left;
				display: inline;
				width: 90px;
				padding: 6px 0 0;
				}
				
				.customerDetails .personal input, 
				.customerDetails .address input {
				float: right;
				display: inline;
				width: 92px;
				}
		
	/* --------------------------
	4.11 Form buttons
	---------------------------*/
	
		#mainContent .formButtons {
		height: auto;
		overflow: hidden;
		padding: 1em 0 0;
		}
			#mainContent .formButtons .left {
			float: left;
			display: inline;
			}
			#mainContent .formButtons .right {
			float: right;
			display: inline;
			}
			
		.sortCriteria {
		height: auto;
		overflow: hidden;
		padding: 0 8px;
		}
			#content .sortCriteria h3 {
			float: left;
			display: inline;
			padding: 0 25px 0 0;
			font-size: 1.1em;
			}
			
			.sortCriteria ul {
			float: left;
			display: inline;
			padding: 0.1em 0 0;
			}
				.sortCriteria li {
				float: left;
				display: inline;
				padding: 0 19px 0 0;
				text-transform: lowercase;
				}
					.sortCriteria li span,
					.sortCriteria li a {
					float: left;
					display: inline;
					margin: 0 0 0 3px;
					}						
						.sortCriteria li a.button-arrUp,
						.sortCriteria li a.button-arrDown {
						margin-top: 0.4em;
						}						
						.sortCriteria li span.r {
						float: none;
						display: block;
						margin: 0;
						}

				#mainContent .button-arrUp,
				#mainContent .button-arrDown,
				#mainContent .button-arrLeft,
				#mainContent .button-arrRight {
				position: relative;
				display: block;
				width: 11px;
				height: 11px;
				overflow: hidden;
				background: #fff;
				color: #666;
				line-height: 11px;
				text-align: center;
				}
					#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%;
					}
					#mainContent .button-arrUp .r {
					background: url(img/buttons/arrup.png) no-repeat;
					}
					#mainContent .button-arrDown .r {
					background: url(img/buttons/arrdown.png) no-repeat;
					}
					#mainContent .button-arrLeft .r {
					background: url(img/buttons/arrleft.png) no-repeat;
					}
					#mainContent .button-arrRight .r {
					background: url(img/buttons/arrright.png) no-repeat;
					}

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