/*
  (c) Mediaweb Studio
*/

/* COMMON: SLIDER
------------------------------------ */
.slider-wrapper {
	width: 1200px;
	margin: 0 auto;
	height: 419px;
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
}
.slider-wrapper img,
.slider-wrapper a.sl {
	display: block;
	width: 1200px;
	height: 419px;
	margin: 0;
	padding: 0;
}
.bx-pager {
	position: absolute;
	padding-top: 5px;
	height: 25px;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.bx-pager-item {
	display: inline-block;
	margin: 0 3px;
}
.bx-pager-link {
	display: block;
	width: 15px;
	height: 0;
	padding-top: 15px;
	border-radius: 8px;
	overflow: hidden;
	background: #858585;
}
.bx-pager-link.active {
	background: #EF5A01;
}
.bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	font: bold 17px Arial, sans-serif;
	color: #fff;
	background: 000;
	background: rgba(0, 0, 0, 0.5);
}

/* COMMON: CONTACTS
------------------------------------ */
.contacts-ico {
	padding-left: 20px;
	padding: 0 0 2px 20px;
	margin-bottom: 10px;
	-webkit-print-color-adjust: exact;
}
.map-ico {
	background: url('../img/icons/contacts/ico-map.png') no-repeat;
}
.time-ico {
	background: url('../img/icons/contacts/ico-time.png') no-repeat;
}
.phone-ico {
	background: url('../img/icons/contacts/ico-phone.png') no-repeat;
}
.fax-ico {
	background: url('../img/icons/contacts/ico-fax.png') no-repeat;
}
.mail-ico {
	background: url('../img/icons/contacts/ico-mail.png') no-repeat;
}

/* orange */
.orange > .map-ico {
	background: url('../img/icons/contacts-orange/ico-map.png') no-repeat;
}
.orange > .time-ico {
	background: url('../img/icons/contacts-orange/ico-time.png') no-repeat;
}
.orange > .phone-ico {
	background: url('../img/icons/contacts-orange/ico-phone.png') no-repeat;
}
.orange > .fax-ico {
	background: url('../img/icons/contacts-orange/ico-fax.png') no-repeat;
}
.orange > .mail-ico {
	background: url('../img/icons/contacts-orange/ico-mail.png') no-repeat;
}

/* COMMON: SOCIAL LINKS
------------------------------------ */
.s-links {
	overflow: hidden;
}
.s-links a {
	width: 40px;
	height: 40px;
	background: url('../img/icons/sn.png') no-repeat;
	display: block;
	float: left;
	margin-left: 4px;
}
.s-links a.vk { background-position: 0px 0px; }
.s-links a.facebook { background-position: -45px 0px; }
.s-links a.google-plus { background-position: -90px 0px; }
.s-links a.twitter { background-position: -135px 0px; }
.s-links a.livejournal { background-position: -180px 0px; }


/* COMMON: FILES
------------------------------------ */
.main-files {
	margin: 40px 0;
	font: 12px/1.25 Tahoma, sans-serif;
}
.main-files .item {
	min-height: 27px;
	font-size: 12px;
	margin-bottom: 6px;
	overflow: hidden;
}
.main-files .info {
	padding: 6px 0 0 32px;
}
.main-files .item .ico {
	float: left;
	width: 27px;
	height: 32px;
	background-image: url("../img/icons/files.png");
	background-repeat: no-repeat;
}
.main-files  .ico-arc,
.main-files  .ico-zip,
.main-files  .ico-rar {
	background-position: 0 -33px;
}
.main-files .ico-mp3 {
	background-position: 0 -66px;
}
.main-files .ico-jpg , .main-files .ico-png {
	background-position: 0 -99px;
}
.main-files .ico-mkv {
	background-position: 0 -132px;
}
.main-files  .ico-txt {
	background-position: 0 -165px;
}
.main-files  .ico-doc, 
.main-files  .ico-docx {
	background-position: 0 -199px;
}
.main-files .ico-pdf {
	background-position: 0 -233px;
}
.main-files  .ico-pps {
	background-position: 0 -267px;
}
.main-files  .ico-ppt {
	background-position: 0 -301px;
}
.main-files  .ico-xls, 
.main-files  .ico-xlsx {
	background-position: 0 -335px;
}

