/* [Globals] */
body {font-family: 'HelveticaNeueW01-45Ligh', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #444; background: #e7e7e8;}
button, input, select, textarea {font-family: 'font-family', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;}
::-moz-selection {text-shadow: none; background: #333; color: #fff;}
::selection {text-shadow: none; background: #333; color: #fff;}

p, address, blockquote, ul, ol, dl, details, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, hgroup, .table, .form, .form fieldset {margin: 0 0 10px 0; padding: 0;}

.center {margin-left: auto; margin-right: auto; width: 980px; position: relative;}

/* [Headers] */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'HelveticaNeueW01-55Roma', Helvetica, Arial, sans-serif;; font-size: 32px; color: #738182;}
h1, .h1 {font-size: 32px; color: #000; margin-bottom: 25px;}
h2, .h2 {font-size: 20px; color: #000;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 21px;}
h5, .h5 {font-size: 18px;}
h6, .h6 {font-size: 14px; margin: 10px 0 0 0;}

hgroup {padding: 10px; border: 1px dotted #aaa;}
hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6, hgroup .h1, hgroup .h2, hgroup .h3, hgroup .h4, hgroup .h5, hgroup .h6 {margin: 10px 0 10px 0;}

/* [Basic] */
p {}
wbr:after {content: "\00200B";}
b, strong {font-family:'HelveticaNeueW01-55Roma', Helvetica, Arial, sans-serif;}
blockquote {padding: 10px; border: 1px dotted #aaa;}
cite {font-style: italic;}
dfn {font-style: italic;}
em, i {font-style: italic;}

mark {background: #ff0; color: #000;}
sub, sup {font-size: 75%;}
s {text-decoration: line-through;}
small {font-size: 80%;}

q {}
q:before {content: '\00AB';}
q:after {content: '\00BB';}
*:lang(en) q:before, *:lang(en) q:before {content: '\201C';}
*:lang(en) q:after, *:lang(en) q:after {content: '\201D';}

hr {margin: 10px 0 0 20px; border-top: 1px dotted #aaa;}

/* [Lists] */
ul, ol {}
	li {margin: 10px 0 0 0;}
	li:first-child {margin-top: 0;}
ul {list-style: circle outside; margin-left: 17px;}
	ul li {}
ol {list-style: decimal inside;}
	ol li {}
ul.no-list {list-style: none;}
ul.no-list li {margin: 0;}

/* [Links and Buttons] */
a, input.link {color: #22b0de; text-decoration: none;}
a:visited {color: #22b0de; text-decoration: none;}
a:hover, input.link:hover {color: #000; cursor: pointer;}
a:focus, input.link:focus {}

a.button, a.button:visited, input.button, input[type="button"], input[type="submit"] {display: inline-block; zoom: 1; *display: inline; height: 25px; line-height: 25px; padding: 0 20px; color: #fff; text-shadow: 0 1px 1px #0093c3; text-transform: uppercase; background: #40c8f4;}
input[type="reset"] {display: inline-block; zoom: 1; *display: inline; height: 25px; line-height: 25px; padding: 0 20px; color: #fff; text-shadow: 0 1px 1px #0093c3; text-transform: uppercase; background: #40c8f4;}
a.button:hover, input.button:hover, input[type="button"]:hover, input[type="submit"]:hover, a.button.black, input.button.black, input[type="button"].black, input[type="submit"].black {background: #000; text-shadow: none;}
a.button:hover, input.button:hover, input[type="button"]:hover, input[type="reset"]:hover, a.button.black, input.button.black, input[type="button"].black, input[type="reset"].black {background: #000; text-shadow: none;}
a.button.black:hover, input.button.black:hover, input[type="button"].black:hover, input[type="submit"].black:hover {background: #666;}
a.button.black:hover, input.button.black:hover, input[type="button"].black:hover, input[type="reset"].black:hover {background: #666;}
a.button:focus, input.button:focus, input[type="button"]:focus, input[type="submit"]:focus {}
a.button:focus, input.button:focus, input[type="button"]:focus, input[type="reset"]:focus {}

/* [Header] */
.blackbar {background: #000; height: 80px; text-transform: uppercase;} .blackbar .logged {padding-top: 16px; color: #444;}
.blackbar ul {position: absolute; left: 0; top: 20px; margin: 0; list-style: none;}
.blackbar ul li {margin: 0;}
.blackbar .title {position: absolute; right: 0; top: 28px; text-align: right; font-size: 28px; font-family:'HelveticaNeueW01-UltLt', Helvetica, Arial, sans-serif;; color: #fff; text-shadow: 0 0 1px #fff;}
.blackbar .title span {color: #aae0fa; text-shadow: 0 0 1px #aae0fa;}
.blackbar .title a:hover, .blackbar .title a:hover span {color: #40c8f4;}
.blackbar a, .blackbar a:visited {color: #fff; text-decoration: none;}
.blackbar a:hover, .blackbar li.active a {color: #aae0fa;}
.blackbar p{ font-size:12px;color: #fff; position:absolute;left: 0; top: 60px; margin: 0;}

.whitebar {background: #fff; min-height: 10px;}
.whitebar .col1 {float: left; width: 746px;}
.whitebar .col2 {border-left: 1px solid #000; float: right; width: 207px; text-align: right; min-height: 10px;}
.no-logo .whitebar .col2, .full-width .whitebar .col2 {border-left: 0;}
.whitebar .col1 ul { margin: 20px 0 15px 0; text-transform: uppercase; list-style: none;  font-size: 14px;}
.whitebar .col1 ul li {margin: 0 0 0 35px; display: inline-block; zoom: 1; *display: inline;
}
.whitebar .col1 ul li:first-child {margin: 0;}
.whitebar a:hover, .whitebar li.active a, .whitebar li.active a:visited {color:#999
; }
.whitebar .col2 ul { margin: 15px 0 15px 0; text-transform: uppercase; list-style: none; font-size: 14px;}
.whitebar .col2 ul li {margin: 0 0 0 10px; display: inline-block; zoom: 1; *display: inline;
}
.cart {text-align: right; margin: 31px 0;}
.cart-name, .cart-name a,  .cart-name a:visited {color: #000; text-transform: uppercase;}
.cart-name a:hover {color: #40C8F4; }
.items-count {}
.items-price {font-family:'HelveticaNeueW01-55Roma', Helvetica, Arial, sans-serif;;}

.bluebar {background: #40c8f4; padding-top: 20px;}
.bluebar .col1 {float: left; width: 746px;}
.bluebar .col2 {float: right; width: 208px; text-align: right;}
.bluebar .col1 ul {margin: 0 0 65px 0; list-style: none; text-transform: uppercase;  font-size: 14px;}
.bluebar .col1 ul li {margin: 0 0 0 10px; display: inline-block; zoom: 1; *display: inline;}
.bluebar .col1 ul li:first-child {margin: 0;}
.bluebar .col1 ul li.offer {background: #000; padding: 4px 10px 2px 10px;}
.bluebar a, .bluebar a:visited {color: #fff; text-decoration: none;}
.bluebar a:hover, .bluebar li.active a, .bluebar li.active a:visited {color: #000; text-shadow: none;}
.bluebar .col1 ul li.offer a, .bluebar ul li.offer a:visited {text-shadow: none;}
.bluebar .col1 ul li.offer a:hover {color: #aae0fa;}
.bluebar .col1 ul li.offer.active {background: none;}
.bluebar .col2 ul {list-style: none; margin: 0; color: #fff; font-size: 14px;}
.bluebar .col2 ul li {}
.bluebar .col2 ul li strong {font-family:'HelveticaNeueW01-45Ligh', Helvetica, Arial, sans-serif;; color: #000; font-size: 20px;}
.bluebar .col2 p {border-left: 1px solid #000; height: 52px; margin: 25px 0 0 0; padding-top: 8px}
.no-logo .bluebar .col2 p, .full-width .bluebar .col2 p {border-left: 0;}
.bluebar .col2 p a.contact, .bluebar .col2 p a.contact:visited {text-transform: uppercase;}
.bluebar .col2 p a.contact:hover {}
.bluebar .col2 p a.contact.active, .bluebar .col2 p a.contact.active:visited {color: #000; text-shadow: none;}
.bluebar .col2 p a.mail, .bluebar .col2 p a.mail:visited {color: #000; text-shadow: none;}
.bluebar .col2 p a.mail:hover {text-decoration: underline;}

/* [Article] */
.article {float: left; width: 756px; padding-top: 20px;}
.article .content {background: url('/_images/dps2.png') no-repeat right 30px;}
.content {padding-right: 195px; position: relative; min-height: 200px;}
.content h1{ position:absolute; top:10px}
.article.full-width {float: none; width: 980px; background: none;}
.article.full-width .content {padding: 0; background: none;}
.article.no-logo {width: 755px; background: none;}
.article.no-logo .content, .content.no-logo {padding: 0; background: none;}
.article.pad-less .content {padding-right: 100px;}

h2.address {color: #55baee; font-size: 16px;}
 div.old_address_1{ float: left; margin-top:15px;margin-bottom:30px; }
 div.old_address_2{ float:right;margin-top:15px;margin-bottom:30px;  margin-right:540px;}

.table-wrap {position: relative;}
.table-wrap table {width: 100%;}
.table-wrap1 table { margin-bottom:20px;}
.table-wrap table thead {}
.table-wrap table thead tr {border-top: 0; color: #999;}
.table-wrap table thead tr td {}
.table-wrap table thead tr td:first-child {width: 300px;}
.table-wrap table tbody {}
.table-wrap table tr {border-top: 1px solid #bbb;}
.table-wrap table tr td {padding: 15px 0;}
.table-wrap table tr td span.no-item {display: block; text-align: center;}
.table-wrap .place-order {position: absolute; right: 0; bottom: -50px;}
.table-wrap1 table tr:last-child {border-bottom: 1px solid #bbb; }
.table-wrap1 table thead tr td:first-child {width:auto;}
.table-wrap1 table thead tr td:nth-child(3) {width:450px;}
.table-wrap3 table{margin-bottom:30px}
caption h4{ text-align:left; padding-bottom:10px; padding-top:10px;}
td h5{color: #666}
/*Status*/
.shipped { color:#063}
.finished { color: #093}
.canceled{ color:#900;}
.pending { color:#F90}
.processing{ color:#F90}
.awaitspayment{ color:#F90}

p.notes{ padding-top:10px;}
.item {margin-top: 20px;}
.image {width: 266px; height: 266px; line-height: 266px; vertical-align: center; float: left; background: #fff; text-align: center;}
.image img {max-width: 250px; max-height: 250px;}
.pacs {width: 280px; float: right;}
	ul.stat {margin: 0 0 25px 25px; list-style: none;}
	ul.stat li {margin: 0;}
	ul.stat li span {display: inline-block; zoom: 1; *display: inline; width: 100px; text-align: right; margin-right: 10px; color: #999;}
	ul.stat li strong {color: #000;}
	
	ul.counts {margin-left: 25px; list-style: none;}
	ul.counts li {margin: 0; white-space: nowrap;}
	ul.counts li span {display: inline-block; zoom: 1; *display: inline; width: 60px;}
	ul.counts li span.name {text-align: right; color: #999; margin-right: 10px;}
	ul.counts li span.price {text-align: left; color: #000; margin-left: 10px;}
	ul.counts li a.button, ul.counts li a.button:visited {padding: 0 10px; font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial, sans-serif;; font-size: 14px;}
	ul.counts li input {width: 20px; text-align: center;}
	.totals {text-align: right;}
	.totals span {color: #999; font-size: 18px;}
	.totals span strong {color: #000; font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial, sans-serif;;}
	
.tabs-header {margin-top: 25px;}
.tabs-header a.button, .tabs-header a.button:visited {background: #000;}
.tabs-content {background: #fff; padding: 30px 25px 25px 25px; width: 510px; white-space: nowrap;}
.tabs-header strong {text-transform: uppercase;}
.tabs-content ul {list-style: none;}
.tabs-content ul li {border-top: 1px solid #bbb; padding-top: 10px;}
.tabs-content ul li:first-child {border-top: 0;}
.tabs-content ul li span {display: inline-block; zoom: 1; *display: inline; width: 180px; color: #999;}
.tabs-content ul li strong {color: #000;}

.item-list {margin-top: -5px;}
.item-list .item {margin: 20px 0 20px 0; height: 200px;}
.item-list.offers .item {width: 364px; float: left; margin-right: 10px;} .item-list.offers.wide .item  {float: none; width: auto;}
.item-list .item h2, .item-list .item h3 {font-size: 14px; clear: both; text-transform: uppercase;} h2.item-head {text-transform: uppercase;}
.item-list .item .image {width: 120px; height: 120px; line-height: 120px; vertical-align: center; float: left; text-align: center;}
.item-list.offers .item img {max-height: 100px; max-width: 100px;}
.item-list .item .pacs {width: auto; float: left; white-space: nowrap;}
	.item-list .item ul.stat {margin: 0 0 25px 10px; list-style: none; float: left;}
	.item-list .item ul.stat li {margin: 0;}
	.item-list .item ul.stat li span {display: inline-block; zoom: 1; *display: inline; width: 100px; text-align: right; margin-right: 10px; color: #999;}
	.item-list .item ul.stat li strong {color: #000; font-size: 11px;}
	
	.item-list .item ul.counts {margin-left: 20px; list-style: none; float: left; width: 150px;}
	.item-list .item ul.counts li {margin: 0;}
	.item-list .item ul.counts li span {display: inline-block; zoom: 1; *display: inline; width: 50px;}
	.item-list .item ul.counts li span.name {text-align: left; color: #999; margin-right: 10px;}
	.item-list .item ul.counts li span.price {text-align: left; color: #000; margin-left: 0;}
	.item-list .item ul.counts li a.button, ul.counts li a.button:visited {padding: 0 10px;font-size: 14px;}
	.item-list .item ul.counts li input {width: 20px; text-align: center;}
.item-list .item .buy {width: 100px; float: left; margin-left: 10px;}

.pagination {text-align: left; position: relative; margin-bottom: 20px;}
.no-marginright{ margin-right:0; margin-bottom:10px;}
.pagination a, .pagination a:visited {color: #fff; background: #000; padding: 2px 8px;}
.pagination ul {text-align: right; list-style: none; display: block; position: absolute; right: 0; top: -8px;}
.pagination ul li {display: inline-block; zoom: 1; *display: inline; margin-right: 3px; margin-left: 3px;}
.pagination ul li.separator {}
.pagination ul li:hover a, .pagination ul li.active a {background: #666;}

.data-login {font-size: 16px; margin: 40px 0 40px 0; text-align: center; text-transform: uppercase; padding-bottom: 40px;}

/* [Forms] */
form {}
form.login {margin-top: 60px;}
form h2 {color: #55baee; font-size: 14px;}
form h2 span {color: #bbb; font-size: 12px;}
fieldset {margin-bottom: 30px;}
.set-margin {margin-bottom: 30px;}
label {display: block;}
label span {display: inline-block; zoom: 1; *display: inline; width: 175px; margin-right: 15px; text-align: right;}
label.label-line {color: #55baee; font-size: 14px;}
label.label-line span {}
label.new_password{ margin-top:15px}
input[type="text"], input[type="password"] {background: #fff; width: 210px; height: 26px; line-height: 26px; padding: 0 10px; margin-bottom: 15px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {outline: 1px solid #000;}
.form-drop input[type="text"], .form-drop input[type="password"], .form-drop textarea, select {border: 1px solid #eee;}
select {background: #fff; text-align: left; width: 195px; height: 26px; line-height: 26px; padding-left: 10px; margin-bottom: 15px;}
textarea {background: #fff; width: 280px; height: 200px; resize: vertical; padding: 10px; text-align: left;}
.form-line {margin-left: 193px; text-transform: uppercase;}
.form-line input {margin-right: 10px;}
.form-line a, .form-line a:visited {font-size: 13px;}
.signup {margin-top: 0;}

.form-toggler {margin-top: 25px;}
.form-toggler span {width: 10px; line-height: 25px; display: inline-block; zoom: 1; *display: inline; background: url('/_images/arrow-down.png') no-repeat center center; margin-right: 5px;}
.form-toggler.active span {background: url('/_images/arrow-up.png') no-repeat center center;}
.form-toggler.active a.button, .form-toggler.active a.button:visited {background: #000;}
.form-drop {background: #fff; padding: 30px 0 25px 25px; width: 525px; white-space: nowrap;}
.form-toggler strong {text-transform: uppercase;}

.whitebar form {color: #30bae7; font-size: 13px; margin-top: 15px;}
.whitebar label:first-child {display: inline-block; zoom: 1; *display: inline; padding-left: 0;}
.whitebar label {display: inline-block; zoom: 1; *display: inline; margin-right: 15px; padding-left: 2px;  color: #000;}
.whitebar label span {display: inline-block; zoom: 1; *display: inline; width: auto; margin-right: 9px; text-align: right;}
.whitebar input {border: 1px solid #eee; width: 108px;}
.whitebar input.button {border: none; width: auto; height: 28px; padding: 2px 5px;}
.whitebar label:first-child input {width: 499px;}

div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("/_images/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

div.selector {
  background-position: 0 -130px;
  line-height: 25px;
  height: 25px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden; 
  }
  .form-drop div.selector {border: 1px solid #eee;}
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 35px;
    cursor: pointer;
    width: 100%;
    display: block; }
  div.selector.fixedWidth {
    width: 190px; }
    div.selector.fixedWidth span {
      width: 155px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%; }
  div.selector.active {
    background-position: 0 -156px; }
    div.selector.active span {
      background-position: right -26px; }
  div.selector.hover, div.selector.focus {
    background-position: 0 -182px; }
    div.selector.hover span, div.selector.focus span {
      background-position: right -52px; }
    div.selector.hover.active, div.selector.focus.active {
      background-position: 0 -208px; }
      div.selector.hover.active span, div.selector.focus.active span {
        background-position: right -78px; }
  div.selector.disabled, div.selector.disabled.active {
    background-position: 0 -234px; }
    div.selector.disabled span, div.selector.disabled.active span {
      background-position: right -104px; }

div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 19px;
    height: 19px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px; }
    div.checker span.checked {
      background-position: -76px -260px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -19px -260px; }
    div.checker.active span.checked {
      background-position: -95px -260px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -38px -260px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -114px -260px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -57px -260px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -133px -260px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: -152px -260px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: -171px -260px; }

/* [Aside] */
.aside {float: right; width: 208px;}
.dps {height: 300px; border-left: 1px solid #000; background: url('/_images/dps1.png') no-repeat 20px 10px;}
.article.no-logo + .aside .dps {background: none; display: none;}

/* [Enter screen] */
.bluebar.homepage {background: #5bc8f4 url('/_images/big-logo.jpg') no-repeat center 40px; height: 464px}
.bluebar.homepage .col1 {width: 208px;}
.bluebar.homepage .col1 ul {margin: 0 0 65px 0; list-style: none; text-transform: uppercase;  font-size: 14px;}
.bluebar.homepage .col1 ul li {margin: 0 0 10px 0; display: inline-block; zoom: 1; *display: inline;}
.bluebar.homepage .col1 ul li:first-child {margin: 0 0 10px 0;}
.bluebar.homepage .col1 ul li.offer {background: #000; padding: 4px 10px 2px 10px; margin-top: 10px; }
.bluebar.homepage .col2 p {border-left: 0;}

/* [Footer] */
footer {text-transform: uppercase; color: #aaa; font-size: 13px; margin: 30px 0;}

.content h1.cabinet {position: relative; margin-bottom: 35px;}

a.disabledbtn, a.disabledbtn:visited {background: #888; text-shadow: none; color: #aaa}

tr.order td:first-child { width: 300px}
tr.order td:nth-child(2){ width:90px}
tr.order td:nth-child(3) { width:120px}
tr.order td:nth-child(4), tr.order td:nth-child(5){ width:80px;}
tr.order td input{ margin-bottom:0;}
 tr.order td:first-child input{background: #fff; width:360px; height: 26px; line-height: 26px; padding: 0 10px; margin-right:20px}
tr.order td:nth-child(2) input{ background: #fff; width:60px; height: 26px; line-height: 26px; padding: 0 10px; margin-right:20px   }
tr.order td:nth-child(3) input, tr.order td:nth-child(4) input, tr.order td:nth-child(5) input{ width:45px; margin-right:15px}
.order ul.counts{ margin-left:0; margin-bottom:0;}
.table-wrap table tr:last-child {border-bottom: 1px solid #bbb;}
.all_address{margin-top:25px;}
 div.address_2{ margin-left:350px; margin-bottom:30px}
 h2.address.pull-left{ margin-right:5px;}
 
 .table-wrap table thead tr td {white-space: nowrap;}

 #q_order label span {width: 120px;}