.last, .first, .selected, .odd {} /* reserved */
.fx-1, fx-2 {} /* and so on - reserved */
.js-off, .js-proceed, .js-reset, .js-link-submit {} /* used in JS for forms */
.js-fixHover, .last-hover {} /* ie fixes */
form.f-zform, input.text, form p.error, form ul.errors {} /* reserved by myzend */
/* default vertical paddings: 16px 24px 32px */

/*
page_layout
helpers
forms
buttons
tables
lists
menus
header_footer
blocks
generic_styles
*/

.Q { border:1px solid red; height:79px; text-align:center; }

/* PAGE_LAYOUT */

html { height:100%; margin-bottom:1px; }
body { text-align:center; }

#l-root { margin:0 auto; width:945px;/*1+1b*/ text-align:center; }
#l-head, #l-body, #l-tail { position:relative; width:100%; overflow:hidden; }

body    { background:url(/img/interoidscom/l-doc-rx-t.png) repeat-x top; }
#l-root { text-align:left; }
#l-hold {  }
#l-head { background:url(/img/interoidscom/l-head-nr-rt.jpg) no-repeat right 46px; height:200px; }
#l-body { }
#l-tail { background:url(/img/interoidscom/l-tail-nr.png) no-repeat left top; height:155px; }

#w-tail { width:100%; height:179px; background:url(/img/interoidscom/w-tail-rx-t.png) repeat-x left 17px; text-align:center; }
#l-tail { margin:0 auto; width:945px; height:100%; text-align:left; }
#w-tail { }

#l-left, #l-right, #l-data {
  float:left;
  min-height:279px; height:auto !important; height:279px;
}

#l-left {
  width:219px; /*228*/
  padding:24px 18px 0 1px;
}

#l-data {
  width:484px; /*502*/
  padding:24px 18px 0 0;
}

#l-right {
  width:204px; /*205*/
  padding:24px 1px 0 0;
}

.w-side h2, .w-content h1 {
  display:block;
  text-align:left;
  padding:0 0 12px 24px;
  margin:0 0 16px 0;
  border-bottom:1px solid #205ea4;
}

.box-data h2, .box-data h3 { padding-top:0; margin-top:0; }

.w-side h2 {
  margin-left:1px;
  padding-left:23px;
}

/* HELPERS */

#l-root .h-d-block  { display:block; }
#l-root .h-f-right  { float:right; }
#l-root .h-f-left   { float:left; }
#l-root .h-a-center { text-align:center; }
#l-root .h-a-left   { text-align:left; }
#l-root .h-a-right  { text-align:right; }

#l-root .h-flow-off { overflow:visible; }

/* FORMS */

input.f-text {
  height:15px; /*21-(1+1)border-padding*/
  padding:4px 8px 0;
}

.box-data textarea { padding:4px 0 4px 6px; }

.f-zform form {
  margin-left:36px;
}

.f-zform form li {
  overflow:hidden;
  padding-bottom:6px;
}

.f-zform form label {
  display:block;
  float:left;
  width:90px;
}

.f-zform form ul.errors {
  padding:6px 149px 6px 0;
}

.f-zform form ul.errors {
  font-size:1em; line-height:1;
  color:#c7383f;
}

.f-zform form li input.text { width:187px; }

.f-zform form li select { width:200px; }
.f-zform form li textarea { width:190px; }

.f-zform form li.submit input { padding:0 12px; }

/* BUTTONS */

#l-root .w-action { overflow:hidden; }

.w-action a strong { padding-right:16px; }
.w-action a em { padding-left:16px; }

/* TABLES */

.box-data table { width:100%; border-width:0; margin-bottom:0; }

/* LISTS */

.ul-list, .ul-list li { overflow:hidden; }
.ul-list li span {
  display:block;
  float:left; width:179px;
}

.ul-list li strong { display:block; overflow:hidden; }

.ul-list-2 li { padding-bottom:16px; margin-bottom:16px; }

.ul-list-2 li p {
  padding:12px 0 0 0; margin:0;
}

/* MENUS */

.menu-lvl-1 { overflow:hidden; height:52px; }
.menu-lvl-1 li {
  float:left;
  height:38px; /*54*/
  padding:16px 16px 0;
  cursor:pointer;
}

.menu-lvl-1 a {
  display:block;
  white-space:nowrap;
}

/* */

.menu-lvl-2 { margin-left:1px; }

