﻿
@import "reset.css";

/* stylized blocks */
	
	body, table { font:12px Georgia, serif; color:white; }
	/*a { color:expression(this.parentNode.currentStyle.color); }*/
	a {color:#FFFFFF;}
	a strong { color:#ab3c69; font-weight:normal; text-decoration:underline;}
	a:hover,a strong:hover { text-decoration:none; }
	h1 { font:24px/1.8em Georgia, serif; color:#a02155; }
	h2, h4 { font:18px/1.5em Georgia, serif; color:#b0235d; }
	h3 { font:18px/1.5em Georgia, serif; color:#FFFFFF;}
	/* h2.line { border-bottom:1px solid silver; margin-bottom:.6em; } DELETED */
	/*h3 { font-family:Georgia, "Times New Roman", Times, serif; }*/
	table, td { vertical-align:top; }
	
	.font1 { font:12px Tahoma, sans-serif; }
	.color1 { color:#e9508f !important; }
	.color2 { color:#EA5090 !important; }
	.color3 { color:#FF9103 !important; }
	
	.rel { position:relative; }
	.left { float:left; }
	.right { float:right; }
	.pad { padding:10px; }
	/*div*/ .line { height:1px; background:silver; overflow:hidden; margin:10px 0; }
	.textleft { text-align:left !important; }

	.li { list-style:none; behavior:expression( !this.after ? this.after = this.innerHTML = '&#171; ' + this.innerHTML : '' ); }
	.li:after { content: "\ab"; }

/* structure blocks */
	
	div.main {
		position:relative;
		min-width:1000px;
		width:expression(document.body.clientWidth > 1000 ? '100%' : '1000px');
		min-height:100%;
		-height:100%;
		background:#efebec url(../images/bgc.png) repeat-x left top;
	}
	div.main div.content { padding-bottom:80px; //margin-bottom:80px; //padding-bottom:0; }
	
	/* иконки навигации */
	div.main div.content .navigation { padding:5px 10px; }
	div.main div.content .navigation span { line-height:30px; }
	div.main div.content .navigation .right { padding-right:20px; }
	div.main div.content .navigation .right a { text-decoration:none; }
	div.main div.content .navigation .right img { vertical-align:middle; margin-right:10px; position:relative; top:5px; }
	div.main div.content .navigation .right img.spacer { vertical-align:top; margin:5px 15px; position:static; }
		
	/* лого */
	:root div.main div.content .header .logo { margin-top:0; }
	div.main div.content .header .logo {
		width:335px; 
		height:242px; 
		padding:0 10px;
		margin:10px;
		margin-bottom:0;
		background:url(../images/header_rose.jpg) no-repeat; 
		float:left; 
		text-align:center; 
		font:11px Georgia;
		color:#b6a8ac;
		text-transform:uppercase;
	}
	div.main div.content .header .logo a { display:block; width:250px; margin:auto; padding-top:140px; }
	
	/* мы рекомендуем... */
	div.main div.content .header .recommend {
		margin-top:20px;
		padding-left:400px;
	}
	div.main div.content .header .recommend .title {
		position:relative;
		height:167px;
		background:#EEE0E6 url(../images/recommend_bgc.png) no-repeat center;
		border:1px solid white;
		border-left:0;
		border-right:0;
	}
	div.main div.content .header .recommend .title .lc { background:url(../images/recommed_lc.png) no-repeat; width:13px; height:169px; position:absolute; left:0; top:-1px; display:block; }
	div.main div.content .header .recommend .title img { position:absolute; right:50%; margin-right:-240px; bottom:0; }
	div.main div.content .header .recommend .title .text { color:#cf5d8c; font-size:24px; text-align:center; width:300px; float:left; padding:0 20px; margin-top:30px; }
	div.main div.content .header .recommend .title .text .f1 { color:#bc1257; font-size:60px; display:block; }

	/* горизоонтальное меню */
	div.main div.content .header .mmenu {
		color:#cc779a;
		font:14px/50px Georgia, "Times New Roman", Times, serif;
		color:#cc779a;
		text-indent:20px;
		height:51px;
		background:#C0507E url(../images/mmenu_bgc.png) no-repeat left top;
		margin-top:10px;
	}
	div.main div.content .header .mmenu a { margin:0 5px; color:white; }
	
	/* поиск */
	div.main div.content .search_and_path {
		padding:10px 20px;
		color:#e7528c;
		text-align:left;
		clear:both;
		margin-top:-10px;
	}
	div.main div.content .search_and_path a { color:#a02155; text-decoration:none; position:relative; z-index:100; }
	div.main div.content a.extended { position:relative; top:10px; }
	div.main div.content form { padding:10px; float:right; text-align:left; }
    div.main div.content form input[type=text] { width:180px; color:#cf90aa; vertical-align:middle; border:1px solid #b0235d; font:12px Georgia; padding:3px 5px; }
    div.main div.content form input[type=button] { width:150px; color:#cf90aa; vertical-align:middle; border:1px solid #b0235d; font:12px Georgia; padding:3px 5px; }    	
	div.main div.content form input[type=submit] { width:150px; color:#cf90aa; vertical-align:middle; border:1px solid #b0235d; font:12px Georgia; padding:3px 5px; }
	div.main div.content form input.radio { width:auto; border:0; }
	div.main div.content form input.submit { width:150px; background:url(../images/search_bgc.png) repeat-x; color:white; border:0; cursor:pointer; }
	
		
	div.main div.content form #search_suggestion {
	   position: absolute;
	   border: 0px solid;
	   height: 0px;
	   width: 0px;
	   padding: 0px;
	   margin: 0px;
	   border-spacing: 0px;
	   border-collapse: collapse;
	   top: 23px;
	   left: -110px;
	   z-index: 200;
	}
	
	div.main div.content form #search_result {
	   background-color: #EEEEEE; 
	   border: 1px solid; 
	   height: auto; 
	   width: 300px;
	   text-align: left;
	}
	
	/* Список найденных результатов */
    div.main div.content form #search_result_list {
       margin: 0px;
       border: 0px;
       background-color: #FFFFFF;
    }

    div.main div.content form #search_result div.search_item {
        text-indent: 10px;
        padding-top: 12px;
        font-size: 12px;
        color: black;
        background-color: white;
        border: 0px;
        width: 300px;
        height: 28px;
    }

    div.main div.content form #search_result div.search_item:hover {
        padding-top: 12px;
        font-size: 12px;    
        color: white;
        background-color: #A02154;
        border: 0px;
        width: 300px;
        height: 28px;
    }

	/* левый блок вертикального меню и блок с контентом */

	div.main div.content .links { width:250px; }
	div.main div.content .links .title { padding:30px 0; }
	div.main div.content .links .title span {
		position:relative;
		display:block;
		text-indent:20px;
		background:url(../images/menu_bgc.png) repeat-x left top;
		font:24px/37px Georgia, serif;
		height:37px;
		color:white;
		top:-20px;
	}
	div.main div.content .links .title .rc { position:absolute; right:-5px; top:0; right:0; display:block; width:17px; height:37px; background:url(../images/menu_rc.png) no-repeat; }
	div.main div.content .links .title a, 
	div.main div.content .links .title .li {
		font:12px/30px Georgia, "Times New Roman", Times, serif;
		color:#ab3c69;
	}
	div.main div.content .links .title .li { color:#ff9101; margin-left:30px; }
	div.main div.content .links .tags { padding-left:30px; }
	div.main div.content .links .tags a { text-decoration:none; line-height:150%; vertical-align:middle; }
	div.main div.content .links .tags a:hover { text-decoration:underline;  }
		
	
	
	/* основной контент */
	div.main div.content .maindata {
		position:relative;
		margin-left:250px;
		padding-left:20px;
		color:#555052;
	}
	div.main div.content .maindata .text { margin:20px; /* font:11px /20px Georgia, "Times New Roman", Times, serif; DELETED */}
	div.main div.content .maindata .text .color1,
	div.main div.content .maindata .text .li { line-height:30px; }
	div.main div.content .maindata .text .li { color:#ff9101; font-style:normal; }
	

	/* каталог товаров */
	table.flowers { position:relative; }
	table.flowers, table.flowers td { border-collapse:separate; text-align:center; font:11px Georgia, "Times New Roman", Times, serif; }
	table.flowers .view { height:200px; position:relative; background:url(../images/prod_order_bgc1.png) repeat-x left top; }
	table.flowers .view p { padding 0px; margin: 0px; }
	table.flowers .view .price {
		position:absolute; right:0; top:0; 
		margin:15px;
		background:url(../images/prod_order_price.png) no-repeat; 
		width:98px; height:29px; 
		text-align:center; 
		font-size:18px; 
		line-height:27px; 
		color:white;
	}
	table.flowers .descr.bgc { background:#A02154 url(../images/prod_order_bgc2.png) repeat-x left top !important; }
	table.flowers tr.titles td { background:#A02154 url(../images/prod_order_bgc2.png) repeat-x left 201px; }
	table.flowers tr.titles .product { border-bottom:0; }
	table.flowers .descr {
		text-align:left;
		padding:10px;
		line-height:1.5em;
	}
	table.flowers tr.buttons td .product { top:-10px; background:#A02154; border-top:0; }
	table.flowers tr.buttons .details .li { font-style:normal; }
	table.flowers tr.buttons .details { color:#ff9101; line-height:30px; float:left; margin-left:10px; }
	table.flowers tr.buttons a.buy {
		position:relative;
		float:right; 
		background:url(../images/prod_order_btn.png) no-repeat; 
		display:block; 
		text-align:center; 
		line-height:24px; 
		width:87px; 
		height:24px;
		cursor:pointer; 
		text-decoration:none;
		top:5px; 
		margin-right:10px;
	}
	
	div.product { position:relative; border:1px solid #b0235d; -height:40px; min-height:40px; }
	div.product .c1, div.product .c2, div.product .c3, div.product .c4 { position:absolute; width:11px; height:11px; overflow:hidden; z-index:100; margin:-1px; -margin:-2px; -clip:rect(1px 11px 11px 1px); }
	div.product .c1 { left:0; top:0; background:url(../images/c1.png) no-repeat top; }
	div.product .c2 { right:0; top:0; background:url(../images/c2.png) no-repeat top; }
	div.product .c3 { left:0; bottom:0; background:url(../images/c3.png) no-repeat top; }
	div.product .c4 { right:0; bottom:0; background:url(../images/c4.png) no-repeat top; }

	div.pagenanor {
		font:11px Tahoma;
		color:#a02155;
		text-align:center;
	}
	div.pagenanor .arrow { width:8px; height:5px; background:url(../images/arrows.png) no-repeat; vertical-align:middle; position:relative; top:1px; }
	div.pagenanor .arrow.forward { background-position:-8px 0; }
	div.pagenanor a { text-decoration:none; margin:0 3px; font-weight:bold; color:#A02155;}
	div.pagenanor a.next_one { text-decoration:underline; color:#e9508f; font-weight:normal; }
	div.pagenanor a:hover { text-decoration:underline; }
	

/* подвал */
	div.main .footer {
		position:absolute;
		display:block;
		width:100%;
		height:42px;
		padding:10px 0; /*+*/
		left:0;
		bottom:0;
		line-height:18px;
		color:white;
		background:url(../images/footer_bgc.png) repeat-x;
	}
	div.main .footer .menu { float:right; padding:10px 20px; margin-top:-10px; white-space:nowrap; color:#cc779a; }
	div.main .footer address { padding:5px 10px; }
	div.main .footer a { color:white; margin:0 3px; }
	div.main .footer a:hover { color:#f8c225; }




/* стили для остальных страниц */

	table.flowers.large td.flower { width:67%; background:white; text-align:center; }
	table.flowers.large td { text-align:left; }
	table.flowers.large .product { height:460px; background:white; }
	table.flowers.large td.flower .product .view { padding:17px 0; background:white; padding-bottom:0; }
	table.flowers.large .product .view { padding:20px; color:#AD3C6A; background:white; }
	table.flowers.large .product .descr { min-height:100px; -height:100px; position:absolute; left:0; bottom:0; width:100%; padding:0; }
	
	.button1, .button2 { background:url(../images/button1.png) no-repeat; width:147px; height:24px; font:11px/24px Georgia, serif; text-align:center; margin:auto; color:white; text-decoration:none; display:block; cursor:pointer; }
	.button2 { width:167px; background:url(../images/button2.png) no-repeat; }
	
	div.main div.content .order { color:#666; padding:0 20px; float:none; text-align:left; font-size:11px; }
	div.main div.content .order .login { margin-top:20px; white-space:nowrap; }
	div.main div.content .order .li { margin-left:0 !important; }
	div.main div.content .order input { margin:1px; width:195px; }
	div.main div.content .order input.pass { width:140px; }
	div.main div.content .order input.submit { width:50px; }	
	
	div.product.login { margin-right:25px; }
	div.product.login table { background:white; height:200px; color:#525150; }
	div.product.login table td { padding:10px 20px; font-family:Georgia, serif; font-size:11px; }
	div.product.login tr.buttons td { text-align:center; background:#A02154 url(../images/prod_order_bgc2.png) repeat-x left top; padding:25px 0; }
	div.product.login .nobgc td { background:none !important; }
	div.product.login span.title { display:block; font-size:13px; line-height:40px; }
	div.product.login .border_r { border-right:1px solid #dbdcd6; }
	div.product.login tr.white td { border-color:white; padding:0;  }

	:root form.extended select { height:21px; }
	form.extended { text-align:left !important; float:none !important; padding:0 5px !important; }
	form.extended .width1 { width:175px; }
	form.extended .width2 { width:95px; }
	form.extended select { border:1px solid #b0235d; }
	form.extended table td { font-family:Georgia, "Times New Roman", Times, serif; color:#525150; padding:2px 5px; vertical-align:middle; }
	
	.delivery { margin-left:0 !important; position:relative; text-align:justify;}
	.delivery .static_content { padding-right: 230px }
	.delivery .names { position:relative; width:200px; height:360px; padding-left:10px; border-left:1px solid silver;}
	.delivery img { margin:0px 10px 10px 0px; }
	.delivery strong.color1, .delivery h2 { font-size:12px; font-weight:bold; color:#e9508f; display:inline; line-height:250%; }
	
	div.product.basket { margin-right:10px; background:white; }
	div.product.basket form { float:none !important; text-align:left !important; padding:10px 10px 25px 20px !important; }
	div.product.basket .nobr { white-space:nowrap; }
	div.product.basket table { border:2px solid white; border-top:1px solid silver; }
	div.product.basket table td, 
	div.product.basket table th { padding:10px 5px; vertical-align:middle; text-align:center; border:1px solid silver; color:#ab3b69; line-height:20px; font-size:11px !important; }
	div.product.basket table td.descr { text-align:justify; }
	div.product.basket table th { color:#e9508f; font:12px Georgia, "Times New Roman", Times, serif !important; }
	div.product.basket .flower_img { float:left; margin:0 10px 10px 0; border:1px solid #D49DB4; }
	div.product.basket .color1 { line-height:30px; font-size:12px !important; }
	div.product.basket form input { width:80px !important; }
	div.product.basket .summ { width:110px; }
	div.product.basket .del { float:right; position:relative; top:3px; }
	
	
	
	#order_form_1 {
         float: none; 
         text-align: center;
    }
    
    .order_table {
        color: #555052;
        font-family: Georgia, serif !important;
    }    

    .order_table #trigger_date {
        color:#cf90aa; vertical-align:middle; border:1px solid #b0235d; font:12px Georgia; padding:3px 5px;
        background:url(../images/search_bgc.png) repeat-x; color:white; border:0; cursor:pointer; 
    }

    .order_table #trigger_payment_date {
        color:#cf90aa; vertical-align:middle; border:1px solid #b0235d; font:12px Georgia; padding:3px 5px;
        background:url(../images/search_bgc.png) repeat-x; color:white; border:0; cursor:pointer; 
    }

    .order_table textarea {
        color:#cf90aa; vertical-align:middle; border:1px solid #b0235d; font:12px Georgia; padding:3px 5px; 
    }    

    .order_table td {
       vertical-align: middle;
       text-align: right;
       padding: 5px;
    }

    .order_table td.align_left {
       text-align: left;
    }

    .order_table td.align_center {
       text-align: center;
    }
    .order_table thead td {
        text-align: center;
    }
    .order_table tfoot td {
        text-align: center;
    }
    .order_table input[type=text] {
        width: 250px !important;
    }
    .order_table label {
        font-family: Georgia,serif;
        fone-size: 12px;
    }

    .order_table td:FIRST-CHILD  {
       padding-right: 10px;
    }

    .order_table input[type=submit], input[type=button] {
        background:url(../images/search_bgc.png) repeat-x; 
        color:white !important; 
        border:0  !important; 
        cursor:pointer;
    }
    
    .order_table input.validation-failed {
	    border: 1px solid #FF3300 !important;
	    color : #FF3300 !important;
    }
    
    .order_table .validation-advice {
        color : #FF3300 !important;
        font: Georgia 12px;
    }