html, body {margin: 0; padding: 0; height: 100%}
body{
  margin:0; padding:0; min-height: 400px;
  font-family: Arial, verdana, Tahoma, Arial, sans-serif; 
  font-size: 62.5%;
  line-height: 1.4em;
  background: #fff url(/images/body-bg.png) 0 0 repeat-x;
  min-height: 100%;
}

.clear {clear: both; height: 0px; overflow: hidden}
.no_display {display: none}
a img {border: none}
a {color: #ea0e88; }
textarea {font-family: verdana, Tahoma, Arial, sans-serif;}
form {margin: 0; padding: 0}

/******* layout *******/

#header-wrapper {
	height: 255px; margin: 0; padding: 0; background: url(/images/header-bg-3.jpg) center top no-repeat;
}
#header {
	width: 933px; margin: 0 auto; padding: 112px 0 0 0; height: 255px; position: relative;
}

#maincontainer{
  width: 933px; /*Width of main container*/
  min-height: 100%;
  margin: 0 auto; position: relative;
  padding: 0 0 0px 0;
  background: transparent;
}


#columnswrapper {width: 100%; min-height: 250px; font-size: 1.1em}

#leftcolumn {
width: 185px; margin: 0 2px 0 0; float: left; 
}

#contentcolumn {
	width: 559px; float: left;
  background: transparent;
}

#rightcolumn {
	width: 185px; margin: 0 0 0 2px; float: left;
  background: transparent;
}

#bottom {margin: 35px 6px 0 5px; text-align: right}

/******* top *******/

#menu {
	height: 142px; margin: 0 0 0 0px; padding: 0; 
}
#menu ul{
	list-style: none; margin: 0; padding: 0; 
}
#menu ul li {
	float: left; width: 185px; margin: 0 0 0 2px;
}
#menu ul li.first {
	margin: 0 0 0 0;
}
#menu ul li a {
	display: block; width: 185px; height: 62px; text-align: center; position: relative;
	padding: 80px 0 0 0; line-height: 35px; color: white; font-size: 17px; text-decoration: none;
	background: transparent url(/images/mainmenu-li-bg.gif) 0 80px repeat-x;
}
#menu ul li.current a, #menu ul li a:hover {
	background: transparent url(/images/mainmenu-li-bg.gif) 0 -120px repeat-x;
}
#menu ul li a span {
	display: none; position: absolute; width: 185px; height: 76px; left: 0; top: 0;
	background: transparent url(/images/mainmenu-icon-home.png) center bottom no-repeat;
}
#menu ul li a:hover span, #menu ul li a.current span {
	display: block; 
}
#menu ul li a#mainmenu_catalog span {
	background: transparent url(/images/mainmenu-icon-catalog.png) center bottom no-repeat;
}
#menu ul li a#mainmenu_delivery span {
	background: transparent url(/images/mainmenu-icon-delivery.png) center bottom no-repeat;
}
#menu ul li a#mainmenu_articles span {
	background: transparent url(/images/mainmenu-icon-articles.png) center bottom no-repeat;
}
#menu ul li a#mainmenu_basket span {
	background: none;
}
#menu ul li a#mainmenu_basket:hover span {
	background: none;
}
#menu ul li a#mainmenu_contacts span {
	background: transparent url(/images/mainmenu-icon-contacts.png) center bottom no-repeat;
}
#menu.basket_empty ul li a#mainmenu_basket span, #menu.basket_empty ul li a#mainmenu_basket:hover span {
	background: transparent url(/images/mainmenu-icon-basket.png) center bottom no-repeat;
}

#basket_top {position: absolute; width: 105px; height: 30px; left: 600px; top: 160px; padding: 0 0 0 40px;
	background: url(/images/basket-icon.png) 0 0 no-repeat;
}

#search {position: absolute; left: 756px; top: 61px; width: 153px; height: 32px; 
	background: url(/images/search-bg.png) 0 0 no-repeat;
}
#search input {width: 95px; height: 12px; margin: 11px 0 0 37px; font-size: 11px; line-height: 12px; border: none;
}

