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

Vestino
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 {
	background: url(img/bg.jpg) repeat-x #A8A296;
	border-top: 3px solid #BFA980;
	color: #fff;
	}

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

	body {
	}	
		a:link, a:visited {
		color: #040000;
		text-decoration: none;
		}
		a:hover, a:active {
		color: #000000;
		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;
			}

	/* --------------------------
	3.1 Header
	---------------------------*/
	
		#header {
		width: 947px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		padding: 0 0 1.1em;
		background: url(img/header/bg.jpg) 50% 0 no-repeat;
		font-size: 1.1em;
		}

		/* --------------------------
		3.1.1 Logo
		---------------------------*/
		
			#logo {
			float: left;
			display: inline;
			width: 268px;
			height: 71px;
			margin: 2.6em 0 0 21px;
			overflow: hidden;
			font-size: 1em;
			font-weight: normal;
			}
				#logo a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				color: #BFA980;
				font: 3em/2 "Futura", Arial, Helvetica, sans-serif;
				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.1.2 Top navigation
		---------------------------*/
		
			#topNav {
			float: right;
			display: inline;
			width: 362px;
			margin: 1.3em 9px 0 0;
			}
		
			/* --------------------------
			3.1.2.1 Main navigation
			---------------------------*/
				
				#mainNav {
				height: auto;
				overflow: hidden;
				}
					#mainNav li {
					float: left;
					display: inline;
					height: 21px;
					margin: 0 0 0 45px;
					}					
						#mainNav li a {
						position: relative;
						display: block;
						height: 21px;
						overflow: hidden;
						font-size: 1.2em;
						font-weight: bolder;
						text-align: center;
						text-transform: uppercase;
						}
							#mainNav li a .r {
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							width: 100%;
							height: 100%;
							overflow: hidden;
							}
								#mainNav li a:link .r,
								#mainNav li a:visited .r {
								background: 0 0 no-repeat;
								}
								#mainNav li a:hover .r,
								#mainNav li a:active .r {
								background: 0 -21px no-repeat;
								}
							
						#mainNav #mn-contact {
						width: 74px;
						margin-left: 17px;
						}
							#mainNav #mn-contact a .r {
							background-image: url(img/header/topnav/mainnav/contact.png);
							}
						#mainNav #mn-account {
						width: 99px;
						}
							#mainNav #mn-account a .r {
							background-image: url(img/header/topnav/mainnav/account.png);
							}
						#mainNav #mn-help {
						width: 62px;
						}
							#mainNav #mn-help a .r {
							background-image: url(img/header/topnav/mainnav/help.png);
							}
		
			/* --------------------------
			3.1.2.2 Romina
			---------------------------*/
			
				#romina {
				position: relative;
				clear: both;
				width: 362px;
				height: 35px;
				overflow: hidden;
				margin: 1em 0 0;
				text-align: center;
				text-transform: uppercase;
				}
					#romina .r {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
					overflow: hidden;
					background: url(img/header/topnav/romina.jpg) no-repeat;
					}

		/* --------------------------
		3.1.3 Shopping cart
		---------------------------*/
			
			#cart {
			float: right;
			display: inline;
			width: 196px;
			margin: 0 0 0 12px;
			}
				#cart-top {
				height: 9px;
				overflow: hidden;
				background: url(img/header/cart/bg-top.png) no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				#cart-bot {
				clear: both;
				height: 9px;
				overflow: hidden;
				margin: 0 9px;
				background: url(img/header/cart/bg-bot.png) no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				
				#cart-in {
				margin: 0 9px;
				padding: 0 65px 0.6em 14px;
				background: url(img/header/cart/bg.png) 100% 100% no-repeat #C3AC82;
				color: #000;
				}
					body #header #cart h3 {
					margin-top: 0;
					padding-top: 0.2em;
					}
		
	/* --------------------------
	3.2 Content
	---------------------------*/
	
		#content {
		width: 947px;
		margin: 0 auto;
		padding: 8px 0 0;
		background: url(img/content/bg-top.png) no-repeat #fff;
		color: #3a3a3a;
		font-size: 1.1em;
		}
			#content-bot {
			clear: both;
			height: 9px;
			overflow: hidden;
			background: url(img/content/bg-bot.png) 0 100% no-repeat;
			font-size: 1px;
			line-height: 1px;
			}

		/* --------------------------
		3.2.1 Headers
		---------------------------*/
		
			#header #cart h3,
			#mainContent h2,
			#mainContent #newsletter h3,
			#navigation h3,
			#mainContent .itemDetails .content .details .size h3 {
			margin: 0 0 0.4em;
			font: 1.455em Helvetica, Verdana, Arial, sans-serif;
			}
				#navigation .box h3,
				#mainContent h2,
				#mainContent #newsletter h3 {
				color: #000;
				}
				#navigation .box-dark h3,
				#header #cart h3 {
				color: #fff;
				}
				#mainContent h2 {
				margin: 0.8em 11px;
				}
			
			#mainContent h3 {
			font-size: 1.1em;
			font-weight: bold;
			}				
				#mainContent h3 a:link,
				#mainContent h3 a:visited {
				color: #000;
				text-decoration: underline;
				}
				#mainContent h3 a:hover,
				#mainContent h3 a:active {
				color: #666;
				text-decoration: underline;
				}
			
		/* --------------------------
		3.2.2 Main content
		---------------------------*/
		
			#mainContent {
			float: right;
			display: inline;
			width: 722px;
			margin: 0 6px 0 0;
			}

			/* --------------------------
			3.2.2.1 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: 11px;
					height: 14px;
					line-height: 14px;
					}
					#mainContent .button-arrLeft,
					#mainContent .button-arrRight {
					width: 14px;
					height: 11px;
					line-height: 11px;
					}
					
					#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/arr-up.png) no-repeat;
					}
					#mainContent .button-arrDown .r {
					background: url(img/buttons/arr-down.png) no-repeat;
					}
					#mainContent .button-arrLeft .r {
					background: url(img/buttons/arr-left.png) no-repeat;
					}
					#mainContent .button-arrRight .r {
					background: url(img/buttons/arr-right.png) no-repeat;
					}

			/* --------------------------
			3.2.2.2 Top content
			---------------------------*/
			
				#topContent {
				height: auto;
				overflow: hidden;
				margin: 0 0 0.7em;
				}

				/* --------------------------
				3.2.2.2.1 Main banner
				---------------------------*/
				
					#mainBanner {
					position: relative;
					float: left;
					display: inline;
					width: 508px;
					height: 151px;
					overflow: hidden;
					}
						#mainBanner #slideshow-controls {
						position: absolute;
						top: 13px;
						right: 6px;
						font-size: 0.9em;
						}
							#mainBanner #slideshow-controls li {
							float: left;
							display: inline;
							width: 17px;
							height: 17px;
							overflow: hidden;
							margin: 0 1px;
							background: url(img/content/mainbanner/controls-bg.png) no-repeat;
							line-height: 15px;
							text-align: center;
							}
								#mainBanner #slideshow-controls li.disactive {
								background-position: 0 0;
								color: #8A5251;
								}
								#mainBanner #slideshow-controls li.active {
								background-position: 0 -17px;
								color: #AA3D64;
								}
								
								#mainBanner #slideshow-controls li.prev {
								background: url(img/content/mainbanner/prev.png) no-repeat;
								}
								#mainBanner #slideshow-controls li.next {
								background: url(img/content/mainbanner/next.png) no-repeat;
								}
						
						#mainBanner #slideshow-images {
						}
							#mainBanner #slideshow-images .active {
							display: block;
							}
							#mainBanner #slideshow-images .disactive {
							display: none;
							}

				/* --------------------------
				3.2.2.2.2 Newsletter
				---------------------------*/
				
					#newsletter {
					float: right;
					display: inline;
					width: 205px;
					}
						#newsletter #newsletter-top,
						#newsletter #newsletter-bot {
						clear: both;
						height: 8px;
						overflow: hidden;
						font-size: 1px;
						line-height: 1px;
						}
							#newsletter #newsletter-top {
							background: url(img/content/maincontent/newsletter/bg-top.png) no-repeat;
							}
							#newsletter #newsletter-bot {
							background: url(img/content/maincontent/newsletter/bg-bot.png) no-repeat;
							}
					
					#newsletter #newsletter-in {
					padding: 0 12px 1px;
					background: #C3AC82;
					color: #504534;
					}
						#newsletter a:link,
						#newsletter a:visited {
						color: #504534;
						text-decoration: underline;
						}
						#newsletter a:hover,
						#newsletter a:active {
						color: #000;
						text-decoration: underline;
						}
						
						#mainContent #newsletter h3 {
						margin: 0 0 0.75em;
						}
						
						#newsletter p {
						height: auto;
						overflow: hidden;
						}
							#newsletter #newsletter-in #f_n_name,
							#newsletter #newsletter-in #f_n_mail {
							width: 59px;
							padding: 6px 13px 7px;
							background: url(img/content/maincontent/newsletter/input-bg.png) no-repeat #D6C29E;
							border: 0;
							color: #504534;
							}
							
							#newsletter #newsletter-in #f_n_name {
							float: left;
							display: inline;
							}
							#newsletter #newsletter-in #f_n_mail {
							float: right;
							display: inline;
							}
							
						#newsletter .buttons {
						margin: 0.5em 0 1em;
						text-align: right;
						}
			
		/* --------------------------
		3.2.3 Navigation
		---------------------------*/
		
			#navigation {
			float: left;
			display: inline;
			width: 203px;
			margin: 0 0 -0.7em 6px;
			}
				
			/* --------------------------
			3.2.3.1 Boxes
			---------------------------*/
			
				#navigation .box {
				clear: both;
				margin-bottom: 0.7em;
				}
					#navigation .box div.box-top,
					#navigation .box .box-bot {
					clear: both;
					height: 8px;
					overflow: hidden;
					font-size: 1px;
					line-height: 1px;
					}
						#navigation .box div.box-top {
						background: url(img/content/navigation/boxes/bg-top.png) no-repeat;
						}
						#navigation .box div.box-bot {
						background: url(img/content/navigation/boxes/bg-bot.png) no-repeat;
						}
						
						#navigation .box-dark div.box-top {
						background: url(img/content/navigation/boxes/dark-bg-top.png) no-repeat;
						}
						#navigation .box-dark div.box-bot {
						background: url(img/content/navigation/boxes/dark-bg-bot.png) no-repeat;
						}
					
					#navigation .box .box-in {
					padding: 0 12px;
					background: #C3AC82;
					}
					#navigation .box-dark .box-in {
					background: #675C49;
					color: #D6C29E;
					}
						#navigation .box-dark a:link,
						#navigation .box-dark a:visited {
						color: #FFC8DC;
						text-decoration: underline;
						}
						#navigation .box-dark a:hover,
						#navigation .box-dark a:active {
						color: #fff;
						text-decoration: underline;
						}
				
			/* --------------------------
			3.2.3.2 Main search
			---------------------------*/
				
				#mainSearch {
				}							
					#mainSearch p {
					height: auto;
					overflow: hidden;
					}
						#mainSearch #f_s_query {
						float: left;
						display: inline;
						width: 97px;
						padding: 6px 14px 7px;
						border: 0;
						background: url(img/content/navigation/mainsearch/input-bg.png) no-repeat #D6C29E;
						color: #675C49;
						}
						#mainSearch input.img {
						float: left;
						display: inline;
						}
					
					#mainSearch .advanced {
					margin: 0.7em 0 0;
					padding: 0 0 0.2em;
					}
						#mainSearch .advanced a {
						text-decoration: underline;
						}
		
			/* --------------------------
			3.2.3.3 Submenu
			---------------------------*/
					
				#submenu {
				}					
					#submenu ul {
					}
						#submenu li {
						background: url(img/embellishments/border-horizontal-light.gif) repeat-x;
						}
							#submenu li.first-item {
							background: none;
							}
							
							#submenu li a {
							display: block;
							padding: 0.7em 20px 0.6em 0;
							background: url(img/embellishments/arr-right-light.gif) 165px 1.1em no-repeat;
							font-weight: bolder;
							}
		
			/* --------------------------
			3.2.3.4 Featured items
			---------------------------*/
					
				#featured {
				}
					#featured .box-in {
					height: auto;
					overflow: hidden;
					}
					
					#featured .pic {
					float: left;
					display: inline;
					}
					
					#featured .description {
					float: left;
					display: inline;
					margin: 0 0 0 10px;
					}
						#featured h4 {
						font-size: 1.1em;
						font-weight: bolder;
						}
							#navigation #featured h4 a {
							color: #C3AC82;
							}
							
						#navigation #featured .more {
						}
							#navigation #featured .more a {
							padding-right: 11px;
							background: url(img/embellishments/arr-right-lightbrown.gif) 100% 0.5em no-repeat;
							color: #D6C29E;
							}
		
	/* --------------------------
	3.3 Footer
	---------------------------*/
	
		#footer {
		width: 947px;
		margin: 0.8em auto;
		padding: 8px 0 0;
		background: url(img/footer/bg-top.png) no-repeat #fff;
		font-size: 1.1em;
		}
			#footer-bot {
			clear: both;
			height: 9px;
			overflow: hidden;
			background: url(img/footer/bg-bot.png) 0 100% no-repeat;
			font-size: 1px;
			line-height: 1px;
			}
		
		/* --------------------------
		3.3.1 Contact
		---------------------------*/
		
			#contact {
			float: left;
			display: inline;
			width: 203px;
			margin: 0 0 0 7px;
			background: url(img/footer/contact/bg.jpg) no-repeat #C3AC82;
			color: #675C49;
			}
				#contact-bot {
				clear: both;
				height: 9px;
				overflow: hidden;
				background: url(img/footer/contact/bg-bot.png) 0 100% no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				
				#contact p {
				padding: 53px 60px 0 13px;
				}
		
		/* --------------------------
		3.3.2 Footer navigation
		---------------------------*/
		
			#footer #footerNav {
			float: right;
			display: inline;
			width: 732px;
			height: auto;
			overflow: hidden;
			margin: 0 0 -3px;
			font-size: 1.1em;
			}
				#footer #footerNav li {
				float: left;
				display: inline;
				width: 234px;
				margin: 0 6px 0.3em 4px;
				}
				
				#footer #footerNav a {
				display: block;
				background: url(img/footer/footernav/itembg.png) no-repeat #ebebeb;
				height: 36px;
				padding: 0 16px;
				font-weight: bolder;
				line-height: 36px;
				}
					#footer #footerNav a:link,
					#footer #footerNav a:visited {
					color: #000;
					text-decoration: none;
					}
					#footer #footerNav a:hover,
					#footer #footerNav a:active {
					color: #000;
					text-decoration: underline;
					}
		
	/* --------------------------
	3.4 Author
	---------------------------*/
	
		#author {
		width: 947px;
		height: auto;
		overflow: hidden;
		margin: 0.8em auto 3em;
		color: #675C49;
		font-size: 1.1em;
		}
			#author a {
			color: #675C49;
			font-weight: bolder;
			}
		
			#author .copyright {
			float: left;
			display: inline;
			width: 400px;
			margin: 0 0 0 20px;
			}
			#author .studio {
			float: right;
			display: inline;
			width: 400px;
			margin: 0 18px 0 0;
			text-align: right;
			}
				#author .studio a {
				color: #000;
				}
				

