* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 12px/18px Verdana, Geneva, sans-serif;
	width: 100%;
	height: 100%;
	background: url(img/bg_body.jpg);
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 1200px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.buy {cursor: pointer;}
#edu {
float: left;
display: block;
width: 116px;
height: 30px;
background: url(img/buy.jpg);
text-indent: -9000px;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 75px;
}

.logo {
	float: left;
	display: block;
	width: 432px;
	height: 31px;
	margin-top: 21px;
}

.contacts {
	float: right;
	width: 345px;
	background: url(img/contacts.jpg) top no-repeat;
	margin-top: 31px;
	margin-right: 20px;
	color: #de0053;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	padding-top: 17px;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 40px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
	background: #fff;
}
#content {
	padding: 0 0 0 270px;
}

.back {
	float: left;
	padding-left: 15px;
	background: url(img/back.jpg) left no-repeat;
	color: #c0bfc4;
	text-decoration: none;
	font-size: 13px;
	line-height: 14px;
	margin-top: 13px;
}

.back:hover {
	text-decoration: underline;
}

.cart {
	float: right;
	width: 480px;
	height: 33px;
	background: #e10055;
	line-height: 33px;	
}

.cart strong {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	margin-left: 17px;
	margin-right: 10px;
}

.cart span {
	float: left;
	color: #fff;
	margin-left: 11px;
	margin-right: 9px;
}

.cart a {
	float: left;
	margin: 0 10px 0 30px;
	color: #fff;
}

.main {
	float: left;
	width: 912px;
	margin-top: 20px;
}

.text {
	float: left;
	width: 98%;
}

.text h2 {
	float: left;
	width: 100%;
	font-size: 24px;
	line-height: 28px;
	color: #787878;
	margin-bottom: 20px;
}

.text h2 em, .text h2 span {
	color: #df156e;
}

.text p {
	color: #88858a;
}

.catalog {
	float: left;
	width: 912px;
	margin-bottom: 40px;
}

.good {
	float: left;
	width: 912px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 50px;
}

*+html .good {
	padding-bottom: 25px;
}

.snoska {
	float: left;
	width: 912px;
	color: #de0151;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 0;
}

.pic {
	float: left;
	width: 240px;
	text-align: center;
}

.info {
	float: left;
	width: 657px;
	margin-left: 15px;
}

.info_title {
	float: left;
	width: 657px;
	margin-bottom: 30px;
}

.info_title h3 {
	float: left;
	color: #777978;
	font-size: 18px;
}

.info_title h3 span {
	font-weight: normal;
	color: #de0151;
}

.info_title ul {
	float: left;
	list-style: none;
	overflow: hidden;
	font-size: 14px;
	margin-top: 2px;
}

.info_title ul li {
	float: left;
	margin-left: -1px;
	border-left: 1px solid #79797b;
	color: #79797b;
	padding: 0 7px;
}

.about {
	float: left;
	list-style: none;
	color: #787775;
	margin-bottom: 23px;
	width: 100%;
}

.about span {
	color: #de0151;
}

.about li {
	padding-left: 20px;
	background: url(img/about.jpg) left no-repeat;
	margin-bottom: 2px;
}

.info table {
	float: left;
	margin-bottom: 25px;
}

.info table th {
	text-align: left;
	color: #787775;
	padding-bottom: 15px;
}

.info table td {
	padding-right: 25px;
}

.mamory {
	float: left;
	color: #787775;
}

.mamory strong {
	color: #de0151;
	font-size: 14px;
}

.mamory input {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

*+html .mamory input {
	margin-top: 0;
}
	

.col {
	float: left;
	width: 88px;
	height: 26px;
	background: url(img/col.jpg);
	border: none;
	padding: 0 10px;
	color: #787775;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 3px;
}

*+html .col {
	line-height: 26px;
}

.buy {
	float: left;
	display: block;
	width: 116px;
	height: 30px;
	background: url(img/buy.jpg);
	text-indent: -9000px;
}

.copy {
	float: left;
	list-style: none;
	font-size: 10px;
	color: #c0bfc4;
	line-height: 12px;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-left: 10px;
	width: 100%;
}

.copy li {
	float: left;
	border-left: 1px solid #999;
	padding: 0 5px;
	margin-left: -1px;
}

.copy span {
	color: #d64cc5;
}

.copy a {
	color: #de0151;
}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 250px;
	margin-left: -100%;
	position: relative;
}