/******** left column ********/
#leftcolumn {color: #158ddb; font-size: 1em}
#leftcolumn h2 {font-weight: normal; font-size: 1.3em; color: #fff; margin: 0 0 10px 0; padding: 0 11px;
	background: url(/images/leftcolumn-h2-bg.gif) 0 0px repeat-x; line-height: 29px;
}
#leftcolumn h3 {font-weight: normal; font-size: 1.3em; color: #fff; margin: 0 0 10px 0; padding: 0 11px;
	background: url(/images/leftcolumn-h3-bg.gif) 0 0px repeat-x; line-height: 29px;
}
#leftcolumn p {font-size: 1.1em; line-height: 1.3em}
#leftcolumn ul {list-style: none; margin: 0 0 18px 0; padding: 0}
#leftcolumn ul li {margin: 0 0 0px 0px; padding: 0; font-size: 1.2em}
#leftcolumn ul li.current {background: url(/images/leftcolumn-li-bg.gif) 0 0 no-repeat}
#leftcolumn ul li a {display: block; padding: 2px 0 3px 14px; color: #231f20; text-decoration: none; font-family: Georgia, Times New Roman, serif; font-style: italic; font-size: 14px}
#leftcolumn ul li a:hover {color: #1c8dd7; font-weight: normal}
#leftcolumn ul li.current a {background: #1c8dd7; color: white}
#leftcolumn ul#catalog_sections_menu li a:hover {color: #ea0f89; }
#leftcolumn ul#catalog_sections_menu li.current a {background: #ea0f89; color: white}



/******** content column ********/
#contentcolumn h1 {font-size: 2em; line-height: 1em; color: black; font-weight: normal; margin: 3px 0 1em 0}
#contentcolumn p {font-size: 1.3em; line-height: 1.3em; color: black; font-weight: normal; margin: 0 0 1em 0}
.layout_home #contentcolumn p {padding-right: 1.5em}


/******** right column ********/
#rightcolumn {color: #158ddb; font-size: 1em}
#rightcolumn h3 {font-weight: normal; font-size: 2em; line-height: 1em; color: #158ddb; margin: 3px 0 1em 0}
#rightcolumn p {font-size: 1.1em; line-height: 1.3em}

/******** pages layouts ********/
.layout_home {
	margin: 30px 0 0 0;
}
.layout_articles {
	margin: 0px 0 -17px 0; min-height: 650px !important;
	background: transparent url(/images/articles-bg.png) 0 bottom no-repeat;
}
.layout_articles #contentcolumn {
	width: 746px;
}
.layout_catalog {
	margin: 5px 0 0 0;
}
.layout_catalog #contentcolumn {
	width: 746px;
}
.layout_basket {
	margin: 0px 0 0 0; min-height: 450px !important;
	background: transparent url(/images/basket-view-bg.jpg) 0 bottom no-repeat;
}
.layout_basket #contentcolumn {
	width: 746px;
}
.layout_basket_order {
	margin: 0px 0 0 0; min-height: 400px !important; padding: 0 0 150px 0;
	background: transparent url(/images/basket-order-bg.jpg) 0 bottom no-repeat;
}
.layout_basket_order #contentcolumn {
	width: 740px; padding: 0 0 0 6px;
}

.layout_home #contentcolumn h1 { height: 85px; line-height: 68px; padding: 0px 0 0 124px; background: transparent url(/images/home-bg.gif) -24px -46px no-repeat;}
.layout_home #content { margin: 0 30px 0 93px; }
.layout_home .block { padding: 0 0px 0 93px; }
	

.layout_partners { margin: 6px 0 -10px 0; padding: 0 0 100px 0; background: transparent url(/images/partners-bg.png) right bottom no-repeat; }
.layout_partners #leftcolumn { min-height: 200px; }
.layout_partners #contentcolumn { width: 664px; float: left; }
.layout_partners #contentcolumn h1 { height: 75px; line-height: 68px; padding: 0px 0 0 190px; background: transparent url(/images/layout-partners-bg.png) 93px top no-repeat;}
.layout_partners #content { margin: 0 30px 0 93px; }
.layout_partners #rightcolumn { display: none; margin-top: 13px; }

