* {
	margin:0;
	padding:0;
	}

br {
	clear:both;
	}

img {
	border:0;
	}

body {
	background:#f2e4c6 url(images/body.jpg) no-repeat left top;
	font:12px Arial;
	color:#373735;
	}

/************************index.html styles************************/	
.wrapper-main {
	width:1000px;
	position:relative;
	background:url(images/wrapper-main.jpg) no-repeat top;
	padding-top:
	}
	
	.menu-top.main {
		padding:25px 0 0 220px !important;
		}
		
	.logo-main {
		position:absolute;
		left:0;
		top:0;
		background:url(images/logo-main.png);
		width:250px;
		height:250px;
		}
	
	.phone-main {
		position:absolute;
		right:0;
		top:100px;
		background:url(images/phone.png);
		width:300px;
		height:55px;
		}
	.flashholder {
		position:absolute;
		top:275px;
		left:79px;
		}
	
	.sorts {
		margin:600px 0 30px 0;
		padding:0 0 0 60px;
		height:100px;
		background:url(images/sorts.gif) repeat-x;
		}
	
	*html .sorts {
		padding-top:590px;
		background:url(images/sorts.gif) repeat-x 590px left;
		}
	
    *:first-child+html .sorts {
        padding-top:590px;
		background:url(images/sorts.gif) repeat-x 590px left;
    }
    	
		.sorts li {
			width:97px;
			background:url(images/item-sorts.gif) no-repeat;
			float:left;
			list-style:none;
			}		
			
			.sorts li img {
				display:block;
				margin:18px auto 20px auto;
				}
			
			.sorts li span {
				display:block;
				margin:0 auto;
				text-align:center;
				}

				.sorts li span a, .sorts li span a:visited {
					color:#57810a;
					}
	
	.content-main-left {
		float:left;
		width:431px;
		padding:0 31px 0 29px;
		}
		
		.content-main-left ul {
			margin:10px 0 10px 0;
			}
			
			.content-main-left ul li {
				padding:0 0 20px 25px;
				background:url(images/item-teas.gif) no-repeat left top;
				list-style:none;
				}
				
				.content-main-left ul li a,	.content-main-left ul li a:visited {
					display:block;
					color:#4555a8;
					}
	
	.content-main-right {
		margin:0 0 0 491px;
		}
		
		.lists {
			margin:20px 0 0 0;
			}

			.lists li {
				list-style:none;
				float:left;
				width:186px;
				padding:0 60px 0 0;
				}
			
			*html .lists li {
				padding-right:30px;
				}

            .lists li a .box {
                width:186px;
                height:150px;
                background:#fff;
                overflow:hidden;
            }
            
            .lists li a div {
                text-align:center;
            }
            
            .lists li a .border {
                position:absolute;
                width:186px;
                height:150px;
                background:url(images/border.gif) no-repeat left top;
                overflow:hidden;
                cursor:pointer;
            }

            a.icon {
                float:left;
                margin:0 16px 10px 0;
            }
            
            .products li a.icon img {
                display:block;
                margin:0;                
            }
            
            a.icon .box {
                width:186px;
                height:150px;
                background:#fff;
                overflow:hidden;
            }
            
            a.icon div {
                text-align:center;
            }
            
            a.icon .border {
                position:absolute;
                width:186px;
                height:150px;
                background:url(images/border.gif) no-repeat left top;
                overflow:hidden;
                cursor:pointer;
            }
            	
				.lists li.last {
					padding-right:0;
					}
				
				.lists li span {
					display:block;
					}
				
				.lists li .k-type {
					font:16px Georgia;
					margin:5px 0 2px 0;
					}
					
					.lists li .k-type a, .lists li .k-type a:visited {
						color:#57810a;
						}
				
				.lists li .k-name {
						font:14px Georgia;
						color:#1d1d1d;
                        white-space:nowrap;
						}

	.promos.left {
		 margin:20px 0 0 0 !important;
		 }
		 
		 .promos.left li.first {
		 	margin-bottom:9px;
			}
			
		
