/*

  12:11 16.01.2009
  Maydokin Aleksey <a.maydokin@refreshlab.ru>

*/

/* * {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
} */

html, body, table, td, th, img, div, ul, ol, li {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
}

body {
  height: 100%;
  font-family: tahoma;
  font-size: 12px;
  color: #000;
  background: #FFF;
}

a { color: #000; }
a:hover, a.active { text-decoration: none; }

h1 { margin-bottom: 37px; font-size: 150%; }

.right { text-align: right; }

.three_px { clear: left; }

ul.list { margin: 0 0 0 20px; }
ul.list li { margin: 0 0 0 20px; }


/* ÒÀÁËÈÖÀ îáûêíîâåííàÿ */
table.ordinary {
  margin: 5px;
  border-collapse: collapse;
  border: 2px solid #000;
}
table.ordinary td, table.ordinary th {
  padding: 3px;
  border: 1px solid #000;
}
table.ordinary th { background-color: #ECECEC; }


/*  ==========  ÑÒÐÀÍÈÖÀ  ==========  */

#body {}


#headerMain, #header, #content, #footer .wrap {
  width: 953px;
  margin: 0 auto;
}

/*  ==========  ØÀÏÊÀ  ==========  */

#headerMain {
  background: url('/images/main-bg.jpg') no-repeat 50% 106px;
  height: 552px;
  position: relative;
}
#headerMain object { position: absolute; left: 368px; top: 151px; }
@-moz-document url-prefix(){ #headerMain object { left: 367px; } }
/*IE6*/* html #headerMain object { left: 367px; }
/*IE7*/* + html #headerMain object { left: 367px; }

#headerMain #topMenu{
  position: absolute;
  left: 71px;
  top: 3px;
  z-index: 3;
}

#header {
  height: 142px;
  margin-top: 42px;
  margin-bottom: 32px;
  background: url('/images/header-bg.jpg') no-repeat 50% 5px;
  position: relative;
  z-index: 1;
}
#header #logo {
  position: absolute;
  left: 37px;
  top: 32px;
  z-index: 2;
}
#header #topMenu{
  position: absolute;
  left: 71px;
  top: 1px;
  z-index: 3;
}
#header #earth {
  position: absolute;
  left: 501px;
  top: 30px;
  z-index: 2;
}
#header #basket {
  padding: 0 0 0 20px;
  color:#FFFFFF;
  background: url(/images/basket.png) no-repeat;
  position:absolute;
  left: 711px;
  top: 90px;
}
#header #basket a { color: #FFF; text-decoration: none; }

/*  ==========  ÊÎÍÒÅÍÒ  ==========  */

#content {
  margin-bottom: 70px;
  width: 945px;
  overflow: hidden;
  zoom: 1;
}
#content #article {
  width: 600px;
  overflow: hidden;
  margin: 20px 0 0 0;
  float: left;
}

.pics img{margin-right:6px;}

#content .colright {
  width: 303px;
  overflow: hidden;
  float: right;
}


/*  ==========  ÏÎÄÂÀË  ==========  */

#footer {
  color: #FFF;
  background: #555656 url('/images/footer-bg.png');
  border-top: 1px solid #8f8f8f;
  position: relative;
}
#footer a { color: #FFF; }
#footer .wrap {
  position: relative;
  font-size: 90%;
  width: 803px;
  padding: 31px 75px;
  overflow: hidden;
  zoom: 1;
}


/* ::::: ÌÅÍÞ ÂÅÐÕÍÅÅ ::::: */
#topMenu a {display: block;}
#topMenu ul{
  list-style: none;
}
#topMenu ul li{
  float: left;
  text-align: center;
}
#topMenu ul li.ugly {
  position: absolute;
  right: 7px;
  bottom: -36px;
}
#topMenu ul li.ugly_inner {
  position: absolute;
  right: 0;
  bottom: -36px;
}
#topMenu ul li .pic {
  margin: 40px 0 20px 0;
}