.layout_how-to-buy { margin: 6px 0 0 0; padding: 0 0 20px 0; }
.layout_how-to-buy #leftcolumn { min-height: 200px; }
.layout_how-to-buy #contentcolumn { width: 664px; float: left; }
.layout_how-to-buy #contentcolumn h1 {height: 75px; line-height: 68px; padding: 0px 0 0 190px; background: transparent url(/images/layout-howto-bg.png) 93px top no-repeat;}
.layout_how-to-buy #content { margin: 0 30px 0 93px; }
.layout_how-to-buy #rightcolumn { display: none; margin-top: 13px; }

.layout_delivery { margin: 6px 0 -10px 0; padding: 0 0 100px 0; background: transparent url(/images/delivery-bg.png) right bottom no-repeat; }
.layout_delivery #leftcolumn { min-height: 200px; }
.layout_delivery #contentcolumn { width: 664px; float: left; }
.layout_delivery #contentcolumn h1 { height: 75px; line-height: 68px; padding: 0px 0 0 190px; background: transparent url(/images/layout-delivery-bg.png) 93px top no-repeat;}
.layout_delivery #content { margin: 0 30px 0 93px; }
.layout_delivery #rightcolumn { display: none; margin-top: 13px; }

.layout_contacts {
	margin: 6px 0 0 0; min-height: 430px !important;
	background: transparent url(/images/layout-contacts-bg.jpg) 267px bottom no-repeat;
}
.layout_contacts #leftcolumn {padding: 29px 0 0 0 }
.layout_contacts #rightcolumn {display: none}
.layout_contacts #contentcolumn { width: 746px; }

.layout_search { margin: 20px 0 0 0; padding: 0 0 120px 0; background: none; }
.layout_search #leftcolumn { width: 80px; min-height: 200px; background: transparent url(/images/search-zoom.gif) 0 top no-repeat; }
.layout_search #contentcolumn { width: 664px; float: left; }
.layout_search #contentcolumn h1 { padding: 24px 0 0 10px; }
.layout_search #content { margin: 0 30px 0 104px; }
.layout_search #items-list { margin: 0 0px 0 104px; }
.layout_search #rightcolumn { display: none; margin-top: 13px; }
.layout_search #items-list .item {width: 420px; height: 87px}
.layout_search #items-list .item .details {width: 421px; height: 87px; float: left; font-size: 1em}


/******** bottom ********/
#bottom img {border-top: 1px solid #e4e4e5; border-bottom: 1px solid white;}
#bottom a:hover img {border-color: #ea0e88}

#footer {color: #d1d3d4; margin: 6px auto 1em auto; text-align: left; 
	padding: 0 15px 0 279px; line-height: 30px; font-size: 1.2em}
#footer a {color: #d1d3d4; }

/******** misc ********/

#articles-list {margin: 0 0 0 17px; padding: 0 0 0px 0}
#articles-list .item {padding: 0 0 14px 0; border-bottom: 1px solid #e4e4e5; margin: 0 0 9px 0}
#articles-list h3 {font-weight: normal; font-size: 2em; color: black; margin: 3px 0 10px 0}
#articles-list .image {float: left; width: 200px; margin: 0 27px 0 0 }
#articles-list .brief {margin: 0 0 0 17px }

.pager {margin: 35px 0 0 0; height: 40px; text-align: center; color: #158ddb; font-size: 2.5em}
.pager a {font-size: 0.6em; line-height: 1em; font-weight: bold; color: black; text-decoration: none}
.pager a.current {font-size: 1em; font-weight: bold; color: #1c8dd7; text-decoration: none}

.float-left {float: left; margin: 0 8px 4px 0}

.text {padding: 0 0 95px 17px}


/******** catalog ********/
#items-list {margin: 0 0 0 2px}
#items-list .item {width: 370px; height: 147px; float: left; border-right: 1px solid silver}
#items-list .even {border: none}
#items-list .item .image {width: 198px; height: 127px; float: left; position: relative}
#items-list .item .image span {position: absolute; width: 19px; height: 18px; bottom: 5px; right: 5px;
	background: transparent url(/images/zoom.gif) 0 0px no-repeat; cursor: pointer;
}
#items-list .item .details {width: 171px; height: 127px; float: left; font-size: 1em}
#items-list .item .details p {font-size: 1.1em}
#items-list .item .details h4 {font-size: 1.1em; margin: 0}
#items-list .item .details label {width: 81px; float: left; clear: left; }
#items-list .item .details label .price {font-size: 1.3em; font-weight: bold}
#items-list .item .details label .price_promo {font-size: 1.4em; font-weight: bold; color: #ea0f89}
#items-list .item .details input {
	width: 56px; height: 19px; float: left; font-size: 10px; color: #000; text-align: center; line-height: 19px;
	background: transparent url(/images/qty-bg.gif) 0 0px no-repeat; padding: 0; 
}
#items-list .item .details input.qty {border: none; }
#items-list .item .details input.add_basket_submit {
	border: none; cursor: pointer;
	background: transparent url(/images/buy-bg.gif) 0 0px no-repeat; padding: 0; text-indent: -1000em;
}
#items-list .item .details input.add_basket_submit:hover, .add_basket_submit_hover {
	background: transparent url(/images/buy-bg.gif) 0 -200px no-repeat; 
}
#items-list hr {height: 3px; border: none; border-bottom: 1px solid #e4e4e5; clear: both; margin: 0 0 3px 0}