/************************basic inner page styles************************/	
.wrapper {
	width:1000px;
	position:relative;
	display:table;
	}

	.logo {
		width:230px;
		height:230px;
		background:url(images/logo.png) no-repeat;
		position:absolute;
		left:0;
		top:0;
		}
	
	*html .logo {
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=http://osm1.ru/ssc-data/themes/default/images/logo.png);
		width:230px;
		height:230px;
		}
		
	*html .logo-main {
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=http://osm1.ru/ssc-data/themes/default/images/logo-main.png);
		width:250px;
		height:250px;
		}
	
	.phone {
		width:300px;
		height:55px;
		background:url(images/phone.png) no-repeat;
		position:absolute;
		left:700px;
		top:0;
		}
		
	*html .phone-main {
		width:300px;
		height:55px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=http://osm1.ru/ssc-data/themes/default/images/phone.png);
		background:none;
		position:absolute;
		right:0;
		top:100px;
		}
	
	*html .phone {
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=http://osm1.ru/ssc-data/themes/default/images/phone.png);
		width:300px;
		height:55px;
		right:0;
		top:0;
		}
		
	.menu-top {
		padding:87px 0 0 249px;	
		height:40px;
		}
		
		.menu-top li {
			float:left;
			list-style:none;
			font:italic 16px Georgia;
			color:#29380c;
			padding:3px 5px 0 5px;
			margin:0 5px 0 0;
			height:48px;
			width:135px;
			text-align:center;
			}
			
			.menu-top li a, .menu li a:visited {
				color:#293c9c;
				}
			
			.menu-top li.active {
				background:url(images/item.gif) no-repeat 10px top;
				}
             
             .menu-top li.active a, .menu li.active a:visited {
				color:#29380c;
                text-decoration:none;
				}   
	
	.promo {				
		float:left;
		padding:0 0 0 26px;
		}
		
		.promos {
			width:208px;	
			margin:120px 0 0 0;
			}
			
			.promos li {
				list-style:none;
				height:130px;
				}
				
				.promos li.first {
					background:url(images/promo01.jpg) no-repeat left 25px;
					}
				
				.promos li.second {
					background:url(images/promo02.jpg) no-repeat left 25px;
					}
				
                .promos li.promos03 {
                    background:url(images/promo03.jpg) no-repeat left 25px;
                }
                
                .promos li.promos04 {
                    background:url(images/promo04.jpg) no-repeat left 25px;
                }
                
                .promos li.promos05 {
                    background:url(images/promo05.jpg) no-repeat left 25px;
                }
                
				.promos li span {
					display:block;
					}
				
				.promos li .type {
					font:24px Georgia;
					margin:0 0 13px 0;
					}
				
				.promos li .sort, .promos li .name {
					margin:6px 0 2px 12px;
					}
					
					.promos li.first .type a, .promos li.first .type a:visited {
						color:#57810a;
						}
					
					.promos li.second .type a, .promos li.second .type a:visited {
						color:#8C7715;
						}
				
				.promos li .sort a, .promos li .sort a:visited {
					color:#4555a8;
					}
					
				.promos li .name a, .promos li .name a:visited {
					font:bold italic 18px Georgia;
					color:#fff;
					text-decoration:none;
					display:block;
					width:80px;
					}
		
		.teas {
			margin:120px 0 0 18px;
			width:165px;
			}
			
			.teas li {
				font:italic 16px Georgia;
				background:url(images/item-teas.gif) no-repeat 10px center;
				list-style:none;
				padding:4px 0 8px 35px;
				color:#29380c;
				}
				
				.teas li.current {
					background:url(images/item-teas-current.gif) no-repeat left top;
					}
				
				.teas li a, .teas li a:visited {
					color:#293c9c;
					}
                
                .teas li.current a, .teas li.current a:visited {
					color:#29380c;
                    text-decoration:none;
					}   
	
	.content {
		margin:0 0 0 260px;
		padding:20px 0 50px 0;
		}
		
		h1 {
			color:#29380c;
			font:normal 24px Georgia;
			margin:0 0 10px 0;
			}
			
			h1 a, h1 a,visited {
				color:#57810a;
				}
		
		.basket {
			font:italic 18px Georgia;
			color:#29380c;
			margin:0 0 20px 0;
			padding:6px 0 0 0;
			background:#f9f2e3;
			height:30px;
			width:489px;
			border-bottom:1px solid #f6ecd7;
			position:relative;
			left:-34px;
			text-align:center;
			}
			
			.basket-lt {
				position:absolute;
				left:-9px;
				top:0;
				background:url(images/corn-lt.gif) no-repeat;
				}

			.basket-rt {
				position:absolute;
				right:-9px;
				top:0;
				background:url(images/corn-rt.gif) no-repeat;
				}

