.wrapper {min-width: 990px; position: relative; margin-bottom: -101px; overflow: hidden;  min-height: 100%; height: auto !important;}

.label {top: 0; right: 0; z-index: 10;}

.bag {height: 200px; top: 0; width: 100%; position: relative; position: relative; max-width: 1600px;}
.header {height: 305px; position: relative; margin-bottom: -140px; border-top: 1px solid #ffac44;}
.logo {top: 39px; left: 5%; width: 155px; height: 94px; z-index: 3; font-size: 36px; color: #fff;}
.slogan {left: 25%; top: 49px; z-index: 3;}
.footer a:visited, .content a:visited, .contacts a:visited {color: #7F530F;}
.bag p {margin: 0 !important;}

/* Для главной страницы */
#order .logo {top: 40px;}
#main .bag {height: 793px; background: url(/images/stage.jpg) no-repeat 50% 0; margin: 0 auto -200px;}
#main .bag .header {height: 137px; width: 1000px; margin: 0 auto; border: none; background: none;}
#main .logo {top: 40px;}
#main .delivery {top: 170px; left: 5%; z-index: 10;}


.miniibag {width: 482px; height: 274px; background: url(/images/meshok.jpg) 0 0 no-repeat; position: absolute; right: -100px; bottom: 0;}

.contacts {position: absolute; color: #fff; font-size: 24px; top: 50px; right: 5%; line-height: 60%; text-align: right;}
.contacts a {color: #fff; font-size: 12px;}
.contacts span {color: #777; font-size: 18px;}

.bagclear {display: none; border: 1px solid red; width: 100px; height: 100px; float: left;}

.social {position: absolute; z-index: 20; right: 5%; top: 35px; overflow: hidden; _zoom: 1;}
.social a {display: block; width: 16px; height: 16px; float: left; margin: 0 0 5px 5px;}


.benefits {position: absolute; top: 300px; left: 5%; width: 27%; z-index: 10;}
.benefits ul {margin-left: 20px; color: #aaa;}
.benefits h4 {color: #fff;}

/* мешочки */
.yellow, .gray, .blue, .green, .red, .oranje {z-index: 1; width: 1000px; margin: 0 auto; height: 793px;}
.bag .product {z-index: 3; height: 350px; width: 1000px; margin: 0 auto; position: relative; top: 157px;}
.bag .product .picture {width: 335px; height: 350px; left: 321px; position: absolute; z-index: 10; display: block;}
.bag .gray {background: url(/images/bag/gray-glow.png) no-repeat;}
.bag .gray div.product .picture {background: url(/images/bag/bags.png) no-repeat 0 -1050px;}
.bag .blue {background: url(/images/bag/blue-glow.png) no-repeat;}
.bag .blue div.product .picture {background: url(/images/bag/bags.png) no-repeat 0 -1400px;}
.bag .green {background: url(/images/bag/green-glow.png) no-repeat;}
.bag .green div.product .picture {background: url(/images/bag/bags.png) no-repeat 0 -350px;}
.bag .red {background: url(/images/bag/red-glow.png) no-repeat;}
.bag .red div.product .picture {background: url(/images/bag/bags.png) no-repeat;}
.bag .oranje {background: url(/images/bag/oranje-glow.png) no-repeat;}
.bag .oranje div.product .picture {background: url(/images/bag/bags.png) no-repeat 0 -700px;}
.bag .yellow {background: url(/images/bag/yellow-glow.png) no-repeat;}
.bag .yellow div.product .picture {background: url(/images/bag/bags.png) no-repeat 0 -1750px;}

/* Навигация */
.nav {text-align: center; width: 75%; margin: 30px auto 0;}
.nav a {margin-right: 3%; font-size: 14px; display: inline-block;}
.nav a:hover, .nav a.selected {color: #E8D23F;}
.nav a.selected {text-decoration: none;}

.lodging {position: absolute; top: 45px; left: 25%; z-index: 10; color: #fff; font-size: 16px; overflow: hidden;}
.bag .colorpicker {background: url(/images/pickerbg.jpg) no-repeat 7px 0 #19161a; z-index: 1; font-size: 14px; top: 190px; left: 639px; color: #5c5e67; height: 89px; padding: 10px 0 0 30px; width: 200px;}
.bag .colorpicker ul {overflow: hidden; margin: 10px 0 0;}
.bag .colorpicker ul li {width: 36px; height: 36px; float: left; list-style-type: none; position: relative;}
.bag .colorpicker ul li a {display: block; width: 32px; height: 32px; border: 2px solid #19161a; overflow: hidden;}
.bag .colorpicker ul li a span {display: block; height: 17px; width: 32px; background: #fff; position: absolute; top: 2px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.bag .colorpicker ul li a:hover {border: 2px solid #ccc !important; cursor: pointer;}
.bag .colorpicker ul li a.active {border: 2px solid #fff;}
.bag .colorpicker ul li a.color-yellow {background-color: #ffff32;}
.bag .colorpicker ul li a.color-oranje {background-color: #ff7925;}
.bag .colorpicker ul li a.color-red {background-color: #c12330;}
.bag .colorpicker ul li a.color-green {background-color: #37a15f;}
.bag .colorpicker ul li a.color-blue {background-color: #2f4360;}
.bag .colorpicker ul li a.color-gray {background-color: #4a4952;}
.bag .colorpicker ul li a.random {background: url(/images/allcolors.gif) no-repeat;}
.bag .colorpicker .tr {display: block; background: #25252d; overflow: hidden; width: 1px; height: 1px; position: absolute; top: 0; right: 0;}
.bag .colorpicker .br {display: block; background: #25252d; overflow: hidden; width: 1px; height: 1px; position: absolute; bottom: 0; right: 0;}

.bag#error404 {background-image: url(/images/stage404.jpg);}
.bag#error404 .errortext {position: absolute; left: 12%; top: 170px;}
.bag#error404 .errortext h1 {font-size: 36px; color: #d7952d;}
.bag#error404 .errortext a {color: #d7952d;}
.bag#error404 .errortext p {font-size: 16px; color: #66666c;}

.order {top: 310px; left: 672px; font-size: 30px; color: #fff; z-index: 5;}
.order .name {top: 20px; font-size: 30px; line-height: 100%;}
.order .name span {display: block; margin-left: 18px;}
.product .price {font-size: 60px; color: #fff; left: 668px; top: 100px;}
.order .price span.rubl {}
.order a.deliv  {color: #d7952d; font-size: 13px; font-style: italic; margin-left: 8px; padding-left: 10px;}
.order a.deliv:hover {color: #e8d23f !important;}
a.cart {color: #fff !important; text-decoration: none; border-radius: 10px;-moz-border-radius: 3px;  border-radius: 3px; -webkit-border-radius: 3px; display: block; background: #111; padding: 20px; position: relative;}
a:hover.cart {background: #151515;}
a:hover.cart span.hoverme {text-decoration: underline !important;}
.makeorder {height: 31px !important; overflow: hidden; //position: relative;}
.makeorder input {position: relative;}
.makeorder:hover input {margin-top: -31px;}
.makeorder:active input {margin-top: -62px;}


.delivery {top: 170px; left: 25%; display: block; text-decoration:none; color: #525258; background: url(/images/korobkus.gif) no-repeat 0 10px; z-index: 3; font-size: 15px; padding: 0 0 0 70px;}
.delivery span.deliv {text-decoration: underline;}
.delivery .c-white {font-size: 19px;}
.delivery .c-white small {font-size: 16px;}

a.fromorder {font-size: 12px; display: block; margin: 5px 0 0 40px; white-space: nowrap; width: 100px;}

.content {position: relative; z-index: 4; color: #66666c; font-size: 14px; max-width: 1400px; margin: 0 auto; padding: 0 13% 0 25%;}
.content a, .footer a, .crumb a:visited, .contacts a, .return a.novisit, a.fromorder, .delivery span.deliv {color: #d7952d;}
.content a:hover, .contacts a:hover, a:hover.fromorder, a:hover.delivery span.deliv {color: #e8d23f;}

/* таблица заказа */
.orderform table {margin-left: 0; border-bottom: 1px dashed #26262F;}
.orderform a {color: #D7952D}
.orderform a:hover {color: #E8D23F}
.orderform table td {text-align: center; vertical-align: middle; padding: 15px 10px;}
.orderform table tbody td {}
.orderform table thead {border-top: 1px dashed #38383a; border-bottom: 1px dashed #38383a;}
.orderform table thead td.pic {text-align: left;}
table td.delete {width: 90px; vertical-align: middle; position: relative;}
table td.delete label {display: block; z-index: 10px; padding: 46px 0 40px; //padding: 42px 0 44px; overflow: hidden; position: absolute; width: 110px; left: 0; margin-top: -54px; //margin-top: -15px;}
table td.name {width: 15%; text-align: left; padding-left: 30px;}
table td.name label {color: #8f8f9c;}
table td.name h3 {margin: 10px 0; line-height: 110%;}
.orderform table td.color {font-size: 18px; width: 100px; text-align: left; font-style: italic; font-weight: normal;}
.orderform table td.color a, .orderform table td.color span {margin-top: 30px;}
.orderform table td.color a:hover, .givememore a.ordots:hover  {background: none;}
table td.pic {width: 73px; text-align: left;}
table td.count {font-size: 18px;}
table td.count input {width: 26px; font-size: 18px; padding: 1px 2px; background: none; border: 1px solid #353535; color: #fff; text-align: right;}
table td.count input:focus {background: #fff !important; color: #1A1A1D;}
table td.price {text-align: right !important; width: 140px; padding-right: 30px; white-space: nowrap;}
.price {font-size: 24px;}
#total {font-size: 30px;}
.orderform table tbody tr:nth-child(odd) {background: #1a1a1d;} /* CSS3 rule! */
.totalsum {float: right; color: #fff; text-align: right; }
.lodging a {color: #D7952D;}
.lodging a:hover {color: #E8D23F;}
.lodgebutton {width: 146px; height: 31px; display: block; background: url(/images/lodge.jpg) no-repeat; margin-top: 6px;}
.counter {width: 80px; margin: 0 auto;}
.counter .nums {float: left;}
.counter label {font-size: 14px;}
.countpicker {position: relative; width: 10px; height: 12px; position: relative; float: left; margin-left: 10px; top: 5px;}
.countpicker a {height: 6px; display: block; position: relative; cursor: pointer; overflow: hidden;}
.countpicker a.more {background: url(/images/more.gif) 0 10px no-repeat; padding: 10px 20px 0 0; margin-top: -10px;}
.countpicker a.less {background: url(/images/less.gif) no-repeat; margin-top: 5px; padding: 0 20px 10px 0}
#mathbutton {width: 105px; height: 31px; background: url(/images/all.gif) no-repeat; border: none; cursor: pointer;}
#minimum {font-size: 12px;}
#nextbutton {background: url(/images/next.gif) no-repeat; border: none; cursor: pointer; top: 1px;}
#backbutton {background: url(/images/back.gif) no-repeat; border: none; cursor: pointer; top: 1px;}
#backbutton:hover {margin-top: -23px}
#backbutton:active {margin-top: -46px}
.laststep h3 a {color: #fff; text-decoration: none;}
.laststep h3 a:hover {text-decoration: underline;}
.laststep tbody td {border: none !important;}

/* overlay */
.overlay {width: 100%;height: 100%;z-index: 30;position: fixed;top: 0;left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;-ms-filter: "alpha (opacity=80)";background: #2a2a2f url('/n.gif') no-repeat;background-attachment: fixed;overflow: hidden;}
.orderwrap {width: 100% position:absolute; min-width: 990px; top: 10%; z-index: 31;}
.orderform {width: 90%; max-width: 1400px; background: #151517; padding-top: 1px; margin: 0 auto; position: relative; overflow: hidden;}
.orderform h1 {color: #777; margin: 10px 0 10px 30px; font-size: 24px;}
.orderform h2, .orderform h3 {color: #fff; margin-bottom: 20px;}
.orderform h1 span {color: #45454b;}
.orderform h1 em {color: #D7952D; font-style: normal;}
.orderform h1 a {color: #fff; font-weight: normal; text-decoration: none;}
.orderform h1 a:hover {text-decoration: underline;}
/* overlay уголки */
.orderform i {display: block; position: absolute; width: 1px; height: 1px; background: #000; overflow: hidden;}
.orderform i.tl {top: 0; left: 0}
.orderform i.tr {top: 0; right: 0}
.orderform i.bl {bottom: 0; left: 0}
.orderform i.br {bottom: 0; right: 0}
.orderform button {background: none; border: none; width: 145px; height: 18px; padding: 0;}
/* Новости */
.news {overflow: hidden; _zoom: 1;}
.news .otherwrite {clear: both}
.news .item h3 {margin: 0 0 10px;}
.news .date {color: #bcbcbc; margin: 0; font-size: 12px;}
#main .news .item {float: left; width: 46%; margin-right: 4%;}
.news .item {margin-bottom: 40px;}
.news .item .annotation {overflow: hidden; //zoom: 1;}
.news .item .annotation img {width: 120px;}
.news .col-1 {width: 46%; margin-right: 4%;}
.news .col-2 {width: 46%; margin-left: 4%;}
.news .items {width: 77%; float: left;}
.news .photos img {hright: 150px;}
.archive {float: right; width: 20%;}
.archive ul {margin-left: 5px !important; font-size: 12px;}
.archive ul li {margin-left: 5px; padding: 0 !important; background: none !important; line-height: 140% !important}
.archive ul li.act, .archive ul li.act a.selected[href] {color: #e8d23f;}
.archive ul li.act ul li a.selected {color: #e8d23f; text-decoration: none;}
.archive ul li ul li {font-size: 11px;}
/* Для главной немного другие новости */
#main .news {padding: 0 5%;}

/* ФИДБЭК */
.feedback {vertical-align:top; margin-bottom: 25px;}
.feedback dl {overflow:hidden; font-size: 12px; margin-bottom: 10px;}
.feedback dl dt {float:left;width:145px;}
.feedback dl dt label {float:left;margin-right:10px;width:140px;}
.feedback dl dt span {padding-right:5px;}
.feedback dl dd {margin-left:0;overflow:hidden;}
.feedback dl dd input, .feedback dl dd select {background: #fff; border: 2px solid #000; padding: 5px; width: 270px;}
.feedback dl dd select {padding: 0; padding: 5px; vertical-align: middle; width: 280px;}
.feedback dl dd textarea {background: #fff; border: 2px solid #000; padding: 5px; width: 270px; height: 150px; font-family: arial,sans-serif; font-size: 14px;}
.feedback dl.error input, .feedback dl.error textarea {border:2px solid #d7952d !important;}
.feedback dl dd input:focus, .feedback dl dd textarea:focus {border:2px solid #EFBF86;}
.feedback .rightsubmit {margin-left:145px; padding: 10px 0 20px; font-size: 13px;}
.feedback .rightsubmitbut {margin-left:145px;}
.feedback .rightsubmitbut input {width: 115px; height: 31px; color: #fff; background: #EEA529; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.form-error  {color:#d7952d !important; margin-top: 5px;}

/* Большинство форм доставки */
.simpleform {padding: 0 30px 0; color: #fff; font-size: 16px;}
.simpleform .needfill {border: 2px solid #633030;}
.simpleform p {color: #fff; margin-bottom: 7px; font-size: 14px;}
.simpleform p small {color: #777; font-size: 0.9em;}
.simpleform h1 {margin: 10px 0 20px 0;}
.simpleform dl {overflow: hidden; padding: 0 20px 10px 0;}
.simpleform dl dt {width: 140px; padding: 5px 15px 0 0; font-size: 14px; color: #fff;}
.simpleform .delivform input, .simpleform .delivform textarea, .simpleform .delivform select {width: 253px; font-size: 12px; font-family: arial, serif; color: #8f8f9c; background: #222225; padding: 5px; border: 2px solid #444;}
.simpleform select {width: 264px;}
.delivform input.example, .delivform textarea.example {font-style: italic; color: #434343;}
.simpleform textarea {height: 60px;}
dl.error dd input, dl.error dd textarea {border: 2px solid #7b1c14 !important}
dl.error p.error_msg {color: #cf2029; font-size: 12px;}
.yoursum {font-size: 22px; color: #777}
.delivform {width: 270px; float: right; margin-left: 40px}
.priceblock {margin-top: 15px;}
#resum {display: inline;}
.isjs #resum {display: none;}

p.error {color: #CF2029; font-size: 16px; position: absolute; bottom: 85px; right: 30px; z-index: 1}
p.error a {color: #CF2029;}

.dashed {text-decoration: none; border-bottom: 1px dashed;}

.delivtype {overflow: hidden; position: relative; _zoom: 1;}
.delivtype .row {padding: 10px; overflow: hidden; border: 1px solid #151517;}
.delivtype .active, .cols-3#paymenttype .active {background: #222225 !important;}
.delivtype .row label {display: block; cursor: pointer; position: relative; width: 100%; margin: 0 0 -1000px 0; padding-bottom: 1000px; _zoom: 1;}
.delivtype .active label {cursor: default;}
.delivtype .row:hover, .cols-3#paymenttype .elem:hover {border: 1px solid #333}
.delivtype .active:hover, .cols-3#paymenttype .active:hover {background: none;}
.delivtype .description, .cols-3 .description {margin-left: 26px;}
.delivtype .description a, .cols-3 .description a {position: relative; z-index: 10; width: 70px;}

#paymenttype {min-height: 110px; overflow: hidden;}
#paymenttype.delivtype {margin-right: 0; _zoom: 1; overflow: hidden;}
#paymenttype .col {padding-bottom: 1000px; margin-bottom: -1000px;}
#paymenttype .col .elem {padding: 20px 10px 10px; height: 100%;}

.colorchecker {position: absolute; z-index: 10; background: #19191F; border: 1px solid #3B3B3F; padding: 10px 20px; overflow: hidden; float: left;}
.colorchecker ul li {height: 30px;}
.colorchecker ul li a {font-size: 18px; font-weight: normal; cursor: pointer;}
.colorchecker ul li a:hover {background: none;}

.printblank {position: relative;}
.printblank a {background: url(/images/pd4.gif) no-repeat; display: block; width: 237px; height: 31px;}
.printblank a:hover {background-position: 0 -31px}
.printblank a:active {background-position: 0 -62px}

.crumb {font-size: 12px;}
.crumb a.up {background: url(/images/up.gif) no-repeat 0 5px; padding-left: 14px;}

.check {text-align: right; position: relative; padding: 30px; color: #fff;}
.steper {padding: 0 30px 30px; position: relative;}
.steper div.back, .steper div.next {width: 49.9%;}
.steper div.back {float: left; margin-top: 9px; height: 23px; overflow: hidden;}
.steper div.back span {margin-left: 4px;}
.steper div.next {float: right; text-align: right; height: 40px; overflow: hidden;}
.steper div.next #nextbutton:hover {margin-top: -40px}
.steper div.next #nextbutton:active {margin-top: -80px}

/* Футер */
.ghost {height: 100px;}
.footer {height: 100px; position: relative; padding-top: 1px; min-width: 990px; max-width: 1400px; margin: 0 auto;}
.footer .copyright {left: 5%; top: 35px; height: 35px; color: #fff; position: absolute;}
.footer .developer {left: 50%; top: 50px;font-size: 14px; line-height: 120%; height: 35px; color: #b4b4b4;}
.footer .developer .fleft {margin-right: 5px; margin-top: 4px;}