/* ::::: ÌÅÍÞ ÏÐÀÂÎÅ ::::: */
#mainNavigation {
  padding: 23px 0 0 0;
  background: url('/images/menuLeftTop-bg.png') no-repeat top;
}
#mainNavigation  .wrap {
  padding: 17px 25px 45px;
  background: #ececec url('/images/menuLeftBottom-bg.png') no-repeat bottom;
}
#mainNavigation  .wrap .tree-menu-collapse .tree-level-1 ul { display: none; }
#mainNavigation  .wrap .tree-menu-collapse .tree-level-1 .active ul { display: block; }
#mainNavigation  .wrap .tree-menu-collapse .tree-level-1 .active ul ul { display: none; }
#mainNavigation  .wrap .tree-menu-collapse span,
#mainNavigation  .wrap .tree-menu-collapse a {
  border-bottom: 1px dashed #000000;
  text-decoration: none;
  cursor: pointer;
}
#mainNavigation  .wrap span:hover, #mainNavigation  .wrap a:hover{ border-bottom: none; }
#mainNavigation  .wrap a { color: #000; }
#mainNavigation  .wrap li.active { font-weight: bold; }
#mainNavigation  .wrap li.active span, #mainNavigation  .wrap li.active a { border: none; cursor: pointer; }
#mainNavigation  .wrap ul {
  list-style: none;
  font-size: 112%;
  font-weight: bold;
}
#mainNavigation  .wrap ul li {
  /* line-height: 25px; */
  margin-bottom: 10px;
}
#mainNavigation  .wrap ul ul {
  /* margin: 0 0 0 24px; */
  margin: 10px 0 0 24px;
  font-size: 86%;
  font-weight: normal;
}
#mainNavigation  .wrap ul ul  li {
  /* line-height: 20px; */
}




/* ::::: ÌÅÍÞ ÏÐÀÂÎÅ ::::: */
#headerMain  .tree-menu {
  font-size: 90%;
  position: absolute;
  left: 123px;
  top: 290px;
}
#headerMain  .tree-menu a { color: #FFF; }
#headerMain  .tree-menu ul { margin: 0; padding: 0; list-style: none;}
#headerMain  .tree-menu ul li { margin: 0; padding: 0; line-height: 28px; }




/* ::::: ÂÊËÀÄÊÈ ::::: */
ul.semtabs {
  margin:30px auto 35px;
  clear:both;
  list-style:none !important;
  overflow: hidden;
  zoom: 1;
}
ul.semtabs li {
  float:left;
  height:30px;
  display:block;
  margin: 0;
  background-image:none;
}
ul.semtabs li a {
  padding: 4px 26px 6px;
  line-height: 20px;
  display: block;
  text-decoration:underline;
}
ul.semtabs li.active a {
  background-color: #ececec;
  color:#000;
  text-decoration:none;
  font-weight:bold;
}

/* ::::: ÂÊËÀÄÊÈ ÂËÎÆÅÍÍÛÅ ::::: */
#rivetDescTabSet ul.semtabs {
  margin: 30px auto 0;
  clear: both;
  list-style: none !important;
  overflow: hidden;
  zoom: 1;
}
#rivetDescTabSet ul.semtabs li {
  float:left;
  height:30px;
  display:block;
  margin: 0 3px 0 0;
  background-image:none;
}
#rivetDescTabSet ul.semtabs li a {
  padding: 4px 26px 6px;
  line-height: 20px;
  display: block;
  text-decoration: none;
  background-color: #ececec;
}
#rivetDescTabSet ul.semtabs li.active a {
  background-color: #4c4c4c;
  color: #FFF;
  font-weight: bold;
}
#rivetDescTabSet h3 { display: none; }
#rivetDescTabSet .img {
  border-top: 1px solid #4C4C4C;
  text-align: center;
  background: #ECECEC;
}
#rivetDescTabSet .img img {
  margin: 20px 10px;
  vertical-align: middle;
}
#rivetDescTabSet .desc {
  clear: both;
}



/* ::::: ÑÅËÅÊÒÎÐ ::::: */
#selectPanel {
  margin-bottom:50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  zoom: 1;
}
#selectPanel .select {
  float: left;
}
#selectPanel .select .header {
  border-bottom:2px solid #4c4c4c;
  padding-bottom:4px;
  font-size:12px;
  margin-bottom:10px;
  padding-left:15px;
}
#collar .item, #diametr .item, #length .item {
  padding-left: 15px;
  margin: 0 0 10px 0;
  line-height: 20px;
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
}
#collar .selected, #diametr .selected, #length .selected{
  font-weight: bold;
  line-height: 14px;
  background: #00a2de;
  padding:3px 10px 3px 10px;
  color:#fff;
  text-decoration: none;
  margin-left:5px;
}
#collar .selected { width: 90px; }
#diametr .selected, #length .selected { width: 45px; }


#thing2buy #cost{margin-bottom:20px;float:left;}

#thing2buy #cost .header{
  height: 31px;
  margin-bottom: 10px;
  padding-bottom: 4px;
  padding-left: 15px;
  font-size: 12px;
  border-bottom: 2px solid #4c4c4c;
}

#thing2buy .cost{padding-left:15px;padding-top:10px;}
#thing2buy #cost {
  overflow: hidden;
  z-index: 1;
  font-size: 12px;
}
#thing2buy #cost .select {
  float: left;
}