/************************about.html styles************************/		
		.content p, .content-main-left p {
			padding:8px 0 8px 0;
			}
			
			.content p.sub {
				font:bold italic 14px Arial;
				}
		
		.content img.main {
			display:block;
			margin:20px 0 20px 0;
			}
		
		.advantages {
			margin:0 0 0 20px;
			}
		
			advantages li {
				list-style:none;
				background:url(images/item-content.gif) no-repeat left 5px;
				padding:0 0 0 10px;
				}

/************************greenteas.html styles************************/						
		.products {
			margin:30px 0 0 0;
			}
			
			.products li {
				list-style:none;
				/*clear:both;*/
				display:table;
				padding:0 0 20px 0;
				}
			
			*html .products li {
				height:150px;
				}
				
				.teaname {
					display:block;
					color:#57810a;
					font:bold italic 18px Georgia;
					margin:0 0 10px 0;
                    text-decoration:none;
					}
					
				.products li img {
					display:block;
					margin:0 16px 10px 0;
					}
				
				.tea-story {
					display:block;
					}
				
				.price {
					font:16px Georgia;
					display:block;
					float:left;
					margin:10px 0 0 0;
					}
				
				.buy {
					float:left;
					margin:10px 0 0 5px;
					font:italic 16px Georgia;
					}
					
					.buy a, buy a:visited {
						color:#293c9c;
						}
						

/************************price.html styles************************/		
	.pricelist {
		width:709px;
		background:#fff url(images/pricelist.gif) no-repeat top;
		font-size:14px;
		margin:25px 0 60px 0;
		}
		
		.pricelist a, .pricelist a:visited {
			color:#293c9c;
			}
		
		.pricelist tr {
			height:48px;
			background:#f2e4c6;
			}
			
			.pricelist tr.odd {
				height:55px;
				background:url(images/odd.gif) repeat-x;
				}
		
			.pricelist th {
				height:51px;
				text-align:left;
				padding:0 0 0 11px;
				background:#fff;
				}
				
				.pricelist th.left {
					background:#fff url(images/priceleft.gif) no-repeat left top;
					}
				
				.pricelist th.right {
					background:#fff url(images/priceright.gif) no-repeat right top;
					}
			
			.pricelist td {
				padding:0 0 0 11px;
				}


/************************tea.html styles************************/	
	
    .desc a, .desc a:visited {
        color:#57810a;
    }
    
	.kettels {
		margin:40px 0 0 0;
		}
		
		.kettels.main {
				margin:20px 0 0 0 !important;
				}
	
		.kettels li {
			list-style:none;
			float:left;
			width:186px;
			padding:0 66px 44px 0;
			}
			
			.kettels li.last {
				padding-right:0;
				}
			
			.kettels li span {
				display:block;
				}
			
			.kettels li .k-type {
				font:16px Georgia;
				margin:5px 0 2px 0;
				}
				
				.kettels li .k-type a, .kettels li .k-type a:visited {
					color:#57810a;
					}
			
            .kettels li a .box {
                width:186px;
                height:150px;
                background:#fff;
                overflow:hidden;
            }
            
            .kettels li a div {
                text-align:center;
            }
            
            .kettels li a .border {
                position:absolute;
                width:186px;
                height:150px;
                background:url(images/border.gif) no-repeat left top;
                overflow:hidden;
                cursor:pointer;
            }
            
			.kettels li .k-name {
					font:14px Georgia;
					color:#1d1d1d;
					}
				
		.pager {
			font:14px Arial;
			margin:0 0 20px 0;
			padding:6px 0 0 0;
			background:#f9f2e3;
			height:30px;
			width:378px;
			border-bottom:1px solid #f6ecd7;
			position:relative;
			left:-34px;
			clear:both;
			}
			
			.pager-lt {
				position:absolute;
				left:-9px;
				top:0;
				background:url(images/corn-lt.gif) no-repeat;
				}

			.pager-rt {
				position:absolute;
				right:-9px;
				top:0;
				background:url(images/corn-rt.gif) no-repeat;
				}
			
			.pages {
				float:left;
				font-weight:bold;
				margin:3px 5px 0 0;
				}
						
			.pager ul {
				margin:3px 0 0 0;
				}
				
			*html .pager ul {
				margin-top:9px;
				}

				.pager ul li {
					float:left;
					list-style:none;
					padding:0 6px 0 6px;
					background:url(images/item-pager.gif) no-repeat right 2px;
					}
					
					.pager ul li.last {
						background:none;
						}
					
					.pager ul li a, .pager ul li a:visited {
						color:#293c9c;
						}


