@import url('../css/common_use.css');
@import url('../css/fr_catalog_cart.css');



/**[RULES: Layout/Positioning ]-------*/

html, body 
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e4e4e4;
	}

html
	{
	height: 100%; 
	}

body
	{
	position: relative;
	width: 100%;
	text-align: center;
	background: url(../img/bg/body_bg.gif) center repeat-y;
 	}

div#Body
	{
	position: relative;
	width: 990px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	text-align: center;
	}

/*@media all and (min-width: 0)
{
div#Body
	{
	height: 100%;	
	}
}
*/
div#Body div#PnMn
	{
	display: table; /*_display: block;*/
	width: 990px;
	height: 100%;
	margin: 0px auto;
	padding: 239px 0px 0px 0px;
	text-align: left;

	}
	 @media all and (-webkit-min-device-pixel-ratio:10000),
           not all and (-webkit-min-device-pixel-ratio:0){
             div#Body div#PnMn{
                padding-bottom:0px;
             }            
           }	

div#Body div#PnTop
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 990px;
	/*height: %%%;*/
	}

div#Body div#PnBot
	{
	position: absolute;
	left: -17px;
	width: 1024px;
        height: 330px;
        background-color: #e4e4e4;
	}
div#Body div#PnBot.home
{
}

div#Body div#PnMn div#PnMnLf
	{
	float: left; _display: inline;
	position: relative;
	width: 205px;
	height: 100%;
	margin: 0px -205px 0px 0px;
	}

div#Body div#PnMn div#PnMnRt
	{
	float: left; _display: inline;
	position: relative;
	width: 220px;
	height: 100%;
	margin: 0px -990px 0px 770px;
	}

div#Body div#PnMn div#PnMnCn,
div#Body div#PnMn div#PnMnLfCn,
div#Body div#PnMn div#PnMnCnRt,
div#Body div#PnMn div#PnMnLfCnRt
	{
	float: left; _display: inline;
	position: relative;
	height: 100%;
	}

div#Body div#PnMn div#PnMnCn
	{
	width: 565px;
	margin: 0px -770px 0px 205px;
	}

div#Body div#PnMn div#PnMnLfCn
	{
	width: 770px;
	margin: 0px -770px 0px 0px;
	}

div#Body div#PnMn div#PnMnCnRt
	{
	width: 785px;
	margin: 0px -990px 0px 205px;
	}

div#Body div#PnMn div#PnMnLfCnRt
	{
	width: 990px;
	margin: 0px -990px 0px 0px;
	}

/**[/RULES]---------------------------*/



div#Body div#PnMnTextBlock
        {
        text-align: right;
        padding-right: 215px;
        font-size: 10px;
        color: silver;
        height: 26px;
        display: block;
        }
div#Body div#PnMn
	{
	background-image: url('../img/bg/mn_bg_2.gif');
	background-repeat: no-repeat;
	background-position: 0px 266px;
	}

div#Body div#PnTop
	{
	padding: 12px 10px 0px 33px;
	/*background-image: url('../img/bg/top_bg_summer.jpg');*/
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	}

div#Body div.summer
	{
	background-image: url('../img/bg/top_bg_summer.jpg');
	}

div#Body div.outumn
	{
	background-image: url('../img/bg/top_bg_outumn.jpg');
	}

div#Body div.winter
	{
	background-image: url('../img/bg/top_bg_winter.jpg');
	}

div#Body div.spring
	{
	background-image: url('../img/bg/top_bg_spring.jpg');
	}

div#Body div#PnBot
	{
	padding: 0px 0px 0px 0px;
	background: url('../img/bg/footer_bg.png') left top no-repeat #E4E4E4;
	text-align: center;
	font-size: 11px;
	color: #5c5c5c;
        margin-right: -770pxp;
	}

div#Body div#PnMn div#PnMnLf
	{
	padding: 65px 0px 0px 0px;
	}

