/* ===== 'styles.css' ===== */

/*	--- --- --- --- ---
[project info]
	name - Bali Moscow
	date - 23.10.2009.
	
	styles:
	--- --- --- --- --- --- --- --- --- ---
	http://www.bali-moscow.ru/img/default.css (6 kb)
	http://www.bali-moscow.ru/img/styles.css (9 kb)
	http://www.bali-moscow.ru/img/styles_ie.css (1 kb)
	--- --- --- --- --- --- --- --- --- ---
	total: (16 kb)
	
	developer	- OOO "КасперСистемс"
	reply-to	- http://www.kasper.by

[fonts]
	1. general (base):			Arial, Helvetica, sans-serif;
						(extra):			Georgia, "Times New Roman", Times, serif;
	
	2. monospace:						"Courier New", Courier, monospace;
	3. forms:								Arial, Helvetica, sans-serif;

[colors]
	1. links (base):				#861e00;
					(extra):				#a23718; #d26748; #c05f43;
					
	2. text (base):					#3c3b3b;
				 (extra):					#a23718; #c85837; #861e00; #c05f43;
				 
	3. borders:							#808080;
		 (extra):							#ebd5ce;
													
	4. background (base):		#ffffff;
							 (extra):		#a23718; #e4e4e4;

--- --- --- --- --- */