.value_cost {
  margin: 10px 0 20px;
  padding: 25px 15px;
  _padding: 12px 15px 25px;
  *padding: 12px 15px 25px;
  background:#ececec;
  font-size:18px;
  clear:both;
  position: relative;
}
.price{font-size:30px;}
#discountDesc {
  font-size: 55%;
  position: absolute;
  bottom: 5px;
  left: 15px;
  display: none;
}
#value sup {color: red;}
#value .extraMessage{
  color: red;
  display: block;
  font-size: 75%;
  padding: 3px 0 0 12px;
  text-indent: -12px;
}

#inSight {
  float: right;
  font-size: 150%;
  position: absolute;
  left: 437px;
  top: 27px;
}
#inSight input{ vertical-align: middle; }

#qty{width: 180px; float: right;padding-bottom:30px;}
#qty .header{
  height: 31px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin-bottom: 10px;
  font-size: 12px;
  border-bottom: 2px solid #4c4c4c;
}
#qty input#spinner {
  /* border: 1px solid #000; */
  width: 105px;
  /* height: 17px; */
  font-weight: bold;
  font-size: 12px;
  float: left;
  margin-right: 10px;
  margin-top: 7px;
}

.ui-spinner{margin-left:15px;}
.divinput{float: left; width: 25px;}
.ui-spinner-up, .ui-spinner-down {
  width: 30px;
  height: 15px;
  padding: 0;
  border: none;
  float: left;
  background: transparent;
}
.ui-spinner-up { margin: 0;}
.ui-spinner-down {clear: both;}

.buttons button{ /* border: 1px solid #000; height: 24px; width: 155px; */ margin-right: 20px;}
.buttonsInstrument button{ /* border: 1px solid #000; height: 24px; width: 155px; */ margin-right: 20px;}

.buttonsInstrument { clear: both; }




/* :::::  ÔÎÐÌÀ ÇÀÊÀÇÀ  ::::: */

.orderList{ margin: 0 0 30px 0; }
.orderList .price{ font-size: 120%; font-weight: bold; }

.orderForm {}

.orderForm  .title { width: 150px; float: left; line-height: 22px; }
.orderForm  .field { float: left; }

.orderForm  h2 {
  margin: 0 0 25px 0;
  font-size: 24px;
  font-weight: normal;
}

.orderForm .field input,
.orderForm  .field textarea {
  border: 1px solid #DBDBDB;
  color: #666666;
  padding: 2px 8px;
  width: 165px;
}
.orderForm  .field textarea {
  width: 246px;
  height: 96px;
}
.orderForm  .err input,
.orderForm  .err textarea {
  border: 2px solid #333;
  padding: 1px 7px;
}

.orderForm  .extError {
  clear: both;
  margin: 0 0 9px 0;
  padding: 1px 0 0 160px;
}

.orderForm  .Button { padding: 0 0 0 150px; }
.orderForm  .Button input {
  /* width: 84px; */
  /* padding: 3px 0; */
  color: #000;
  font-size: 12px;
}

.form-required {	color: red; }

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(images/icon_warn.gif);
}


/* ::::: ÏÐÅÂÜÞØÊÀ :::::*/
#preview {
  display: none;
  position: absolute;
  z-index: 99999;
}


/* ::::: ÁËÎÊÈ ÍÀ ÃËÀÂÍÎÉ ::::: */
#content .fl {
  width: 303px;
  height: 176px;
  overflow: hidden;
  margin: 0 18px 18px 0;
  font-size: 86%;
  float: left;
  position: relative;
  background: url('/images/frame.png') no-repeat 0 0;
}
#content .flbig {
  width: 624px;
  height: 370px;
  overflow: hidden;
  font-size: 86%;
  float: right;
  position: relative;
  background: url('/images/frameBig.png') no-repeat 0 0;
}
#content .fl.last {margin: 0; /* background: none; */ }
#content .fl.left { clear: left; }
#content .fl.left .margin { margin: 20px 29px; }
#content .fl .margin { margin: 20px 29px; }
#content .flbig .margin { margin: 20px 29px; }



/* ::::: ÏÐÎÁÍÛÉ ÇÀÊÀÇ ::::: */
.tryOrderInner {
  margin: 12px 0px;
  text-align: center;
}



/* ::::: FACEBOX ::::: */
#facebox {}
#facebox .t {background:url(/images/facebox/t.png)}
#facebox .tl {background:url(/images/facebox/tl.png); width: 10px; height: 10px;}
#facebox .tr {background:url(/images/facebox/tr.png)}
#facebox .bl {background:url(/images/facebox/bl.png)}
#facebox .b {background:url(/images/facebox/b.png)}
#facebox .br {background:url(/images/facebox/br.png); width: 10px; height: 10px;}
#facebox .l {background:url(/images/facebox/l.png)}
#facebox .r {background:url(/images/facebox/r.png)}
#facebox {position: absolute;top: 0;left: 0;text-align: left;z-index:100000;}
#facebox .popup {}
#facebox table {border-collapse: collapse;}
#facebox td {}
#facebox .body {background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center; margin:0 auto; padding: 15px; }
#facebox img {}
#facebox .footerpopup {position: absolute; right: 27px; top: 15px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {overflow: hidden; background-repeat: no-repeat; line-height: 1px; font-size: 1px;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%; cursor: pointer;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99000; cursor: pointer;}