div#Body div#PnMn div#PnMnRt
	{
	margin-top: -46px;
	padding: 0px 0px 0px 0px;
	z-index: 10000;
	}

div#Body div#PnMn div#PnMnCn,
div#Body div#PnMn div#PnMnLfCn,
div#Body div#PnMn div#PnMnCnRt,
div#Body div#PnMn div#PnMnLfCnRt
	{
	padding: 34px 29px 30px 29px;
	}



/**[RULES: x-checkbox buttons ]-------*/

label.x-checkbox-off,
label.x-checkbox-on
	{
	_width: 10px; _white-space: nowrap;
	margin: 0px 0px 2px 7px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	cursor: pointer;
	color: #427ab8;
	}

label.x-checkbox-off
	{
	background-image: url('../img/rx-ui/el_check_off.gif');
	}

label.x-checkbox-on
	{
	background-image: url('../img/rx-ui/el_check_on.gif');
	}

label.x-checkbox-off input.checkbox,
label.x-checkbox-on input.checkbox
	{
	width: 13px;
	height: 13px;
	margin: 0px 0px 0px 0px;
	opacity: 0.01; _filter: alpha(opacity=01);
	cursor: pointer;
	vertical-align: top;
	}

/**[/RULES]---------------------------*/

/**[RULES: rx-ui-select element ]-----*/

