@charset "windows-1251";
/* Theme Name: AreaInfo */
/* Description: Makeup by AreaInfo */
/* Author: Sanyok  UIN: 4861565 */
/* Author URI: http://www.areainfo.ru */

body {margin:0px auto; padding:0px; font:12px/17px Arial, Helvetica, sans-serif; background: url('../image/body-top-bg.png'); color:#343434;}

.last_price{
    text-decoration: line-through;
    color: #9e9e9e;
    font-size: 14px;
}
a {text-decoration:underline; cursor:pointer; color:#343434; }
a:hover {text-decoration:none;}
.hover a:hover, .cat a:hover {color:#dd1219;}

a img {border: none;}
img {border:0;}
p {margin:0 0 8px 0;}
h1, h2, h3, h4 {margin:0 0 10px 0; font-weight:normal; display:block;}
h1 {font-size:22px; line-height:22px;}
h2 {font-size:20px; line-height:20px;}
h3 {font-size:18px; font-weight:bold; line-height:23px;}
h4 {font-size:14px; margin-bottom:10px; font-weight:bold;}
ul {margin:5px 0px 15px; padding-left: 10px;}
ul li {margin: 0px; list-style: none; background: url('../image/bullet_2.gif') 0 5px no-repeat; padding:0 0 3px 12px;}
ol {margin: 5px 0px 15px; padding-left: 30px; list-style-type:decimal;}
ol li {margin: 0px; padding-bottom:3px;}
small {font-size:10px;}
hr {color:#DDDDDD; background-color: #DDDDDD; height: 1px; border-width: 0px;}
i, .i {font-style:italic;}
.b, strong, b {font-weight:bold;}
em, .red, .error {color:#F00;}

.f-left {float:left;}
.f-right {float:right;}
img.f-left {margin:2px 6px 6px 0px; float:left;}
img.f-right {margin:2px 0 6px 6px; float:right;}
.a-center {text-align:center;}
.a-justify {text-align: justify;}

.clr {display:inline-block; clear: both; height: 0;}

.wrapper {width:980px; margin:0 auto; padding:0 5px;}

.top_err {width: 100%; height: 40px; line-height: 40px; color: #C00; background: #CCC; border: #F00 solid 1px; vertical-align: middle; font-size: 14px; padding:0 20px;}

.header {
	background: url('../image/shapka.png');
	width: 980px;
	position: relative;
	height: 280px;
	margin: 0 auto;
	text-decoration: none;
	display: block;
	line-height: 0;
	color: #ffffff;
	font-size: 24px;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.header a {
	color: #ffffff;
	font-size: 24px;
	position: absolute;
	text-decoration: none;
	font-family: Tahoma, Verdana, Segoe, sans-serif;

}

.header a.logo {

}

.header .title {
	bottom: 20px;
	right: 27px;
	position: absolute;
	font-size: 23px;
}

.header a.phone {
	top: 25px;
	right: 0px;
}

.header a.email {
	top: 55px;
	right: 0px;
	font-size: 19px;
}

.div2 {position:absolute; right:0; top:22px; width:200px; padding:10px 0px 10px 46px; border-top:1px solid #c6c6c6; border-bottom:1px solid #f2f2f2; border-left:1px solid #d0d0d0; background:#e2e2e2 url('../image/cart-black.png') no-repeat 8px 15px;}
.div2 label	{font-weight:bold; display:block;margin:0px; text-transform:uppercase;}
.div2 b {font-size:16px;}
.div2 a {text-decoration:none; color:#dd1219;}
.div2 a:hover {color:#000;}


.menuTop {height:42px; padding:0 6px; background:url('../image/menu-top-bg-black.png') no-repeat;}
.menuTop ul {margin:0; padding:0;}
.menuTop li {margin:0; padding:0; float:left; background:url('../image/menu-top-arw-black.png') no-repeat right; padding-right:2px}
.menuTop ul a {color:#FFF!important; float:left; padding:11px 15px; display:inline-block; text-decoration:none!important; text-transform:uppercase; outline:none; font:bold 13px/20px Arial;}
.menuTop ul a:hover {background-color:#5f5f5f;}

#search {
	float: right;
	margin-top: 7px;
	border: 1px solid #5d5d5d;
	background: #ffffff;
	border-radius: 20px;
	width: 280px;
	height: 25px;
}

.search {
	width: 250px;
	font-size: 13px;
	float: right;
	padding: 1px 1px 4px;
	margin: 3px 5px 0 0;
	border: none;
	background: none;
	color: #5a5a5a
}

.go {
	cursor: pointer;
	float: left;
	border: none;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: none;
}

.div6 {width:99%; margin:0 auto;  margin-bottom: 10px;}
.div6 .left {background: url('../image/header_2_left.png') no-repeat; width: 5px; height: 32px; float: left;}
.div6 .right {background: url('../image/header_2_right.png') no-repeat; width: 5px; height: 32px; float: right;}
.div6 .center {background: url('../image/header_2_center.png') repeat-x; height: 32px; margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px;}
.div7 {float: right; padding-top: 2px;}
.breadcrumb {float: left; padding-top: 7px; padding-bottom: 11px; height: 13px;}
.currencies	 {margin:0 7px 0 50px; width:153px;}
.currencies	label {font-weight:normal; padding-top:4px;}
.currencies	select {width:84px; height:21px; border:1px solid #d0d0ce;background:#fff;padding:1px; color:#464545; font-size:.9em; margin-top:3px;}

.sidebar {width:180px;}
.sl {float:left;}
.sr {float:right;}
.content {float:left; width:600px;}

.box {margin-bottom: 10px; background: url('../image/box_top.png') no-repeat;}
.box .top {padding: 7px 0px 6px 7px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; line-height:18px;color: #E5DDB6;}
.box .top img {float: left; margin-right: 5px;}
.box .middle {border-left: 1px solid #D3CE89; border-right: 1px solid #D3CE89; border-top: 1px solid #D3CE89; background: #FFFAB8; padding:10px 10px 5px 10px;}
.box .bottom {height: 30px; background: url('../image/box_bottom1.png') no-repeat;}
.box ul {margin:0; padding:0;}

.cat li {border-bottom:1px dashed #DDD; padding:3px 0 3px 10px; background:url('../image/bullet_1.gif') no-repeat 0 10px;}
.cat li li {border:0; padding-bottom:0;}
.cat li a {display:block; text-decoration:none;}
.cat li a.selected {font-weight: bold;}
/*.breadcrumb a, .black a, .black, .cat li a {color:#343434;}*/

#content {float:left; margin-left:10px; width:600px;}

/*#content .top .left {background: url('../image/content_top_left.png') no-repeat; width: 10px; height: 31px; float: left;}
#content .top .right {background: url('../image/content_top_right.png') no-repeat; width: 10px; height: 31px; float: right;}*/
#content .top .center {
	background-color: #494949;
	border-radius: 8px 8px 0px 0px;
}

#content .top h1, .heading {padding: 7px 0px 6px 7px;color: #E5DDB6;}
#content h1, .heading {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 0px; line-height:18px;}
#content .middle {overflow: hidden; border-left: 1px solid #D3CE89; border-right: 1px solid #D3CE89; border-top: 1px solid #D3CE89; background: #FFF; padding: 10px 10px 1px 10px; min-height: 30px;}
#content .bottom .left {background: url('../image/content_bottom_left.png') no-repeat; width: 30px; height: 30px; float: left;}
#content .bottom .right { background: url('../image/content_bottom_right.png') no-repeat; width:30px; height:30px; float:right;}
#content .bottom .center {background: url('../image/content_bottom_center.png') repeat-x; height: 30px; margin: 0 30px 10px 30px;}

.border {background: #F7F7F7; border:1px solid #DDD; padding:10px; margin-top:3px; margin-bottom:10px;}

.speclist {margin-bottom: 10px; width: 100%;}
.speclist td {text-align: center; vertical-align: top; padding-bottom: 10px;}
.speclist img {width:120px; height:120px;}

.pricelest {width:100%;}
.pricelest td {vertical-align: top; padding:3px;}
.price {padding-left:10px;}

.list_price {color: #900; text-decoration: line-through;}
.pprice {color: #F00; font-size: 14px; font-weight: bold;}
.you_save {color: #900; font-weight: bold;}
.you_save_price {color: #900; font-size: 14px;}


.jCarouselLite li {background:none; margin:0; padding:0;}

.pollblockroll {font-size:11px; margin:0; padding:0;}
//voite
.graph {position:relative; width:169px;}
.bar-container {float:left; height:10px; margin:0 0 15px; position:relative; width:80%;}
.bar-container div {background-color:#CC4400; height:15px; text-align: left;}
.bar-title {float:left; font-weight:bold; margin-right:5px; position:relative; text-align:right; width:60px;}
.bar-container strong {overflow:hidden; position:absolute; right:-32px; top:0;}

/*== Forms ==*/
.wufoo {}
form ul{margin:0 0 10px; padding:0; display:inline-block; list-style-type:none; width:100%;}
form li {margin:0; padding:4px 5px 2px 9px; position:relative; clear:both; background:none;}
form li:after, .buttons:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height:1%;}
form li, .buttons{display: block;}
* html form li div{display:inline-block;}
form li div, form li span{margin:0 4px 0 0; padding:0 0 8px 0; color:#444;}
form li div label, form li span label{margin:0; padding-top:3px; clear:both; font-size:11px; line-height:9px; color:#444; display:block;}
form li span{float:left;}
form li div.left{display:inline; float:left; width:47%;}
form li div.right{display:inline; float:right; width:47%;}
form li div.ok{display:inline; float:left; width:10%;}
form .req{float:none; color:red !important; margin:0;}
form li.focused{background-color:#EEE;}
form .instruct{position:absolute; z-index:1000; width:40%; margin:0 0 0 8px; padding:8px 10px 9px 10px; border:1px solid #e6e6e6; background:#f5f5f5; line-height:130%; font-size:80%; color:#444; visibility:hidden;}
.i50 {top:6%; left:52%;}
form .instruct small{font-size:105%;}
form li.focused .instruct, form li:hover .instruct{visibility:visible;}
input.medium, select.medium{width:50%;}
input.large, select.large, textarea.textarea{width:96%;}
textarea.small{height:5.5em;}
textarea.medium{height:10em;}
textarea.large{height:20em;}
select {cursor:pointer;}
label.desc{line-height:150%; font-weight:bold; padding:0 0 1px 0; border:none; display:block;}
input.text, input.file, textarea.textarea, select.select{margin:0; color:#333; padding:2px;}
input.text, textarea.textarea, .firefox select.select{border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url('../image/fieldbg.gif') repeat-x top;}
.btTxt {cursor:pointer;}
.info {clear:both; border-bottom:1px dotted #ccc; margin:0 0 10px 0; font-size:160%;}
.uid {text-align:center; font-size:17px!important;}

.contentShade {
	background: url('../image/slide.png') no-repeat;
	width: 600px;
	display: block;
	height: 285px;
	margin: 0 auto;
	margin-bottom:10px;
}
.slide {
	margin: 0 auto;
	text-align:center;
	padding:4px 0;
	width: 515px;
}

.slide img {
	margin-top: 22px;
	height: 170px;
	width: 515px;
}

.prod-bref {width:100%; text-align:left;}
.prod-bref td {}
.title {font-size:14px; padding-bottom:4px;}
.title a {text-decoration:none; border-bottom:1px dashed;}
.title a:hover {color:#F00;}

.tabs {display: block; width: 100%;  height: 31px;}
.tabs a {float: left; display: block; padding: 6px 15px 7px 15px; margin-right: 2px; border: 1px solid #DDD; background: #FFFFFF url('../image/tab00000.png') repeat-x; color: #000; font-weight: bold; font-size: 13px; text-decoration: none; z-index: 1; position: relative; top: 1px;}
.tabs a.selected {background: #FFF url('../image/tab00000.png') repeat-x; border-bottom: 0px; padding-bottom: 8px; z-index: 3;}
.page {border: 1px solid #DDD; background: #FFF; display: inline-block; padding: 10px; display: block; width: auto; z-index: 2; margin-bottom: 10px;}
.sort {margin-bottom: 10px; background: #F8F8F8; height: 30px; width: 100%;}
.sort .div1 {float: right; margin-left: 5px; padding-top: 6px; padding-right: 9px;}
.sort .div2 {text-align: right; padding-top: 9px;}
.sort select {font-size: 11px; margin: 0; padding: 0;}
.cart {border-collapse: collapse; margin-bottom: 10px; width: 100%; border: 1px solid #EEE;}
.cart th {background: #EEE; padding: 5px; font-weight: bold;}
.cart td {padding: 0px; vertical-align:middle;}
.cart tr.even td {background: #EEE; padding: 5px; font-weight: normal;}
.cart tr.line:hover {background: #EEE;}

a.button {background: transparent url('../image/button_r.png') no-repeat scroll top right; color: #FFFFFF; display: inline-block; font: normal 12px arial, sans-serif; height: 29px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}

span.button {
	background: transparent url('../image/button_r.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 29px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	cursor: pointer;
}

span.button span {
	background: transparent url('../image/button_l.png') no-repeat;
	display: inline-block;
	padding: 7px 0 7px 18px;
}

a.button span {background: transparent url('../image/button_l.png') no-repeat; display: inline-block; padding: 7px 0 7px 18px;}
.buttons {background: #F8F8F8; border: 1px solid #DDDDDD; margin-bottom: 10px; padding: 5px;}
.buttons input {padding: 0px; margin: 0px;}
.buttons table {width: 100%; border-collapse: collapse;}
.buttons table td {vertical-align: middle;}

#footer {
	background-color: rgba(0, 0, 0, 0.4);
	width: 750px;

	margin: 0 auto;
	color: #858585;
	clear: both;
	padding-top: 120px;
	position: relative;
}


.f_r {
	background: url('../image/bg_footer_right.png') no-repeat;
	float: right;
	width: 240px;
	height: 260px;
	margin-top: -260px;
}

.f_l {
	background: url('../image/bg_footer_left.png') no-repeat;
	float: left;
	width: 480px;
	height: 260px;
	margin-top: -260px;
}

.foot2 span {
	margin-top: 35px;
	color: #fff;
}







fieldset
{
    display:block;
    padding:15px;
    margin:20px auto;
    border:2px solid #999
}

legend { font-weight:700 }


/**
 * Example select element CSS.
**/
#fixed-select-css,
#unfixed-select-css { width:200px }

#select-styleable
{
    width:300px;
    padding:5px;
    margin:5px;
    border:5px solid #c00
}



/**
 * Overlay CSS.
**/
.select-overlay { background:#fff }

.select-overlay span
{
    display:block;
    float:left;
    clear:both;
    background:transparent url(../image/bg-ie-select-width.png) no-repeat 0 0
}


/* Overlay CSS for Internet Explorer 6 and 7 */
.ie6 .select-overlay span,
.ie7 .select-overlay span
{
    width:18px;
    height:22px;
    background-position:0 -20px
}

.ie6 .select-overlay-hover span,
.ie7 .select-overlay-hover span { background-position:-18px -20px }

.ie6 .select-overlay-active span,
.ie7 .select-overlay-active span { background-position:-18px -20px }


/* Overlay CSS for Internet Explorer 8 with no borders or padding */
.ie8 .select-overlay span
{
    width:18px;
    height:20px;
    background-position:0 0
}

.ie8 .select-overlay-hover span { background-position:-18px 0 }

.ie8 .select-overlay-active span { background-position:-18px 0 }


/* Overlay CSS for Internet Explorer 8 with borders and padding */
#select-styleable-container.ie8 .select-overlay span
{
    width:17px;
    height:20px;
    background-position:-36px 0
}

#select-styleable-container.ie8 .select-overlay-hover span { background-position:-53px 0 }

#select-styleable-container.ie8 .select-overlay-active span { background-position:-53px 0 }



.err404-content-title-top {
	color: #fb3f4c;
	font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
	font-size: 90.0833px;
	line-height: 95px;
	font-weight: 100;
	margin-bottom: 0.38095em;
}

.err404-content-title-text{
	  font-size: 25px;
	  line-height: 27px;
}

.err404-content-caption {
	margin: 2em 0;
}

.nav_pagination{
	text-align: right;
	font-weight: bold;
}

.soc{
	padding-right: 2px;
}

#footer {
	padding-top: 10px;
	padding-bottom: 5px;
	height: auto;
	padding-right: 10px;

}

#footer:after {
	clear: both;
	display: block;
	content: "";
}

#footer a{
	color: #fff;
}

#footer .email {
	text-decoration: none;
}

#footer .right {
	line-height: 1.4;
}

#footer .right span {
	font-size: 18px;
}

#footer, #footer a {
	color: #ffffff;
}

#footer ul {
	margin-bottom: 0;
}

#footer li {
	list-style: none;
	background: none;
}

#footer .foot2 {
	text-align: center;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}