/* ='default.css'
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
@import url(default.css);
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* =global
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
html {
	font-size: 100.01%;
}
body {
	background: #fff url(body-bg.gif) no-repeat center top;
	font-size: 62.5%;	/* - '1em' = '10px' - */
	font-family: Arial, Helvetica, sans-serif;
	color: #3c3b3b;
}
/* --- !!! --- */
a {
	color: #861e00;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	outline: none;	/* - removes outline from links - */
}
/* --- !!! --- */
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =wrapper
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.wrapper {
	width: 920px;	/* original: 1000px; */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0px 40px;
	margin: 0px auto;
	overflow: hidden;
}

	/* =sidebar
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.sidebar {
		width: 145px;
		padding-bottom: 130px;
		float: left;
		/* - 03.02.2010. - */
		position: relative;
		z-index: 1;
	}
		
		/* --- logo --- */
		.logo {
			width: 145px;
			height: 200px;
			margin: 30px 0px 55px 0px;
			font-weight: normal;
			position: relative;
			overflow: hidden;
		}
			.logo img {
				border: none;
				position: absolute;
				top: 0px;
				left: 0px;
			}
		/* --- // logo // --- */
		
		/* --- top menu --- */
		.top-menu {
			padding-left: 0px;
			margin: 0px;
			list-style-type: none;
			overflow: hidden;
		}
			.top-menu li {
				padding: 7px 0px;
				margin-top: -1px;
				border-top: 1px solid #ebd5ce;
				font-size: 1.4em;
				font-weight: bold;
				color: #d26748;
			}
				/* --- !!! --- */
				.top-menu li a {
					color: #a23718;
					text-decoration: none;
				}
				.top-menu li a:hover {
					color: #d26748;
				}
				/* --- !!! --- */
				.top-menu li ul {
					padding-left: 0px;
					margin: 5px 0px 0px 10px;
					list-style-type: none;
				}
					.top-menu li ul li {
						padding: 4px 0px;
						margin-top: 0px;
						border: none;
						font-size: 0.9em;
						font-weight: normal;
					}
		/* --- // top menu // --- */
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
	
	
	/* =content
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.content {
		width: 745px;
		padding: 0px 0px 160px 30px;
		float: left;
		
	}
		
		/* --- phone --- */
		address.phone {
			height: 70px;
			text-align: center;
			width:745px;
			}
			.phone img {
				vertical-align:middle;
			}
			.phone span {
				display: block;
				padding-top: 5px;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 1.8em;
				font-style: normal;
				letter-spacing: -1px;
				color: #a23718;
			}
				.phone span strong {
					font-size: 1.6em;
					line-height:1.0em;
					color: #c85837;
					font-weight: normal;
					vertical-align: top;
					position: relative;
					top: -3px;
				}
		/* --- // phone // --- */
		
		/* --- ico menu --- */
		.ico-menu {
			height: 13px;
			padding-left: 0px;
			margin: -3px 0px 10px 0px;
			list-style-type: none;
			
		}
			.ico-menu li {
				display: inline;
				margin-right: 30px;
			}
				.ico-menu li img {
					border: none;
					background: #a23718 url(ico-bg.gif) no-repeat;
				}
				/* --- !!! --- */
				.ico-menu li.home img {
					background-position: 0px -18px;
				}
				.ico-menu li.map img {
					background-position: 0px -9px;
				}
				.ico-menu li.contact img {
					background-position: 0px 0px;
				}
		/* --- // ico menu // --- */	
		
		.thematic-img-p1, .thematic-img-p2 {
			height: 331px;
			margin-bottom: 60px;
			float: left;
			position: relative;
		}
		.thematic-img-p1 {
			width: 373px;
			background: #e4e4e4 url(thematic-img-bg-p1.jpg) no-repeat;
		}
		.thematic-img-p2 {
			width: 372px;
			background: #e4e4e4 url(thematic-img-bg-p2.jpg) no-repeat;
		}
			/* --- 08.02.2011 by Tarik --- */
			.slogan {
				width: 700px;
				height: 60px;
				padding: 5px 30px;
				background: #fef6e4;
				font-family: Georgia, serif;
				font-size: 2.7em;
				font-style: italic;
				color: #861e00;
				position: absolute;
				left: -7px;
				top: 5px;
				z-index: 5;
			}
				.slogan span {
					width: 100%;
					height: 100%;
					background: url(slogan.jpg) no-repeat;
					position: absolute;
					left: 0;
					top: 0;
				}
				/*--04.05.2011- by Maha-*/
				.slogan span.inner_slogan {
					width: 100%;
					height: 100%;
					background: url(slogan2.jpg) no-repeat;
					position: absolute;
					left: 0;
					top: 0;
				}
				/*-//-04.05.2011-by Maha-*/
			/* --- // 08.02.2011 by Tarik // --- */
			
		/* --- prod pop --- */
		.prod-pop {
			width: 95%;
			margin: 0px 0px 45px -30px;
			border-collapse: collapse;
			border-spacing: 0px;
			clear: both;
		}
			.prod-pop caption {
				padding-left: 30px;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				font-size: 2.6em;
				color: #861e00;
				text-align: left;
			}
			.prod-pop td {
				width: 50%;
				padding: 0px;
				vertical-align: top;
			}
				.prod-pop td span.pop-title {
					margin: 15px 15px 15px 54px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-style: italic;
					font-weight: normal;
					font-size: 2em;
					color: #a23718;
					display:block
					
				}
				/* --- !!! --- */
					.prod-pop td span.pop-title a {
						text-decoration: none;
					}
					.prod-pop td span.pop-title a:hover {
						color: #d26748;
					}
					/* --- !!! --- */
				.prod-pop td div {
					padding: 0px 0px 15px 54px;
					background: url(prod-img-bg.gif) no-repeat;
					position: relative;
				}
					.prod-pop td div img {
						border: none;
					}
						/* --- !!! --- */
						.prod-pop td div .prod-ico-pos {
							text-align: right;	
							position: absolute;
							top: 15px;
							right: 16px;
						}
							.prod-pop td div .prod-ico-pos img {
								margin-bottom: 5px;
							}
					/* --- !!! --- */
					.prod-pop td div p {
						padding-right: 15px;
						margin: 0px;
						font-size: 1.3em;
						line-height: 1.5em;
					}
					.prod-pop td div p.price span {
						float:left;
						}
					.prod-pop td div p.price:after {
						content: ".";
						display: block;
						height: 0;
						clear: both;
						visibility: hidden;
						}
						
					/* --- !!! --- */
					.prod-pop td div p.price {
						margin: 15px 0;
						font-family: Georgia, "Times New Roman", Times, serif;
						font-size: 2em;
						font-style: italic;
						color: #861e00;
					}
						/* --- !!! --- */
						
						.prod-pop td div p.price i {
							display: block;
							float: right;
							
						}
						.prod-pop td div p.price i.put-in-cart-empty {}
						.prod-pop td div p.price i.put-in-cart-full {
							width: 150px;
							font-size: 0.6em;
							font-style: normal;
							color: #3c3b3b;
							line-height: 1.3;
							text-align: right;
						}	
						/* --- !!! --- */
						.prod-pop td div p.price a {
							display: block;
							
							padding-right: 25px;
							background: url(mini_cart.gif) no-repeat right bottom;
							text-decoration: none;
							float: right;
							
						}
							/* --- !!! --- */
							.prod-pop td div p.price a span {
								border-bottom: 1px dashed #861e00;
								
							}
							.prod-pop td div p.price a:hover span {
								border-bottom: none;
								padding-bottom: 1px;
							}
					/* --- !!! --- */
					.prod-pop td div p.more {
						text-align: right;
					}
						.prod-pop td div p.more a {
							font-size: 0.85em;
						}
		/* --- // prod-pop // --- */
		
		.page-name {
			margin: 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 2.6em;
			font-weight: normal;
			color: #861e00;
		}

		h2 {
			margin: 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 1.6 em;
			font-weight: normal;
			color: #861e00;
		}
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =footer-wrap
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.footer-wrap {
	height: 108px;
	margin-top: -108px;
	background:#f4f4f4 url(footer-wrap-bg.gif) repeat-x;
}
	.footer {
		width: 920px;	/* original: 1000px; */
		height: 100%;
		padding: 0px 40px;
		margin: 0px auto;
		background: url(footer-bg.gif) no-repeat 40px 0px;
		position: relative;
	}
		.footer p.copyright {
			margin: 0px;
			font-size: 1.1em;
			z-index:10;
			float:left;
		}
		.footer p.copyright:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			}
		.footer p.copyright a {
			color: #3c3b3b;
			text-decoration: none;
		}
			
		/* --- bottom menu --- */
		.bottom-menu {
			width: 710px;
			padding-left: 210px;
			margin: 15px 0px;
			list-style-type: none;
			float: left;
		}
			.bottom-menu li {
				display: inline;
				margin: 0px 10px;
				font-size: 1.3em;
				color: #d26748;
			}
				/* --- !!! --- */
				.bottom-menu li a {
					text-decoration: none;
				}
				.bottom-menu li a:hover {
					color: #d26748;
				}
		/* --- // bottom menu // --- */
		
		.footer p.developers {
			margin: 0px;
			font-size: 1.1em;
			color: #3c3b3b;
			clear: both;
			position: absolute;
			top: 45px;
			right: 40px;
		}
		/* --- !!! --- */
		.footer p.developers a {
			color: #3c3b3b;
			text-decoration: none;
		}
		/* --- !!! --- */
		.footer p.developers img {
			border: none;
			vertical-align: middle;
		}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* =inner
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
body#inner {
	background: #fff url(inner-body-bg.gif) no-repeat center 0px;
}
/* --- !!! --- */
body#inner .thematic-img-p1, body#inner .thematic-img-p2 {
	height: 186px;
	margin-bottom: 0px;
}
body#inner .thematic-img-p1 {
	background: #e4e4e4 url(inner-thematic-img-bg-p1.jpg) no-repeat;
}
body#inner .thematic-img-p2 {
	background: #e4e4e4 url(inner-thematic-img-bg-p2.jpg) no-repeat;
}