/* --------------------------
4. MAIN CONTENT LAYOUTS
---------------------------*/
		
	/* --------------------------
	4.1 Home
	---------------------------*/
	
		#mainContent .home {
		clear: both;
		}
		
	/* --------------------------
	4.2 Items overview
	---------------------------*/
	
		#mainContent .itemsOverview {
		height: auto;
		overflow: hidden;
		margin: 0 11px;
		}
			#mainContent .itemsOverview .item {
			float: left;
			display: inline;
			width: 193px;
			margin: 0 0 0 59px;
			padding: 1.5em 0;
			}
				#mainContent .itemsOverview .oddItem {
				clear: left;
				margin-left: 0;
				}
				
				#mainContent .itemsOverview .item .pic {
				margin: 0 0 0.3em;
				}
				
				#mainContent .itemsOverview .item h3 {
				}
				
				#mainContent .itemsOverview .item .more {
				margin: 0.3em 0 0;
				}
					#mainContent .itemsOverview .item .more a {
					position: relative;
					display: block;
					width: 71px;
					height: 25px;
					overflow: hidden;
					font-size: 1.1em;
					line-height: 25px;
					}
						#mainContent .itemsOverview .item .more a .r {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 100%;
						height: 100%;
						background: url(img/buttons/details.png) no-repeat;
						}
		
	/* --------------------------
	4.3 Item details
	---------------------------*/
	
		#mainContent .itemDetails {
		height: auto;
		overflow: hidden;
		margin: 0 11px 3em;
		padding: 1em 0 2.5em;
		background: url(img/embellishments/border-horizontal-grey.gif) 0 100% repeat-x;
		}
			#mainContent .itemDetails .pics {
			float: left;
			display: inline;
			width: 194px;
			}
				#mainContent .itemDetails .pics .zoom {
				margin: 0.7em 0;
				}
					#mainContent .itemDetails .pics .zoom a {
					padding: 0.4em 30px 0.4em 0;
					background: url(img/icos/zoom.png) 100% 50% no-repeat;
					font-weight: bolder;
					text-decoration: underline;
					}	
						#mainContent .itemDetails .pics .zoom a:link,
						#mainContent .itemDetails .pics .zoom a:visited {
						color: #000;
						}
						#mainContent .itemDetails .pics .zoom a:hover,
						#mainContent .itemDetails .pics .zoom a:active {
						color: #666;
						}
				
				#mainContent .itemDetails .pics .thumbs {
				text-align: justify;
				word-spacing: 4px;
				}
					#mainContent .itemDetails .pics .thumbs li,
					#mainContent .itemDetails .pics .thumbs img {
					display: inline;
					vertical-align: middle;
					}
					
			#mainContent .itemDetails .content {
			float: right;
			display: inline;
			width: 470px;
			}
				#mainContent .itemDetails .content h2 {
				margin-left: 0;
				margin-right: 0;
				}
				
				#mainContent .itemDetails .content .parameters {
				float: left;
				display: inline;
				width: 231px;
				margin: 0 0 1em;
				}
					#mainContent .itemDetails .content .parameters p {
					height: auto;
					overflow: hidden;
					padding: 0.5em 0 1em;
					}
						#mainContent .itemDetails .content .parameters p label {
						float: left;
						display: inline;
						width: 120px;
						}
							#mainContent .itemDetails .content .parameters p.quantity label {
							width: 60px;
							margin: 0.2em 0 0;
							}
							#mainContent .itemDetails .content .parameters p.quantity select {
							float: left;
							display: inline;
							margin: 0.2em 0 0;
							}
						
						#mainContent .itemDetails .content .parameters p #f_id_color,
						#mainContent .itemDetails .content .parameters p #f_id_size {
						width: 110px;
						}
						
						#mainContent .itemDetails .content .parameters p input.img {
						float: right;
						display: inline;
						}
						
					#mainContent .itemDetails .content .parameters .availability {
					}
						#mainContent .itemDetails .content .parameters .availability img {
						display: inline;
						margin: 0 0 0 7px;
						vertical-align: middle;
						}
				
				#mainContent .itemDetails .content .details {
				float: right;
				display: inline;
				width: 205px;
				margin: 0 0 2em;
				}
					#mainContent .itemDetails .content .details .price {
					height: 56px;
					margin: 0 0 1em;
					padding: 0 0 0 13px;
					background: url(img/content/maincontent/itemdetails/price/bg.png) no-repeat #000;
					color: #FFBAD0;
					font-size: 1.3em;
					line-height: 56px;
					}
						#mainContent .itemDetails .content .details .price strong {
						color: #fff;
						padding: 0 0 0 7px;
						}
						
					#mainContent .itemDetails .content .details .size {
					background: url(img/content/maincontent/itemdetails/size/bg.png) no-repeat #e9e9e9;
					}
						#mainContent .itemDetails .content .details .size .size-bot {
						clear: both;
						height: 9px;
						overflow: hidden;
						background: url(img/content/maincontent/itemdetails/size/bg-bot.png) 0 100% no-repeat;
						font-size: 1px;
						line-height: 1px;
						}
						
						#mainContent .itemDetails .content .details .size .size-in {
						padding: 1em 13px 0.5em;
						}
				
				#mainContent .itemDetails .content .description {
				clear: both;
				padding: 0.5em 0 0;
				background: url(img/embellishments/border-horizontal-grey.gif) repeat-x;
				}
		
	/* --------------------------
	4.4 Cart content
	---------------------------*/
	
		#mainContent .cartContent {
		}
		
		/* --------------------------
		4.4.1 Continue shopping
		---------------------------*/
		
			#mainContent .cartContent .continue {
			float: right;
			display: inline;
			margin: -3.5em 11px 2em;
			}
				#mainContent .cartContent .continue a {
				position: relative;
				display: block;
				width: 106px;
				height: 28px;
				overflow: hidden;
				font-size: 1.1em;
				line-height: 28px;
				text-align: center;
				}
					#mainContent .cartContent .continue a .r {
					position: absolute;
					top: 0;
					left: 0;
					display: block;
					width: 100%;
					height: 100%;
					background: url(img/buttons/continue.png) no-repeat;
					}
		
		/* --------------------------
		4.4.2 Content
		---------------------------*/
	
			#mainContent .cartContent table {
			width: 700px;
			margin: 0 11px;
			vertical-align: top;
			}
				#mainContent .cartContent table th {
				padding: 1.5em 0 1em;
				background: url(img/embellishments/border-horizontal-grey.gif) repeat-x;
				font-weight: bolder;
				}
				
				#mainContent .cartContent table td {
				padding: 0.7em 0;
				background: url(img/embellishments/border-horizontal-grey.gif) 0 100% repeat-x;
				}
					#mainContent .cartContent table td img {
					display: inline;
					vertical-align: text-top;
					}
					#mainContent .cartContent table td input {
					vertical-align: text-top;
					}
		
		/* --------------------------
		4.4.3 Free shipping
		---------------------------*/
	
			#mainContent .cartContent .freeShipping {
			height: auto;
			overflow: hidden;
			margin: 0.5em 11px 0;
			padding: 1.1em 15px;
			background: #E7DECD;
			}
				#mainContent .cartContent .freeShipping p {
				float: left;
				display: inline;
				margin: 0 4em 0 0;
				}
				
				#mainContent .cartContent .freeShipping .calculate {
				margin: 0.2em 0 0;
				}	
					#mainContent .cartContent .freeShipping .calculate a {
					position: relative;
					display: block;
					width: 66px;
					height: 28px;
					overflow: hidden;
					font-size: 1.1em;
					line-height: 28px;
					text-align: center;
					}
						#mainContent .cartContent .freeShipping .calculate a .r {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 100%;
						height: 100%;
						background: url(img/buttons/calculate.png) no-repeat;
						}
		
		/* --------------------------
		4.4.4 Delivery
		---------------------------*/
	
			#mainContent .cartContent .delivery {
			float: left;
			display: inline;
			width: 350px;
			margin: 1.3em 11px 1em;
			}
				#mainContent .cartContent .delivery p {
				height: auto;
				overflow: hidden;
				padding: 0.7em 0;
				}
					#mainContent .cartContent .delivery p label {
					float: left;
					display: inline;
					width: 130px;
					margin: 0 0 0 15px;
					}
		
		/* --------------------------
		4.4.5 Total price
		---------------------------*/
	
			#mainContent .cartContent .totalPrice {
			float: right;
			display: inline;
			margin: 1em 11px;
			font-size: 1.2em;
			font-weight: bolder;
			line-height: 1.5em;
			text-align: right;
			}
				#mainContent .cartContent .totalPrice strong {
				font-size: 1.2em;
				}
				
				#mainContent .cartContent .totalPrice input {
				margin: 0.5em 0 0;
				}
		
		/* --------------------------
		4.4.6 Order via phone
		---------------------------*/
	
			#mainContent .cartContent .viaPhone {
			clear: both;
			margin: 0 11px 0.5em;
			padding: 1.1em 15px;
			background: #C3AC82;
			font-size: 1.1em;
			}
		
		
	/* --------------------------
	4.5 Bread crumbs
	---------------------------*/
	
		#mainContent .breadCrumbs {
		height: auto;
		overflow: hidden;
		margin: 0 11px;
		padding: 0 0 1em;
		background: url(img/embellishments/border-horizontal-grey.gif) 0 100% repeat-x;
		color: #818181;
		}
			#mainContent .breadCrumbs a:link,
			#mainContent .breadCrumbs a:visited {
			color: #818181;
			}
			#mainContent .breadCrumbs a:hover,
			#mainContent .breadCrumbs a:active {
			color: #444;
			}
		
	/* --------------------------
	4.6 Category navigation
	---------------------------*/
	
		#mainContent .categoryNav {
		height: auto;
		overflow: hidden;
		margin: 0 11px;
		padding: 0 0 1em;
		background: url(img/embellishments/border-horizontal-grey.gif) 0 100% repeat-x;
		color: #3a3a3a;
		}
			#mainContent .categoryNav .categoryNav-in {
			padding: 1em 0 0;
			background: url(img/embellishments/border-horizontal-grey.gif) repeat-x;
			}
		
		/* --------------------------
		4.6.1 Show all
		---------------------------*/
		
			#mainContent .categoryNav .showAll {
			padding: 0.5em 0;
			}
				#mainContent .categoryNav .showAll a {
				font-weight: bold;
				text-decoration: underline;
				}
					#mainContent .categoryNav .showAll a:link,
					#mainContent .categoryNav .showAll a:visited {
					color: #010101;
					}
					#mainContent .categoryNav .showAll a:hover,
					#mainContent .categoryNav .showAll a:active {
					color: #666;
					}
		
		/* --------------------------
		4.6.2 Pageing
		---------------------------*/
		
			#mainContent .categoryNav .pageing {
			float: right;
			display: inline;
			height: auto;
			overflow: hidden;
			padding: 0.5em 0;
			}
				#mainContent .categoryNav .pageing h3 {
				float: left;
				display: inline;
				padding: 1px 10px 1px 0;
				font-size: 0.917em;
				font-weight: normal;
				}
				
				#mainContent .categoryNav .pageing ul {
				float: left;
				display: inline;
				}
					#mainContent .categoryNav .pageing ul li {
					float: left;
					display: inline;
					margin: 0 0 0 2px;
					}
						#mainContent .categoryNav .pageing ul li strong {
						display: block;
						padding: 1px 8px;
						background: #D6C29E;
						border: 1px solid #C3AC82;
						color: #000;
						text-decoration: none;
						}
						
						#mainContent .categoryNav .pageing ul li a {
						display: block;
						padding: 1px 8px;
						background: #f1f1f1;
						border: 1px solid;
						color: #808080;
						text-decoration: none;
						}
							#mainContent .categoryNav .pageing ul li a:link,
							#mainContent .categoryNav .pageing ul li a:visited {
							border-color: #d5d5d5;
							}
							#mainContent .categoryNav .pageing ul li a:hover,
							#mainContent .categoryNav .pageing ul li a:active {
							border-color: #808080;
							}
		
		/* --------------------------
		4.6.3 Pageing
		---------------------------*/
		
			#mainContent .categoryNav .sortCritetria {
			}
				#mainContent .categoryNav .sortCritetria p {
				height: auto;
				overflow: hidden;
				padding: 0.5em 0;
				}
					#mainContent .categoryNav .sortCritetria p label {
					float: left;
					display: inline;
					width: 127px;
					}
		
	/* --------------------------
	4.7 Feedback
	---------------------------*/
	
		#mainContent .feedback {
		margin: 0 12px 0 11px;
		}
			#mainContent .feedback .feedbackNav {
			height: 45px;
			background: url(img/content/maincontent/feedback/nav/bg.png) 0 100% no-repeat;
			}
				#mainContent .feedback .feedbackNav li {
				float: left;
				display: inline;
				height: 36px;
				width: 132px;
				background: url(img/content/maincontent/feedback/nav/item-bg.png) no-repeat;
				font-weight: bolder;
				line-height: 35px;
				text-align: center;
				}
					#mainContent .feedback .feedbackNav li.active {
					background-position: 0 -36px;
					}
		
			#mainContent .feedback h3 {
			padding: 0 16px 1em;
			margin: 1em 0 0;
			background: url(img/content/maincontent/feedback/bg-top.png) 0 100% no-repeat;
			}
			
			#mainContent .feedback .feedback-in {
			background: url(img/content/maincontent/feedback/bg.png) repeat-y #e9e9e9;
			}
				#mainContent .feedback .feedback-bot {
				clear: both;
				height: 9px;
				overflow: hidden;
				background: url(img/content/maincontent/feedback/bg-bot.png) 0 100% no-repeat;
				font-size: 1px;
				line-height: 1px;
				}
				
			#mainContent .feedback .question {
			margin: 0 16px;
			padding: 0.5em 0 0;
			}
				#mainContent .feedback .question .author {
				float: left;
				display: inline;
				width: 124px;
				}
					#mainContent .feedback .question .author p {
					margin: 0 0 1em;
					}
					#mainContent .feedback .question input {
					width: 100px;
					}
					
				#mainContent .feedback .question .questionContent {
				float: right;
				display: inline;
				width: 525px;
				}
					#mainContent .feedback .question .questionContent textarea {
					width: 503px;
					height: 136px;
					margin: 0 0 1em;
					}
				
				#mainContent .feedback .question .buttons {
				clear: both;
				padding: 0 0 0.5em;
				text-align: right;
				}
				
				#mainContent .feedback .question label {
				display: block;
				}
		
	/* --------------------------
	4.8 Order plan
	---------------------------*/
	
		#mainContent .orderPlan {
		margin: 0 11px;
		padding: 1em 0 2em;
		background: url(img/embellishments/border-horizontal-grey.gif) 0 100% repeat-x;
		text-align: center;
		}
			#mainContent .orderPlan li {
			display: inline;
			padding: 0 15px;
			color: #9e9e9e;
			font: bold 1.1em Helvetica, Arial sans-serif;
			text-transform: uppercase;
			}
				#mainContent .orderPlan li strong {
				color: #5D1E2A;
				}
		
	/* --------------------------
	4.9 Order details
	---------------------------*/
	
		.orderDetails {
		height: auto;
		overflow: hidden;
		margin: 2em 11px;
		}			
			.orderDetails .payment,
			.orderDetails .coupon {
			float: left;
			display: inline;
			}
				.orderDetails .payment {
				width: 282px;
				margin: 0 0 0 27px;
				}
				.orderDetails .coupon {
				width: 200px;
				padding: 0 0 0 48px;
				border-left: 1px solid #efefef;
				}
					
				#mainContent .orderDetails h3 {
				font-size: 1em;
				margin: 0 0 0.2em;
				}
				
				#mainContent .orderDetails p {
				margin: 0.5em 0;
				padding: 0 0 0 27px;
				}
			
				.orderDetails label {
				vertical-align: middle;
				}

	/* --------------------------
	4.10 Customer details
	---------------------------*/
	
		.customerDetails {
		height: auto;
		overflow: hidden;
		margin: 1em 11px;
		padding: 2em 26px 1.5em;
		background: url(img/embellishments/border-horizontal-grey.gif) repeat-x;
		}					
			.customerDetails .customerType {
			padding: 0 0 1em;
			}
				.customerDetails .customerType input {
				margin: 0 3px 0 0;
				}
				.customerDetails .customerType label {
				padding: 0 3em 0 0;
				}
				
			.customerDetails .personal,
			.customerDetails .address {
			float: left;
			display: inline;
			width: 241px;
			margin: 0 46px 0 0;
			}
			
			.customerDetails p {
			height: auto;
			overflow: hidden;
			padding: 0.3em 0;
			}		
				.customerDetails .personal label,
				.customerDetails .address label {
				float: left;
				display: inline;
				width: 100px;
				padding: 6px 0 0;
				font-weight: bolder;
				}
				
				.customerDetails .personal input, 
				.customerDetails .address input {
				float: right;
				display: inline;
				width: 112px;
				}
		
	/* --------------------------
	4.11 Form buttons
	---------------------------*/
	
		#mainContent .formButtons {
		height: auto;
		overflow: hidden;
		margin: 1em 11px 0;
		padding: 1em 0 0;
		background: url(img/embellishments/border-horizontal-grey.gif) repeat-x;
		}
			#mainContent .formButtons .left {
			float: left;
			display: inline;
			}
			#mainContent .formButtons .right {
			float: right;
			display: inline;
			}