/*** General Layout ***/
body {  background: #fff url("../img/grid.png") no-repeat 0 -20px;  font: normal 13px/20px "Arial", "Helvetica", sans-serif;  color: #333;  margin: 0;  padding: 0;  }
#wrap {  width: 960px; margin: 0 auto;  }
#header {  height: 260px;  background: url("../img/glowBack.jpg") no-repeat 0 100%;  font-size: 14px;  }
#middle {  padding-left: 300px;  }
#side {  width: 270px;  padding: 31px 0 50px 30px;  float: left;  margin: 0 0 0 -300px;  position: relative;  z-index: 1;  }
#content {  width: 600px;  padding: 31px 30px 50px;  float: left;  margin: 0 -660px 0 0;  position: relative;  z-index: 1;  }
#footer {  clear: left;  border-top: #e5e5e5 3px solid;  font-size: 11px;  color: #666;  padding: 17px 30px 30px;  float: left;  width: 900px;  position: relative;  }

/*** Global Styles ***/
h1, h2 {  font-size: 23px;  margin: 0;  font-weight: normal;  line-height: 40px;  color: #555;  clear: left;  padding: 1px 0 13px;  }
h3 {  font-size: 18px;  margin: 0;  padding: 19px 0 21px;  color: #555;  font-weight: normal;  line-height: 20px;  }
p {  margin: 0 0 20px;  }
ul {  margin: 0 0 20px;  padding: 0;  }
ul li {  margin: 0 0 0 30px;  padding: 0;  list-style-image: url("../img/li.png");  }
* html ul li {  list-style-image: url("../img/li-ie6.png");  }
a {  text-decoration: underline;  color: #2b507b;  }
a:active {  text-decoration: underline;  color: #1b324d;  }
h1 a, h2 a {  text-decoration: none;  }
h1 a:hover, h2 a:hover {  text-decoration: underline;  }
a.dotted {  border-bottom: #2b507b 1px dotted;  text-decoration: none;  }
img, table, fieldset {  border-style: none;  font-size: 100%;  }
.twelve {  font-size: 12px;  }
.eleven {  font-size: 11px;  }
.nobr {  white-space: nowrap;  }
.nonList, .nonList ul, .nonList li {  list-style: none;  list-style-image: none;  margin: 0;  padding: 0;  }
.center {  text-align: center;  }
.red {  color: #911;  }

/*** Header & Footer ***/
#logo {  padding: 20px 0 0 30px;  height: 40px;  position: relative;  cursor: default;  }

#logo #phone {  font-size: 18px;  color: #666;  padding: 18px 30px 0 20px;  background: url("../img/phone.png") no-repeat 0 80%;  margin: 0;  line-height: 28px;  position: absolute;  right: 0;  top: 0;  }
#logo #phone em {  font-style: normal;  }

#catalogFilter {  font-size: 15px;  margin: 0;  border-color: #e5e5e5;  border-style: solid;  border-width: 0 1px 1px;  height: 39px;  margin-left: -300px;  position: relative;  z-index: 10;  padding: 0 13px;  background: #fff;  }
#catalogFilter li {  float: left;  padding: 10px 15px 9px;  position: relative;  margin-right: 2px;  }
#catalogFilter li span {  padding-right: 14px;  background: url("../img/down.png") no-repeat 100% 50%;  }
#catalogFilter li.noChild span {  padding-right: 2px;  background: none;  }
#catalogFilter li.hovered {  background: #f0f0f0;  }
#catalogFilter ul {  display: none;  position: absolute;  top: 39px;  left: -3px;  font-size: 14px;  white-space: nowrap;  padding: 6px 2px 8px;  border-color: #e5e5e5;  border-style: solid;  border-width: 0 1px 1px;  float: left;  background: #fff;  }
#catalogFilter ul li {  padding: 2px 20px 3px 15px;  border: none;  margin: 0;  clear: left;  }
#catalogFilter ul li a {  display: inline;  padding: 0;  }
#catalogFilter ul li span {  padding: 0;  background: none;  display: block;  }

#mainNav {  clear: left;  font-size: 16px;  font-weight: bold;  height: 60px;  padding-left: 15px;  background: url("../img/black20.png") repeat-x 0 59px;  }
* html #mainNav {  background: none;  height: 59px;  border-bottom: #3986ad 1px solid;  }
#mainNav li {  float: left;  padding: 20px 15px 19px;  }
#mainNav li a {    }
#mainNav li strong {  display: block;  margin: -20px -15px -19px;  padding: 20px 15px 19px;  color: #fff;  text-shadow: #2b507b 0 -1px 0;  background: url("../img/black20.png") repeat 0 0;  }
#mainNav li strong a {  color: #fff;  text-decoration: none;  }
#mainNav li strong a:hover {  color: #fff;  text-decoration: underline;  }
* html #mainNav li strong {  background: #3986ad;  }

#header h1 {  clear: left;  height: 100px;  line-height: 1000px;  overflow: hidden;  padding: 0;  background: url("../img/h1.png") no-repeat 31px 22px;  width: 100%;  }

.headerStatus {  padding: 9px 30px 0;  color: #fff;  }
.headerStatus a {  color: #fff;  border-bottom-color: #fff;  }
.basketInfo {  margin: 0;  }
.helpInfo {  float: right;  }
.helpInfo li {  display: inline;  margin-left: 26px;  }

#footer .copyright {  text-indent: -10px;  width: 300px;  float: left;  }
#footer .phone {  font-weight: bold;  float: left;  padding: 0 0 0 30px;  background: url("../img/phone.png") no-repeat 10px 95%;  }
#footer .counters {  position: absolute;  top: 17px;  right: 30px;  }
#footer .counters span {  display: block;  float: left;  width: 88px;  height: 31px;  background: #e5e5e5;  margin-left: 12px;  }

/*** Content ***/
.catalogList {  margin: 0 -30px 0 0;  padding: 0 0 15px;  float: left;  }
.catalogList .bit {  float: left;  width: 180px;  padding: 0 0 20px 30px;  }
.catalogList .bit .preview {  height: 85px;  overflow: hidden;  width: 150px;  }
.catalogList .bit .preview, .catalogList .bit img {  display: block;  cursor: pointer;  float: left;  }
.catalogList .bit strong {  clear: left;  display: block;  border-left: #b7b7b7 1px solid;  padding-left: 29px;  margin-left: -30px;  }
.catalogList .bit .price {  font-size: 12px;  padding-left: 10px;  margin-left: -10px;  background: url("../img/priceTag.png") no-repeat 0 1px;  }
.catalogList .bit .price span {  border-color: #e6ce00;  border-width: 1px 1px 1px 0;  border-style: solid;  padding: 1px 4px 0 3px;  }

.catalogShow {  position: relative;  padding: 10px 0 0 330px;  width: 300px;  }
.orderButton {  height: 40px;  float: right;  padding: 15px 0 0 30px;  position: relative;  margin-top: -40px;  }
.catalogShow .preview {  width: 300px;  float: left;  height: 200px;  overflow: hidden;  margin-left: -330px;  }
.catalogShow .price {  font-size: 14px;  padding-left: 17px;  background: #fff url("../img/priceTagBig.png") no-repeat 0 1px;  position: absolute;  top: 151px;  left: -20px;  border: #fff 2px solid;  }
.catalogShow .price span {  border-color: #e6ce00;  border-width: 1px 1px 1px 0;  border-style: solid;  padding: 6px 8px 5px 3px;  display: block;  float: left;  }
.catalogShow .fields {  float: left;  width: 300px;  font-size: 12px;  padding-top: 1px;  min-height: 200px;  }
.catalogShow .fields div {  clear: both;  width: 300px;  border-bottom: #e5e5e5 1px solid;  padding-bottom: 6px;  margin-bottom: 7px;  float: left;  }
.catalogShow .fields div strong {  float: left;  width: 150px;  color: #444;  }
.catalogShow .fields div span {  float: left;  width: 150px;  }
.catalogShow .descr {  clear: both;  padding-top: 40px;  margin-left: -330px;  }
p span {  font-size: 100% !important;  }
.catalogShow .previewsGallery {  margin-left: -330px;  }
.catalogShow sub {  vertical-align: baseline;  position: relative;  bottom: -3px;  }

.previewsGallery {  clear: both;  float: left;  }
.previewsGallery a {  float: left;  padding: 2px;  border: #e5e5e5 1px solid;  width: 120px;  height: 80px;  margin: 0 6px 6px 0;  text-align: center;  overflow: hidden;  }

.newsList {  padding-bottom: 15px;  }
.newsList .bit {  padding: 0 0 20px 90px;  clear: left;  }
.newsList .bit .date {  float: left;  margin: -6px 0 0 -90px !important;  margin-left: -45px;  width: 54px;  border-right: #b7b7b7 1px solid;  padding: 0 6px 0 0;  font-size: 12px;  text-align: right;  color: #666;  line-height: 16px;  }
.newsList .bit .date strong {  font-weight: normal;  font-size: 24px;  display: block;  padding: 5px 0 3px;  }
.newsList .bit h3 {  padding: 0;  margin: 0;  font-size: 14px;  font-weight: bold;  }
.newsList .bit p {  padding: 0;  margin: 0;  font-size: 11px;  }
.newsList .bit.hasPreview {  padding-left: 240px;  }
.newsList .bit.hasPreview .date {  margin-left: -240px !important;  }
.newsList .bit .preview {  float: left;  margin-left: -150px;  padding-top: 7px;  width: 120px;  overflow: hidden;  height: 80px;  }

.basketTable {  border-collapse: collapse;  margin-bottom: 20px;  }
.basketTable td, .basketTable th {  padding: 5px 10px 5px 0;  border-collapse: collapse;  }
.basketTable th {  border-bottom: #e5e5e5 3px solid;  white-space: nowrap;  }
.basketTable td {  border-bottom: #e5e5e5 1px solid;  }
.basketTable .noBorder td {  border-bottom: none;  padding: 10px 10px 0 0;  }
.basketTable .noBorder td table td.field {  padding: 0 0 10px;  }
.basketTable th a {  text-decoration: none;  }

.siteMap ul {  margin-bottom: 0;  }

.pageTitle {  color: #000;  }
#page1 .pageTitle {  margin-bottom: -20px;  }

.theMessage {  width: 540px;  position: absolute;  top: 40%;  left: 50%;  padding: 30px 30px 10px;  border: #e5e5e5 3px solid;  margin-left: -300px;  text-align: center;  }
#content .theMessage {  width: auto;  position: static;  top: 0  left: 0;  padding: 30px 30px 10px;  border: #e5e5e5 3px solid;  text-align: center;  margin: 0;  }

.pageNav {  float: left;  height: 29px;  border-top: #e5e5e5 1px solid;  padding-left: 30px;  color: #555;  width: 570px;  }
.pageNav em, .pageNav a, .pageNav strong {  float: left;  padding: 6px 5px 5px;  margin: 0 5px;  }
.pageNav em {  padding-left: 0;  margin-left: 0;  }
.pageNav strong {  background: #e5e5e5;  color: #333;  padding: 6px 10px 5px;  margin: 0;  }

/*** Global Forms ***/
form, fieldset {  margin: 0;  padding: 0;  }
form legend {  font-size: 18px;  margin: 0 0 16px;  padding: 0 0 6px;  border-bottom: #ccc 1px solid;  width: 100%;  display: block;  float: left;  }
input, select, textarea, button {  font: normal 12px/14px "Arial", "Helvetica", sans-serif;  }
.formTable {  border-collapse: collapse;  width: 100%;  clear: both;  }
.formTable label .description {  display: block;  padding-top: 4px;  font-size: 11px;  color: #999;  line-height: 12px;  }
.formTable .required {  color: #000;  }
.formTable td, .formTable th {  padding: 0 0 10px;  }
.formTable .label, .formTable .field.check {  text-align: right;  padding-right: 10px;  width: 180px;  }
.formTable .field {  width: 410px;  }
.formTable .field.check {  padding-right: 5px;  }
.formTable .label.check {  text-align: left;  width: 410px;  }
.formTable .label.textarea {  vertical-align: top;  padding-top: 2px;  }
.formTable .hLine td, .formTable .hLine tr {  padding-top: 10px;  border-top: #ccc 1px solid;  }
.formTable .hiddenAlert {  display: none;  color: #d00;  margin-top: -10px;  padding: 10px 0 10px 20px;  background: url("../img/alertBadge.png") no-repeat 2px 50%;  }
.formFinish {  float: left;  width: 99%;  }
a.button {  background: url("../img/buttonSubmit.png") no-repeat 100% 0;  color: #fff;  display: block;  float: left;  font-size: 12px;  line-height: 14px;  height: 24px;  margin: 0 20px 0 0;  padding: 0 12px 0 0;  text-decoration: none;  cursor: default;  text-shadow: #4b6a8f 0 -1px 0;  overflow: hidden;  }
a.button.right {  float: right;  }
a.button span {  background: url("../img/buttonSubmit.png") no-repeat 0 0;  display: block;  padding: 5px 12px 5px 24px;  }
a.button:active {  background-position: 100% -34px ;  }
a.button:active span {  background-position: 0 -34px;  }
a.button.disabled, a.button.disabled:active {  background-position: 100% -68px ;  text-shadow: #999 0 -1px 0;  }
a.button.disabled span, a.button.disabled:active span {  background-position: 0 -68px;  }
input[type=image] {  cursor: default;  }

/*** Side ***/
.actionsList {  margin: 0 0 0 -30px;  padding: 5px 0 0;  }
.actionsList .bit {  padding: 15px 0 5px 30px;  background: url("../img/li.png") no-repeat 11px 21px;  }
.actionsList .bit h3, .actionsList .bigBit h3 {  padding: 0;  font-size: 13px;  }
.actionsList .bit strong {  font-weight: normal;  }
.actionsList .bigBit {  position: relative;  margin: 0 0 20px;  height: 140px;  }
.actionsList .bigBit .image {  height: 140px;  overflow: hidden;  display: block;  cursor: pointer;  }
.actionsList .bigBit a {  text-decoration: none;  }
.actionsList .bigBit strong {  position: absolute;  bottom: 0;  left: 0;  width: 250px;  padding: 5px 20px 5px 30px;  background: url("../img/black20.png") repeat 0 0;  color: #fff;  cursor: pointer;  }
* html .actionsList .bigBit strong {  background: none;  }

#sideNav {  padding: 54px 0 0;  margin-left: -30px;  }
#sideNav strong a {  text-decoration: none;  }
#sideNav strong a:hover {  text-decoration: underline;  }

/*#side h3 {  padding: 13px 0 22px;  }*/

/*** LightBox ***/
#jquery-overlay {  position:absolute;  top:0;  left:0;  z-index:90;  width:100%;  height:500px;  }
#jquery-lightbox {  position:absolute;  top:0;  left:0;  width:100%;  z-index:100;  text-align:center;  line-height:0;  }
#jquery-lightbox a img {  border:none;  }
#lightbox-container-image-box {  position:relative;  background-color:#fff;  width:250px;  height:250px;  margin:0 auto;  border-style: solid;  border-color: #e5e5e5;  border-width: 3px 3px 0;  }
#lightbox-container-image {  padding:10px;  }
#lightbox-loading {  position:absolute;  top:40%;  left:0%;  height:25%;  width:100%;  text-align:center;  line-height:0;  }
#lightbox-nav {  position:absolute;  top:0;  left:0;  height:100%;  width:100%;  z-index:10;  }
#lightbox-container-image-box > #lightbox-nav {  left:0;  }
#lightbox-nav a {  outline:none;  }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {  width:49%;  height:100%;  zoom:1;  display:block;  }
#lightbox-nav-btnPrev {  left:0;  float:left;  }
#lightbox-nav-btnNext {  right:0;  float:right;  }
#lightbox-container-image-data-box {  font:11px Arial, sans-serif;  background-color:#fff;  margin:0 auto;  line-height:1.4em;  overflow:auto;  width:100%;  padding:0 10px 0;  border-style: solid;  border-color: #e5e5e5;  border-width: 0 3px 3px;  }
#lightbox-container-image-data {  padding:0 1px;  color:#666;  }
#lightbox-container-image-data #lightbox-image-details {  width:70%;  float:left;  text-align:left;  }
#lightbox-image-details-caption {  font-weight:bold;  }
#lightbox-image-details-currentNumber {  display:block;  clear:left;  padding-bottom:1.0em;  }
#lightbox-secNav-btnClose {  width:66px;  float:right;  padding-bottom:0.7em;  }