.left_block {
	float: left;
	width: 240px;
	margin-left: 10px;
	padding-bottom: 35px;
}

.left_block h3 {
	float: left;
	width: 240px;
	text-align: center;
	color: #787878;
	text-align: center;
	font-size: 12px;
}

.left_block h4 {
	float: left;
	width: 240px;
	background: #de0054;
	color: #fff;
	line-height: 14px;
	text-align: center;
	margin-bottom: 15px;
}

.left_block h5 {
	float: left;
	width: 240px;
	background: #c346ac;
	color: #fff;
	line-height: 14px;
	text-align: center;
	margin-bottom: 15px;
	font-size: 12px;
}

.left_img {
	float: left;
	width: 240px;
	text-align: center;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 1200px;
	margin: -40px auto 0;
	height: 40px;
	position: relative;
}

.count {
	float: right;
	list-style: none;
	margin-right: 7px;
	margin-top: 5px;
}

.count li {
	float: left;
	margin-left: 4px;
}

/* Select
-----------------------------------------------------------------------------*/
.lineForm {
	float: left;
	margin-top: 6px;
}

*+html .lineForm {
	margin-top: 2px;
}

.lineForm select {
	float: left;
	width: 224px;
}

.cusel, .cuselFrameRight {
	background: url(img/select.jpg) no-repeat;
}
.cusel {
	height: 24px;
	background-position: left top;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 10px;
	z-index: 1;
}
.cuselFrameRight {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	height: 100%;
	width: 20px;
	background-position: right top;
}

.cuselText {
	height: 18px;
	padding: 3px 0 0 13px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 1;
	font-size: 12px;
	color: #787775;
	position: absolute;
	top: 0;
	left: 0;
}

.cusel span {
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 2px 2px 2px 13px;
	zoom: 1;
	font-size: 12px;
	color: #787775;
}
.cusel span:hover, .cusel .cuselOptHover {
	background: #666;
	color: #fff;
}
.cusel .cuselActive {
	background: #999;
	color: #fff;
	cursor: default;
}

.cuselOpen {
	z-index: 999;
}

.cusel .cusel-scroll-wrap {
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	min-width: 100%;
	width: auto;
}
.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 5;
	border: 1px solid #bfbfbf;
}

/* popup
-----------------------------------------------------------------------------*/

.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(img/bg.png);
	z-index: 100;
}

.popup {
	position: absolute;
	background: #fff;
	width: 514px;
	padding: 20px 35px 30px 35px;
	z-index: 101;
}

.popup h3 {
	float: left;
	font-size: 18px;
	color: #777978;
	margin-bottom: 28px;
}

.close {
	float: right;
	display: block;
	width: 12px;
	height: 11px;
	background: url(img/close.png);
}

.list {
	float: left;
	color: #787775;
	margin-bottom: 50px;
	width: 100%;
}

.list td {
	text-align: left;
	padding-bottom: 2px;
}

.list td strong, #dost b {
	color: #df0053;
	font-size: 14px;
}

.data {
	float: left;
	color: #787775;
	margin-bottom: 25px;
	width: 100%;
}

.data td {
	padding-bottom: 13px;
}

.inp {
	float: left;
	width: 151px;
	padding: 0 10px;
	height: 24px;
	background: url(img/inp.png);
	color: #999;
	font-family: Verdana, Geneva, sans-serif;
	border: none;
}

*+html .inp {
	line-height: 24px;
}

.ch {
	float: left;
}

.ch input {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}

*+html .ch input {
	margin-top: 0;
}

.pa1 {
	float: left;
	display: block;
	width: 132px;
	height: 30px;
	background: url(img/pa1.png);
	text-indent: -9000px;
	margin-right: 20px;
}

.pa2 {
	float: left;
	display: block;
	width: 132px;
	height: 30px;
	background: url(img/pa2.png);
	text-indent: -9000px;
}