/* COMMON: FORM
------------------------------------ */
/* general */
.main-form form {
	width: 460px;
	padding: 10px 0;
}
.main-form fieldset div.field {
	margin-bottom: 5px;
	overflow: hidden;
	width: 460px;
}
.main-form fieldset div.field label.left {
	display: block;
	float: left;
	overflow: hidden;
	width: 180px !important;
}
.main-form div.requiredField label.left:after {
	content: " *";
	color: #FF0000;
}
.main-form fieldset div.field .middleColumn {
	float: left;
	overflow: visible;
	width: 280px;
}
.main-form div.requiredField label.required {
	display: block;
	color: #FF0000;
	padding-top: 2px;
}
.main-form div.field  .message {
	color: #ff0000;
	margin-left: 180px;
}

/* fields */
.main-form .middleColumn input.text,
.main-form .middleColumn textarea,
.main-form .middleColumn select,
.form-view input.text,
.form-view textarea,
.form-view select {
	background: #fff;
	border: 1px solid #CF9A9E;
}
.main-form .middleColumn input.text,
.main-form .middleColumn textarea {
	padding: 2px 3px;
	font: 13px Tahoma, sans-serif;
	text-align: left;
	resize: none;
	width: 272px;
}
.main-form .middleColumn select{
	padding:1px;
	width: 280px;
}
.main-form p.checkbox {
	padding-left: 180px;
}

/* groups */
.main-form .middleColumn ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.main-form .middleColumn ul label {
	vertical-align: top;
}
.main-form .middleColumn ul input {
	vertical-align: bottom;
}

/* action */
.main-form input.action,
.form-view input.action,
#wrapper a.button-link {
	background: #D12F03;
	height: 36px;
	border: none;
	border-radius: 3px;
	padding: 0 14px 0 12px;
	cursor: pointer;
	font: 600 16px/36px 'Open Sans', sans-serif;
	color: #fff;
}
.main-form input.action:active,
.form-view input.action:active,
#wrapper a.button-link:active {
	padding: 0 13px 0 13px;
}
#wrapper .main-form div.Actions {
	padding: 10px 0 0;
	position: relative;
	text-align: right;
}
a.button-link {
	display: inline-block;
	text-decoration: none;
}

/* captcha */
.main-form .phpcaptcha img {
	float:left;
	margin:0 10px 0 0;
	border: 0 none;
}
.main-form .phpcaptcha input.text {
	position: relative;
	top: -5px;
	width: 172px;
}