/************************footer styles************************/					
	.footer {
		background:url(images/footer.jpg) no-repeat;
		height:300px;
		clear:both;
		position:relative;
		}
	
        .banners {
            position:absolute;
			left:85px;
			top:250px;
        }
    
        .banners .banner {
            float:left;
            margin-right:10px;
        }
    
		.contacts {
			font-size:14px;
			position:absolute;
			left:85px;
			top:180px;
			}
			
			.contacts span {
				display:block;
				font:18px Georgia;
				color:#ec750b;
				margin:0 0 5px 0;
				}
		
		.copyright {
			position:absolute;
			right:150px;
			top:160px;
			width:120px;
			height:70px;
			background:url(images/promologiya.png) no-repeat;
			}
		
		*html .copyright {
			width:120px;
			height:70px;
			background:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=http://osm1.ru/ssc-data/themes/default/images/promologiya.png);}

/*******************form styles**********************************/
#message {
    margin:20px 0 20px 0;
}
#message br {
	clear:none;
}
#message a {
    color:#fff;
}
.form-error, #message #error {
    color:#fff;
    font-weight:bold;
    font-size:11px;
    border:1px solid #f00;
    width:380px;
    padding:10px;
    background:rgb(255,103,0);
}
.form-msg {
    color:#fff;
    font-weight:bold;
    font-size:11px;
    border:1px solid rgb(155,190,32);
    width:380px;
    padding:10px;
    background:rgb(195,210,42);
}
.form-generator {
    font-size:12px;
}
.form-generator input {
    border:1px solid #fff;
}
.form-text {
    background:url(images/form-text.gif) no-repeat 0 18px;
    height:50px;
}
.form-text, .form-select {
    background:url(images/form-text.gif) no-repeat 0 18px;
    height:50px;
}
.form-select {
    background:none;
}
.form-text.short {
    background:url(images/form-text-short.gif) no-repeat 0 18px;
}
.form-text span, .form-select span {
    display:block;
}
.form-text input, .form-select select {
    position:absolute;
    margin:8px 0 0 4px;
    width:390px;
}
.form-text.short input {
    margin:4px 0 0 4px;
    width:43px;
}
.form-textarea {
    background:url(images/form-textarea.gif) no-repeat 0 18px;
    height:190px;
}
.form-textarea span {
    display:block;
}
.form-textarea textarea {
    position:absolute;
    margin:8px 0 0 4px;
    width:390px;
    height:155px;
    border:1px solid #fff;
}
.form-submit input {
    font:14px 'Trebuchet MS';
    border:0;
    background:url(images/form-submit.gif) no-repeat;
    padding-bottom:3px;
    width:101px;
    height:27px;
    cursor:pointer;
}

/******** shop ***********/
#addcart, #addcart form {
    font:16px Georgia;
}

i a:visited, i a:visited {
    color:#293c9c;
}

.pricelist a, .pricelist a:visited {
    color:#57810a;
}

.inline-form-text {
    background:#f2e4c6 url(images/form-text-short.gif) no-repeat 10px 10px;
}

.inline-form-text input {
    width:34px;
    border:0;
    margin-left:7px;
}

a.button, a.button:visited  {
    font:14px 'Trebuchet MS';
    display:block;
    border:0;
    background:url(images/form-submit.gif) no-repeat;
    padding:3px 0 0 20px;
    width:81px;
    height:26px;
    cursor:pointer;
    text-decoration:none;
    color:#000;
}