*html #facebox_overlay { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

*html #facebox .t {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/inner/images/facebox/t.png', sizingMethod="scale");}
*html #facebox .b {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/inner/images/facebox/b.png', sizingMethod="scale");}
*html #facebox .l {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/inner/images/facebox/l.png', sizingMethod="scale");}
*html #facebox .r {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/inner/images/facebox/r.png', sizingMethod="scale");}
*html #facebox .tl {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/inner/images/facebox/tl.png', sizingMethod="crop");}
*html #facebox .tr {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/inner/images/facebox/tr.png', sizingMethod="crop");}
*html #facebox .bl {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/inner/images/facebox/bl.png', sizingMethod="crop");}
*html #facebox .br {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bitrix/templates/inner/images/facebox/br.png', sizingMethod="crop");}




/* ::::: ÏÎÄÂÀË ::::: */
#footer .footerInfo {float: left; position: relative; z-index: 4;}

#footer .partners { float: right; position: relative; z-index: 5; }
#footer .partners p { margin: 0 0 0 5px; }
#footer .partners .partnersLogos { margin: 8px 0 0 0; }
#footer .partners .partnersLogos img { margin: 0 0 0 5px; vertical-align: middle; }




/* ::::: ÃËÀÂÍÀß ÍÀÂÈÃÀÖÈß ::::: */
.topNavigation {
  height: 39px;
  overflow: hidden;
  font-size: 90%;
  background: url('/images/navigation-bg.png') repeat-x;
  position: absolute;
  bottom: -33px;
  left: 27px;
  z-index: 3;
}
.topNavigation .left, .topNavigation .right { width: 9px; height: 39px; float: left; }
.topNavigation .left { background: url('/images/navigation-left.png') no-repeat; }
.topNavigation .right { background: url('/images/navigation-right.png') no-repeat; }
.topNavigation  ul { padding: 0 40px; list-style: none; float: left; }
.topNavigation  ul li { padding: 0 7px; float: left; line-height: 39px; }




/* ::::: ÍÎÂÎÑÒÈ ::::: */
.news-date-time {
  color: #666666;
  font-weight: normal;
  font-size: 11px;
}
.news-item {
  margin: 0 0 20px 0;
  font-weight: bold;
}
.fl .news-item { font-weight: normal; }

.news_small{font-size:10px;}



#panel { position: relative; z-index: 30000; }

.flbig .margin .subtext h1, .nobrh h1 {
    margin:0;
    padding:0;
    display:inline !important;
    font: 10px Tahoma;
    color: #000;
    clear:none;
    padding:0px;
    margin:0px;
    font-weight:normal;
}
.flbig .margin .subtext h2 {
    margin:0;
    padding:1em 0 0 0;
    font: 10px Tahoma;
    font-weight:bold;
    color: #000;
}
.flbig .margin .subtext p, .nobrh p {
    margin:0;
    padding:0;
    font: 10px Tahoma;
    color: #000;
    display:inline;
}

#topMenu div.tbutton {
    padding-top: 7px;
    width: 133px;
    height: 20px;
    cursor: pointer;
}
#topMenu a, #topMenu a:hover {
    font-family: tahoma;
    font-size: 9px;
    text-decoration: none;
    color: #ffffff;
}
#topMenu img {
    color: #000000;
}

.nobrh h1 {
    font: 10px Tahoma !important;
}

.nobrh {
    position:relative;
    top:-10px;
}

.hoverText h1 {
    font: 14px Tahoma;
    color: #000;
    padding:0px;
    margin:0px 0px 12px 0px;
    font-weight:bold;
}
.hoverText p {
    padding:0px 0px 12px 0px;
    margin:0;
    font: 10px Tahoma;
    color: #000;
}

.allblack a, .allblack td, .allblack p, .allblack h1, .allblack h2, .allblack h3, .allblack ul, .allblack li {
    color:#000 !important;
    font:10px Tahoma;
}
.allblack h1, .allblack h2 {
    font:12px Tahoma;
    font-weight: bold;
    padding:0;
    margin:5px 0 3px 0;
}
.allblack h3 {
    font:10px Tahoma;
    font-weight: bold;
    padding:0;
    margin:0;
}
.allblack ul {
    margin:0 0 0 2em;
}