/* COMMON: POPUP FORM
------------------------------------ */
.popup-bg {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(170, 170, 170, 0.4);
}
.popup-bg:before {
	content:'';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.popup-content,
.popup-thanks {
	display: inline-block;
	vertical-align: middle;
}
.popup-thanks {
	display: none;
}
.popup-content,
.popup-thanks {
	position: relative;
	background: #F3F3F3;
	border: 1px solid #424242;
	border-radius: 5px;
	text-align: left;
	padding: 18px 30px;
}
.popup-content {
	width: 480px;
}
.popup-content .close {
	position: absolute;
	right: 12px;
	top: 10px;
	color: #999;
	cursor: pointer;
}
.popup-content .close:hover {
	color: #000;
}
.popup-content h2.title {
	margin: 0 0 15px;
}

.popup-content .Actions {
	text-align: right;
	padding-top: 10px;
}

/* COMMON: GRID
------------------------------------ */
.grid {
	margin-right: -40px;
}
.grid > .element {
	display: inline-block !important;
	vertical-align: top !important;
	margin: 0 32px 5px 0 !important;
	width: 188px !important;
	font: 12px Tahoma, sans-serif !important;
}
.grid .image {
	display: block !important;
	border: 3px solid #fff !important;
	background-color: #fff;
	width: 182px !important;
	height: 182px !important;
	box-shadow: 2px 2px 2px -2px #000;
}
.grid .image img {
	display: block;
}
.grid p {
	display: block !important;
	text-align: center !important;
	padding: 13px 0 !important;
	margin: 0 !important;
}
.grid p.title {
	margin-top: 5px !important;
	font-weight: bold !important;
}
.grid form p.message {
	display: none !important;
}

/* PhotoGalleryPage page */
.PhotoGalleryPage .grid p {
	padding: 0 !important;
}

/* RUBRIC GRID
------------------------------------ */
.rub-grid {
	margin-right: -43px !important;
}
.rub-grid > .element {
	padding: 24px;
	margin-right: 43px !important;
}
.rub-grid > .element:hover {
	background: #F9F3F6;
	border-radius: 8px;
	box-shadow: 1px 1px 1px 0px #B3B3B3;
}

/* PRODUCTS GRID
------------------------------------ */
.prod-grid {
	margin-right: -43px !important;
}
.prod-grid > .element {
	margin-right: 43px !important;
	width: 202px !important;
	height: 250px !important;
	overflow: hidden;
}
.prod-grid > .element > .content {
	padding: 24px;
	height: 265px;
}
.prod-grid > .element p.title {
	padding-bottom: 0 !important;
}
.prod-grid > .element p.price {
	font: bold 14px Tahoma, sans-serif;
}
.prod-grid > .element p.price .old {
	text-decoration: line-through;
}
.prod-grid > .element p.price .discount {
	color: #f00;
}
.prod-grid > .element .order-button input.action {
	font-size: 13px;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.prod-grid > .element:hover {
	overflow: visible;
}
.prod-grid > .element:hover > .content {
	position: relative;
	z-index: 5000;
	background: #F9F3F6;
	border-radius: 8px;
	box-shadow: 1px 1px 1px 0px #B3B3B3;
}

/* CART
------------------------------------ */
.CartPage .center-col .delete {
	padding-left: 15px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAALVBMVEX/////AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAB3TJLLAAAADnRSTlMAFRgbtLe9xszP0tXY25+1L4QAAABESURBVHjaLcpbDgAhCEPRIuqoPPa/3GlQfjhJL8YU8GQOnDxC8UEjrTXLUEA9zdKp8hO4snmKoEuubOhFVb/R182+/gOIdwJ/xgVt5QAAAABJRU5ErkJggg==")
	left center no-repeat;
}

/* PRODUCT PAGE
------------------------------------ */
.product-wrapper .photos-box {
	width: 220px !important;
	float: left !important;
}
.product-wrapper .photos-box a,
.product-wrapper .photos-box > img {
	display: block;
	border: 1px solid #CDCDCD;
	margin: 0;
	padding: 0;
}
.product-wrapper .photos {
	margin: 0 -20px 0 0;
}
.product-wrapper .photos a {
	float: left !important;
	margin: 8px 20px 0 0;
}
.product-wrapper .photos img {
	display: block;
}
.product-wrapper .description {
	margin-left: 240px !important;
}
.product-wrapper .price-cont {
	background-color: #EEEEEE;
	display: inline-block;
	padding: 10px 20px;
	width: 380px;
	margin-bottom: 20px;
}
.product-wrapper .price-cont .old {
	text-decoration: line-through;
}
.product-wrapper .price-cont .discount {
	color: #f00;
}
.product-wrapper .price-cont .price {
	color: #000;

}
.product-wrapper .price-cont .price .value {
	font: bold 18px Verdana, sans-serif;
}

.product-wrapper .order-button {
	margin-top: 10px;
}
.product-wrapper .price-cont .AddProductNum {
	height: 33px;
	width: 42px;
	text-align: center;
	vertical-align: top;
	margin-right: 10px;
}
.product-wrapper .price-cont .AddProductAction {
	font-size: 15px;
	vertical-align: top;
}

/* NEWS AND ANNOUNCEMENT HOLDERS
------------------------------------ */
.NewsHolder-layout .item,
.AnnouncementHolder-layout .item {
	margin: 0 0 20px 0;
}
.NewsHolder-layout .item h2.title,
.AnnouncementHolder-layout .item h2.title {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: normal;
}
.NewsHolder-layout .item p.date,
.AnnouncementHolder-layout .item p.date{
	margin: 5px 0;
	font-size:11px;
}
.NewsHolder-layout .item .pict img,
.NewsEntry-layout .pict img,
.AnnouncementHolder-layout .item .pict img,
.Announcement-layout .pict img{
	float:left;
	margin: 0 15px 15px 0;
}

/* GUESTBOOK
------------------------------------ */
.Guestbook .user-reviews {
	list-style-type: none;
	padding: 0 20px;
}
.Guestbook .user-reviews .review {
	margin-bottom: 25px;
}
.Guestbook .user-reviews .date {
	font-size: 11px;
	margin: 0;
}
.Guestbook .user-reviews .title {
	font-size: 14px;
	font-weight: bold;
}
.Guestbook .user-reviews .button-link {
	margin-right: 15px;
}