#basket_items_list {margin: 0 0 0 14px; color: #939598; padding: 0 0 0px 0}
#basket_items_list table {width: 100%; margin: 0 0 15px 0; border-collapse: collapse}
#basket_items_list table td {height: 45px; vertical-align: middle; border-bottom: 1px solid #e4e4e5; font-size: 1.2em}
#basket_items_list table th {height: 45px; vertical-align: middle; border-bottom: 1px solid #e4e4e5; font-size: 1.2em;
	text-align: left; color: #939598; font-weight: normal}
#basket_items_list table td.title a {font-weight: bold}
#basket_items_list table td.title a:hover {text-decoration: none; }

#basket_items_list table td input.qty {width: 74px; height: 22px; vertical-align: middle; 
	border: none; color: #939598; text-align: center; line-height: 20px;
	background: transparent url(/images/basket-view-qty-bg.png) 0 0px no-repeat; 
}
#basket_items_list table td a.remove_from_basket_submit {display: block; width: 18px; height: 18px; vertical-align: middle; 
	border: none; color: #939598; text-align: center; cursor: pointer;
	background: transparent url(/images/delete.png) 0 0px no-repeat; 
}
#basket_items_list table td a.remove_from_basket_submit:hover {
	background-position: 0 1px; 
}

#contunue_shopping {width: 180px; float: left}
#contunue_shopping a {display: block; width: 180px; height: 29px; 
	background: transparent url(/images/continue-shopping.png) 0 0px no-repeat; 
}
#delivery {float: right; width: 300px; text-align: right; margin: 7px 33px 7px 0}
#total {clear: right; float: right; width: 175px; text-align: right; 
	margin: 11px 0 17px 0; padding: 0 31px 22px 0; border-bottom: 1px solid #e4e4e5}
input.recalc {clear: right; float: right; width: 159px; height: 45px; font-size: 1.1em; 
	text-align: left; margin: 0 0px 17px 0; border: none; border-bottom: 1px solid #e4e4e5;
	padding: 0 0 9px 58px; color: white; cursor: pointer;
	background: transparent url(/images/basket-view-recalc-bg.png) 0 0px no-repeat; 
}
input#basket_view_recalc.enabled {
	background: transparent url(/images/basket-view-recalc-bg.png) 0 -100px no-repeat; 
}
input.basket_order {clear: right; float: right; width: 119px; height: 22px; color: #a5a5a5; text-align: center;
	text-align: center; margin: 0 0px 70px 0; border: none; cursor: pointer; font-size: 1.1em; 
	padding: 0 0 3px 0;
	background: transparent url(/images/basket-view-order-bg.png) 0 0px no-repeat; 
}
input#basket_view_order.disabled {
	background: transparent url(/images/basket-view-order-bg.png) 0 -100px no-repeat; 
}

.message {padding: 0 1em 1em 0; margin: 7px 0 1em 15px; font-size: 1.3em}
.basket_message {padding: 0 0 0 40px; min-height: 40px; margin: 0px 0 8px 5px; font-size: 1.6em; line-height: 32px;
	border-bottom: 1px solid #e4e4e5;
	background: white url(/images/warning.png) 0 3px no-repeat; 
}
.back-to-shop {margin: 0 0 0 10px}
#contentcolumn .basket_message p {font-size: 0.8em}
.basket_message h2 {font-size: 1.1em; margin: 0}