.menu-lvl-2 li {
  height:23px; /*29*/
  padding:6px 0 0 24px;
  cursor:pointer;
}

.menu-lvl-2 a { padding-left:20px; }

/* HEADER&FOOTER */

#l-head .b-logo {
  position:absolute;
  left:0; top:70px;
}

#l-head .b-title {
  position:absolute;
  left:10px; top:100px;
}

#l-tail .b-logo {
  position:absolute;
  left:27px; top:39px;
}

#l-tail p {
  position:relative;
  left:238px; top:45px;
}

#l-tail h1 {
  display:block;
  position:relative;
  left:238px; top:45px;
  width:69%;
}

.x-cartmini {
  position:absolute;
  right:32px; top:12px;
}

/* BLOCKS */

#l-root .box-side { padding-bottom:32px; }
#l-root .box-data { margin-bottom:32px; overflow:hidden; }

.x-login {}

.x-login .fx-1 { width:140px; margin-bottom:6px; }
.x-login .fx-2 { width:80px; margin-right:12px; }

.x-login fieldset {
  padding-left:24px;
}

.x-login p { padding-top:8px; }
.x-login p span { padding:0 8px; }

/* */

.x-news li { padding-bottom:6px; }

.x-news strong {
  display:block;
  padding:0 0 6px 24px;
}

.x-news p {
  padding:0 0 6px 24px;
}

.x-news a {
  display:block;
  padding:0 0 6px 24px;
}

/* */

.x-basket {}

.x-basket table .f-text { width:14px; }

.x-basket img {
  position:relative; top:2px;
  padding:3px 3px 0;
}

#l-root .x-basket .t-total td {
  border-width:0;
  padding-bottom:0;
}

.x-basket .w-action {
  height:22px;
  padding:16px 0 24px 0;
}

.x-basket .w-action .h-f-right a {
  margin-left:18px;
}

.x-basket .w-action .h-f-right {
  position:relative; top:10px;
}

.x-basket textarea {
  width:379px; height:79px;
}

/* */

.x-check-s1 {}

.x-check-s1 p {
  padding-bottom:24px;
}

.x-check-s1 li {
  overflow:hidden;
  padding-bottom:6px;
}

.x-check-s1 label {
  display:block;
  width:379px;
  float:left;
}

.x-check-s1 .w-action {
  padding-top:36px;
  text-align:center;
}

.x-check-s1 .w-action a {
  margin:0 16px;
}

/* */

.x-order-desc { padding:8px 12px; }

.x-order-desc strong a { padding-left:24px; }

.x-pay-story .w-action {
  padding-top:24px;
  text-align:center;
}

.x-pay-story .w-action a {
  font-weight:bold;
  margin:0 16px;
}

/* */

.x-ticket-s2 .w-action {
  padding-top:12px;
}

.x-ticket-s2 .w-action a {
  font-weight:bold; margin-right:16px;
}

.x-ticket-s2 textarea, .x-order-rev textarea {
  width:279px; height:79px;
}

/* */

.x-prod-detail { }

.x-prod-detail div.w-left {
  width:120px;
  padding:0 12px;
  float:left;
  text-align:center;
}

.x-prod-detail div.w-right {
  width:329px;
  float:left;
}

.x-prod-detail div.w-left span {
  display:block;
  padding:4px 0 6px;
}

.x-prod-detail div.w-left sup {
  position:relative;
}

.x-prod-detail div.w-right h3, .x-prod-detail div.w-right big {
  display:block;
  padding:0 0 4px 0;
}

.x-prod-detail .f-text {
  width:16px;
  margin:0 8px;
}

.x-prod-detail form .w-left {
  float:left;
}

.x-prod-detail form .w-right {
  float:right;
}

.x-prod-detail form .w-left a {
  margin-right:8px;
}

.x-prod-detail form a strong {
  padding-left:26px;
}

/* */

.w-side h3 { padding-left:24px; }

.f-xform { margin-left:0; }

.x-basket img { padding:0px 3px; }

.f-zform form label { width:130px; }

/* */


.w-paytype {
  margin-left:0;
  text-align:left;
}

.w-paytype .w-action {
  padding:15px 0 0 0;
}

.w-paytype li {
  font-size:120%;
}

.w-collect-list {
  font-size:120%;
  padding-bottom:20px;
}

.w-collect-list li {
  padding-bottom:6px;
}

.w-collect-list li strong {
  font-weight:bold;
  display:block;
  float:left;
  width:222px;
}

/* */