/* --- path --- */
.path {
	margin: 0px;
	padding: 5px 0px 50px 0px;
	list-style-type: none;
	clear: both;
	overflow: hidden;
}
.path li {
	display: inline;
	font-size: 1.1em;
	color: #c05f43;
}
/* --- !!! --- */
.path li a {
	color: #c05f43;
	text-decoration: underline;
}
.path li a:hover {
	text-decoration: none;
}
/* --- // path // --- */

/* --- cart main box --- */
.cart-box {
	width: 205px;	/* - original: 270px; - */
	height: 105px;	/* - original: 120px; - */
	padding: 15px 0px 0px 65px;
	background: url(cart_bg.png);
	position: absolute;
	right: 15px;
	bottom: -20px;
	overflow: hidden;
}
	.cart-box p {
		margin: 5px 70px 5px 0;
		font-size: 1.3em;
		line-height: 1.3;
	}
		.cart-box p b {
			color: #861e00;
		}
	.cart-box p.title {
		margin-right: 40px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2em;
		font-style: italic;
		color: #861e00;
	}
/* --- // cart main box // --- */

/* ===== // 'styles.css' // ===== */

div.ps_partners {text-align:center; padding-right:20px; clear:both; margin:0px auto;}
div.ps_partners img {margin:0px; padding:0px; border:none; float:right}
div.ps_partners a {}