#basket_order_form_fields {color: #939598}
#basket_order_form_fields .field {margin: 0 0 5px 0; padding: 0 0 0 45px}
#basket_order_form_fields p {margin: 0; color: #939598}
#basket_order_form_fields input {width: 506px; height: 19px; line-height: 19px; border: 1px solid #e4e4e5; color: #939598; padding: 0 0 0 5px}
#basket_order_form_fields textarea {width: 506px; height: 118px; border: 1px solid #e4e4e5; color: #939598; 
	padding: 0 0 0 5px; font-size: 1.1em}
input.required {background: #fdf0f7}
#basket_order_form_fields span {font-size: 1.8em;}
#basket_order_form_fields #address {margin: 11px 0 4px 0; background: transparent url(/images/form-icon-home.png) 5px 7px no-repeat; }
#basket_order_form_fields #address #order_building {width: 127px; margin: 11px 0 0 0;}
#basket_order_form_fields #address #order_apartment {width: 127px; margin: 11px 0 0 16px;}
#basket_order_form_fields #phone {height: 26px; padding-top: 7px; background: transparent url(/images/form-icon-phone.png) 0 0px no-repeat; }
#basket_order_form_fields #email {height: 26px; margin: 10px 0 21px 0; padding-top: 5px; background: transparent url(/images/form-icon-mail.png) 6px 0 no-repeat; }
#basket_order_form_fields #source {height: 26px; margin: 10px 0 21px 0; padding-top: 5px; background: transparent; }
#basket_order_form_fields p.legend {float: left; margin: 0; color: #939598; font-size: 1em; width: 325px; }
#basket_order_form_fields input#order_submit {float: left; margin: 0 0 0 65px; color: #fff; 
	font-size: 1em; width: 122px; height: 23px; border: none; text-align: center;
	background: white url(/images/basket-order-submit-bg.png) 0 0px no-repeat; 
}

.form_error {padding: 1em; border: 1px solid red; margin: 11px 0; color: red; background: pink}

#basket_order_form_fields input#order_submit.disabled {
	background: white url(/images/basket-order-submit-bg.png) 0 -100px no-repeat; 
}


/********* contacts *********/
address {margin: 0 0 0 23px; font-size: 1.3em; padding: 7px 0 0 47px; color: #939598; font-style: normal; height: 30px; }
address.phone {background: transparent url(/images/contacts-phone.png) 0 0px no-repeat; padding-top: 9px}
address.mailto {padding-top: 11px; background: transparent url(/images/contacts-mailto.png) 0 0px no-repeat; }
address.mailto a {color: #939598}

form#contacts {padding: 0 0 220px 0; }
.field_wrapper {margin: 0 0 9px 0; color: #939598}
.field_wrapper label {width: 100px; height: 19px; line-height: 19px; float: left; text-align: right; padding: 0 5px 0 0 }
.field_wrapper input {width: 450px; height: 19px; float: left; border: 1px solid #e3dce1}
.field_wrapper textarea {width: 450px; height: 121px; float: left; border: 1px solid #e3dce1; margin: 0 0 12px 0}
.field_wrapper span {font-size: 1.8em;}
form#contacts input.submit {width: 93px; height: 29px; margin: 34px 0 18px 104px; color: #939598; border: none;
	background: white url(/images/contacts-submit-bg.png) 0 0px no-repeat; cursor: pointer;
	text-align: center; line-height: 25px;
}
form#contacts p {margin: 0px 0 14px 104px; color: #939598; }
form#contacts p.legend {margin: 0px 0 18px 104px; color: #939598; }

a.active {outline: none}

#contentcolumn ul {font-size: 1.3em; margin: 0 0 0 35px; padding: 0}
#contentcolumn ul ul {font-size: 1em; }
#contentcolumn ul li { margin: 0 0 0.7em 0px; padding: 0}

table.howto {border-collapse: collapse;}
table.howto td {border: none; padding: 0 15px 8px 0; font-size: 1.3em; vertical-align: top; line-height: 1.2em}

.layout_how-to-buy #contentcolumn h2 {font-size: 1.4em}

.informers {margin: 1em 0; color: black; font-size: 13px}
.informer {margin: 0 0 1em 0}