div#Body div#PnMn div.main-area div.rx-ui-select
	{
	width: 132px;
	height: 16px;
	margin: 0px 0px 8px 0px;
	padding: 0px 15px 0px 0px;
	background-image: url('../img/bg/inp_1.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

div#Body div#PnMn div.main-area div.rx-ui-select div.title,
div#Body div#PnMn div.main-area div.rx-ui-select div.title_on
	{
	width: 112px;
	height: 16px;
	padding: 1px 1px 1px 4px;
	cursor: default;
	}

div#Body div#PnMn div.main-area div.rx-ui-select div.title_on
	{
	}

div#Body div#PnMn div.main-area div.rx-ui-select div.button,
div#Body div#PnMn div.main-area div.rx-ui-select div.button_on
	{
	float: right; _display: inline;
	width: 15px;
	height: 16px;
	margin: -16px -15px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('../img/but/but_arr_dwn.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	}

div#Body div#PnMn div.main-area div.rx-ui-select div.button_on
	{
	/*background-image: url('../img/but/but_cut_bg.gif');*/
	}

div#Body div#PnMn div.main-area div.rx-ui-select div.options
	{
	width: 132px;
	margin: 0px 0px 0px 0px;
	border: solid rgb(170, 170, 170);
	border-width: 0px 1px 1px 1px;
	padding: 2px 0px 2px 0px;
	background-color: rgb(238, 238, 238);
	}

div#Body div#PnMn div.main-area div.rx-ui-select div.options span,
div#Body div#PnMn div.main-area div.rx-ui-select div.options div
	{
	display: block;
	width: 100%;
	border: solid rgb(238, 238, 238);
	border-width: 1px 0px 1px 0px;
	padding: 1px 3px 1px 3px;
	cursor: pointer;
	}

div#Body div#PnMn div.main-area div.rx-ui-select div.options span.over,
div#Body div#PnMn div.main-area div.rx-ui-select div.options div.over
	{
	border-color: rgb(170, 170, 170);
	background-color: rgb(255, 255, 255);
	}

/**[/RULES]---------------------------*/



/*---------[RULES: PnMnLf ]----------*/

			div#PnMnLf div.botbg
				{
				width: 100%;
				padding: 20px 0px 6px 0px;
				margin-top: -20px;
				margin-bottom: 30px;
				background: url(../img/bg/mn_lf_top.gif) 0px 0px no-repeat;
				}

				div#PnMnLf div.botbg div.container
					{
					width: 100%;
					padding: 5px 0px 10px 15px;
					background: url(../img/bg/mn_lf_bg.gif) repeat-y;
					}

				div#PnMnLf div.botbg div.bot
					{
					width: 100%;
					height: 6px;
					padding: 0px;
					overflow: hidden;
					background: url(../img/bg/mn_lf_bot.gif) left top no-repeat;
					}



/*---------[RULES: PnMnRt]----------*/

			div#PnMnRt div.catalog
				{
				width: 204px;
				padding: 12px 0px 0px 0px;
				margin: 0px 0px 42px 0px;
				background: url(../img/bg/catalog_top.gif) top no-repeat;
				}

				div#PnMnRt div.catalog div.botbg
					{
					width: 100%;
					padding: 0px 0px 6px 0px; 
					background: url(../img/bg/catalog_bot.gif) bottom no-repeat;
					}

					div#PnMnRt div.catalog div.botbg div.container
						{
						width: 100%;
						padding: 10px 4px 10px 2px;
						background: url(../img/bg/catalog_bg.png) top repeat-y;
						}

						div#PnMnRt div.catalog div.botbg div.container h2
							{
							display: block;
							margin: 0px 0px 10px 0px;
							}

						div#PnMnRt div.catalog div.botbg div.container h2.img,/*text as img*/
						div#PnMnRt div.catalog div.botbg div.container h2 a.img
							{
							width: 100%;
							height: 16px;
							padding-top: 16px;
							overflow: hidden;
							border: 0px;
							margin: 0px;
							background-position: 15px top;
							background-repeat: no-repeat;
							color: #ffffff;
							}

						div#PnMnRt div.catalog div.botbg div.container h2 a.img:hover
							{
							border: 0px;
							background: none;
							background-position: 15px top;
							background-repeat: no-repeat;
							}

						div#PnMnRt div.catalog div.botbg div.container div.group
							{
							overflow: hidden;
							clear: left;
							}

						div#PnMnRt div.catalog div.botbg div.container span
							{
							float: left; clear:left;
							visibility: hidden;
							margin-top: -20px;
							}

						div#PnMnRt div.catalog div.botbg div.container a
							{
							display: block;
							padding: 1px 0px 4px 35px;
							margin: 0px 0px;
							background-image: url(../img/bul/oil_2.gif);
							background-position: 15px 3px;
							background-repeat: no-repeat;
							}

						div#PnMnRt div.catalog div.botbg div.container a:hover
							{
							margin: 0px;
							background: none;
							background-color: #5683af;
							/*border: 1px solid #aaaaaa;*/
							border-left: 0px;
							color: #ffffff;
							}

						div#PnMnRt div.catalog div.botbg div.container a.current
							{
							font-weight: bold;
							color: #da251d;
							}

						div#PnMnRt div.catalog div.botbg div.container div.group a
							{
							min-height: 16px;
							*height: 20px;
							}

					div#PnMnRt div.catalog div.botbg div.container div.group div.dropDown
						{
						position: absolute;
						padding: 18px 0px 0px 0px;
						border: 1px solid #aaaaaa;
						border-right: 0px;
						background-color: #5683af;
						display: none;
						z-index: 10000;
						}

					div#PnMnRt div.catalog div.botbg div.container div.group div.second
						{
						padding: 0px;
						}

					div#PnMnRt div.catalog div.botbg div.container div.group div.dropDown div
						{
						border-top: 1px solid #aaaaaa;
						border-right: 1px solid #aaaaaa;
						background-color: #eeeeee;
						}
				
						div#PnMnRt div.catalog div.botbg div.container div.group div.dropDown a
							{
							border: none;
							border-top: 1px solid #eeeeee;
							border-bottom: 1px solid #eeeeee;
							height: auto;
							background: url(../img/bul/circle_1.gif) 17px 8px no-repeat;
							padding: 3px 15px 3px 28px;
							margin: 0px;
							display: block;
							}
				
						div#PnMnRt div.catalog div.botbg div.container div.group div.dropDown a:hover
							{
							color: #444444;
							border-top: 1px solid #aaaaaa;
							border-bottom: 1px solid #aaaaaa;
							background-color: #ffffff;
							}
				
						div#PnMnRt div.catalog div.botbg div.container div.group div.dropDown a.first:hover
							{
							border-top: 1px solid #eeeeee;
							}
				
						div#PnMnRt div.catalog div.botbg div.container div.group div.dropDown a.last:hover
							{
							border-bottom: 1px solid #eeeeee;
							}



/**[RULES: PnTop ]--------------------*/

	div#Body div#PnTop div.toplf
		{
		width: 200px;
		height: 195px;
		}

		div#Body div#PnTop div.toplf a img
			{
			margin-top: 21px;
			}



	div#Body div#PnTop div.toprt
		{
		width: 123px;
		float: right;		
		}

	div#Body div#PnTop div.toprt div.search
		{
		height: 15px;
		margin-bottom: 12px;
		}

		div#Body div#PnTop div.toprt div.search input.text
			{
			width: 100px;
			height: 15px;
			border: 1px solid #76a2cc;
			padding: 0px 0px 0px 3px;
			margin: 0px;
			border-right: 0px;
			background-color: #dff1ff;
			font-size: 11px;
			}

		div#Body div#PnTop div.toprt div.search input.button
			{
			width: 20px;
			margin: 0px;
			height: 15px;
			vertical-align: top;
			border: 0px;
			background: url(../img/but/search.gif) top left no-repeat;
			}

		div#Body div#PnTop div.toprt a
			{
			margin: 0px 13px 0px 4px;
			}


div#Body div#PnTop div#MenuMn
	{
	height: 37px;
	padding: 0px 0px 0px 28px;
	margin: 0px -10px 0px -33px;
	background: url(../img/bg/mn_bg_1.gif) center top no-repeat;/*menu_bg.png*/
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	}

	div#Body div#PnTop div#MenuMn a
		{
		height: 37px;
		float: left; clear: right;
		margin: 1px 1px 0px 0px;
		padding: 35px 31px 0px 31px;
		overflow: hidden;
		color: #4f4f4f;
		background-repeat: no-repeat;
		background-position: center top;
		}

/*
	div#Body div#PnTop div#MenuMn a.current,
	div#Body div#PnTop div#MenuMn a:hover
		{
		color: #5f0501;
		margin: 0px;
		border-top: 1px solid #cf332c;
		border-right: 1px solid #983a36;
		border-bottom: 1px solid #983a36;
		background-position: center -37px;
		}
*/

	div#Body div#PnTop div#MenuMn div.dropDown
		{
		position: absolute;
		padding: 13px 13px 13px 13px;
		_margin-top: -14px;
		border: 1px solid #777777;
		background-color: #ebf4f9;
		display: none;
		}

		div#Body div#PnTop div#MenuMn div.dropDown span
			{
			position: absolute;
			top: -100000;
			}

		div#Body div#PnTop div#MenuMn div.dropDown a
			{
			height: auto;
			background: none;
			padding: 2px 0px 2px 5px;
			margin: 0px;
			float: none;
			display: block;
			color: #1e5a94;
			border-top: 1px solid #c4d5de;
			}

		div#Body div#PnTop div#MenuMn div.dropDown a:hover
			{
			color: #da251d;
			text-decoration: underline;
			border: none;
			border-top: 1px solid #c4d5de;
			}

		div#Body div#PnTop div#MenuMn div.dropDown a.first,
		div#Body div#PnTop div#MenuMn div.dropDown a.first:hover
			{
			border: none;
			}

div#Body div#PnTop div#MenuMn div.glass
	{
	position: absolute;
	width: 100px;
	height: 37px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #cf332c;
	border-right: 1px solid #983a36;
	border-bottom: 1px solid #983a36;
	cursor: pointer;
	}

div#Body div#PnTop div#MenuMn div.glass div
	{
	width: 100%;
	/*height: 100%;*/
	opacity: 0.62; _filter: alpha(opacity=62);
	/*background-image: url('../img/bg/menu_glass.gif');*/
	/*background-repeat: x-repeat;*/
	/*background-position: 0px 0px;*/
	overflow: hidden;
	}

div#Body div#PnTop div#MenuMn div.glass div.ln1
	{
	height: 2px;
	background-color: rgb(240, 117, 110);
	}

div#Body div#PnTop div#MenuMn div.glass div.ln2
	{
	height: 4px;
	background-color: rgb(247, 150, 145);
	}

div#Body div#PnTop div#MenuMn div.glass div.ln3
	{
	height: 26px;
	background-color: rgb(213, 11, 0);
	}

div#Body div#PnTop div#MenuMn div.glass div.ln4
	{
	height: 3px;
	background-color: rgb(235, 12, 0);
	}

/**[/RULES]---------------------------*/




/**[RULES: PnBot ]--------------------*/

div#Body div#PnBot div.top
	{
	margin: 10px 0px 15px 0px;
        padding-right: 5px;
	}

div#Body div#PnBot div.top img
	{
	width: 205px;
	height: 80px;
	margin: 0px 17px 0px 17px;
	cursor: pointer;
	}

div#Body div#PnBot div.lf
	{
	float: left; _display: inline;
	margin: -10px 0px 0px 32px;
	line-height: 12px;
	text-align: left;
	}

div#Body div#PnBot div.lf h2
	{
           font-size: 11px;
           color: #5C5C5C;
           margin: 0;
        }
div#Body div#PnBot img
    {
        margin: -8px 0 0 17px;
        padding: 0;
    }
div#Body div#PnBot div.rt
	{
        margin: 25px 5px 0 0;
        display: block;
        text-align: right;
        font-size: 11px;
	}

div#Body div#PnBot div.rt a:hover
	{
	text-decoration: underline;
	}
div#Body div#PnBot div.lists
{
    display: block;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
}
div#Body div#PnBot div.list
{
    float: left;
    margin-right: 46px;
    padding-left: 25px;
    width: 196px;
}
div#Body div#PnBot div.list label
{
    display: block;
    color: red;
    font-weight: bold;
}
div#Body div#PnBot div.list ul
{
    margin: 0;
    padding-top: 10px;
}

/**[/RULES]---------------------------*/



/**[RULES: pagination ]---------------*/

div.pagination
	{
	width: 100%;
	margin: 0px 0px 20px 0px;
	text-align: right;
	cursor: default;
	}

div.pagination a,
div.pagination a:visited,
div.pagination a:hover
	{
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	}

div.pagination a:hover
	{
	background-color: #cbe3f1;
	/*color: rgb(245, 130, 31);*/
	}

div.pagination a.first,
div.pagination a.first:visited,
div.pagination a.first:hover
	{
	}

div.pagination a.first:hover
	{
	}

div.pagination a.last,
div.pagination a.last:visited,
div.pagination a.last:hover
	{
	}

div.pagination a.last:hover
	{
	}

div.pagination a.prev,
div.pagination a.prev:visited,
div.pagination a.prev:hover
	{
	}

div.pagination a.prev:hover
	{
	}

div.pagination a.next,
div.pagination a.next:visited,
div.pagination a.next:hover
	{
	}

div.pagination a.next:hover
	{
	}

div.pagination a.number,
div.pagination a.number:visited,
div.pagination a.number:hover
	{
	margin: 0px 1px 0px 1px;
	}

div.pagination a.number:hover
	{
	}

div.pagination a.current,
div.pagination a.current:visited,
div.pagination a.current:hover
	{
	margin: 0px 1px 0px 1px;
	background-color: #cbe3f1;
	/*color: rgb(245, 130, 31);*/
	}

div.pagination a.current:hover
	{
	}

/**[/RULES]---------------------------*/
	
div#PnCounters
	{
	position: absolute;
	left: -1000px;
	top: -1000px;
	}
	
div#popup
	{
	width: 560px;
	height: 300px;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	margin: -250px auto 0px -280px;
	padding: 30px 50px;
	text-align: left;
	background: #ffffff;
	border: 5px solid #EBF4F9;
	display: none;
	z-index: 10001;
	}
		
	div#popup img.close
		{
		float: right;
		margin: -25px -45px 0px 0px;
		cursor: pointer;
		}
		
	div#popup span.close
		{
		width: 80px;
		height: 19px;
		padding-top: 2px;
		float: right;
		cursor: pointer;
		background: url(../img/but/but_bg_short.gif) left top no-repeat;
		color: #ffffff;
		font-size: 11px;
		text-align: center;
		}
	
div#popup-vual
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #1F5B95;
	display: none;
	z-index: 10000;
	opacity: 0.7;
	_filter: alpha(opacity=70);
	}

div#newsTopList
        {
        width: 980px;
        position: relative;
        left: -220px;
        margin-right: -770px;
	height: 160px;
        }
div#infoSlider
        {
        left: -220px;
        width: 980px;
        position: relative;
        margin: 0px -770px 0px 0px;
        padding: 0px;
        line-height: 0px;
        display: none;
        }
div#infoSlider ul
        {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
        height: 230px;
        }
div#infoSlider ul li
        {
        padding: 0;
        margin: 0;
        list-style: none;
        font-weight: bold;
        background: none;
        display: inline;
        }
div#infoSlider li.active a
        {
        width: 230px;
	background: url("../img/bg/button_bg_active.png") no-repeat scroll 0 0 transparent;
        z-index: 100;
        color: #da251d;
        }
div#infoSlider ul li a
    {
        width: 200px;
        height: 45px;
	background: url("../img/bg/button_bg.png") no-repeat scroll 0 0 transparent;
        display: block;
        position: relative;
        padding-top: 19px;
        color: #5c5c5c;
        text-align: left;
        *margin-top: -5px;
        padding-left: 30px;
    }
div#infoSlider li div.text
    {
    background: url("../img/bg/slider_bg.png") repeat-y scroll 0 0 transparent;
    height: 250px;
    overflow: hidden;
    text-align: left;
    }
div#infoSlider li div.text > div
	{
		height: 230px;
		overflow: hidden;
		padding-left: 42px;
	}
div#infoSlider li div.text > div > p
{
	padding-left: 0px;
}	
div#infoSlider li div.text ul 
{
    list-style: none outside none;
    margin: 0 0 10px 5px;
    padding: 0;
    position: relative;
    line-height: 14px;
}
div#infoSlider li div.text ul li
{
    background: url("../img/bul/oil_3.gif") no-repeat scroll 0 4px transparent;
    display: block;
    font-weight: normal;
    margin-bottom: 3px;
    margin-left: 33px;
    margin-top: 15px;
    padding: 0 0 0 15px;
}
div#infoSlider li div.top_bg
    {
	background: url("../img/bg/slider_bg_top.png") no-repeat scroll 0 0 transparent;
        display: none;
        top: -3px;
        left: 200px;
        position: absolute;
        padding-top: 5px;
        right: 20px;
        }
div#infoSlider li div.bot_bg
    {
	background: url("../img/bg/slider_bg_bot.png") no-repeat scroll left bottom transparent;
        height: 4px;
        display: block;
        margin: 0;
        padding: 0;
        line-height: 0;
        }
div#infoSlider li div h3
    {
	padding: 20px 0 15px 0px;
        font-size: 12px;
        color: #4f4f4f;
        margin: 0;
	}
div#infoSlider li div p
    {
        padding-left: 35px;
        padding-right: 35px;
        line-height: 15px;
        font-weight: normal;
        margin: 0;
        }
div#infoSlider li.active div
    {
        display: block;
        z-index: 3;
        }
div#infoSlider li.hover div.top_bg
        {
        display: block;
        z-index: 5;
        }