/* @override 
	http://www.potolok-online.ru/css/screen.css
*/

#stepbystep{
  font-size: 18px;
  font-weight: bold;
  color: #666666;
}

#description{
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}

#container{width: 650px;}

.steps{display: none; color: #666666;}

#step1{display: block;}

.steps div.title{
  display: inline-block;
  width: 160px;
  color: #666666;
  vertical-align: top;
	margin: 0;
	font-size: 14px;
}

#step1 select{margin-left: 45px; width: 205px;}

#step1 img{cursor: pointer; vertical-align: middle;}

#naving {width: 100%;}

#naving #prev{float: left;}

#naving #next, #naving #submit{float: right;}

#naving #submit {
    font-size: 14px;
    width: 150px;
    display: none;
}

.sendButtons{
	width: 300px;
}

div#finale_warning.finale_warning {
	display: none;
}

#naving a{display: block; font-size: 16px;}

.steps a{
	font-size: 100%;
	text-decoration: none;
	font-variant: normal;
}

a#showOtherType {
	font-size: 85%;
	text-decoration: none;
	font-variant: normal;
	text-align: left;
	font-weight: bold;
}

#naving a, .steps a{color: #666666; text-decoration: none;}

#naving a:hover, .steps a:hover{
  text-decoration: underline;
  color: #444444;
}

#naving a.disabled{
  color: #DFDFDF;
  cursor: default;
  text-decoration: none;
}

div#mainContent #content{min-height: 400px;
	margin: 0;
	padding: 0;
}

.group{display: inline-block; *display: inline; zoom: 1;}

.s2More6{display: none;}

#step2 input{margin: 0 0 4px 25px; width: 100px;}

#step3 select{margin: 0 0 4px 20px; width: 220px;}

#step3 input{margin-left: 20px;}


#preview_img_preload{
  display: block;
  margin: 0px;
  padding: 0px;
  border: 1px solid #808080;
  width: 502px;
  height: 502px;
  background: url(../images/loadingAnimation.gif) center no-repeat;
}

#preview_confirm img{
  display: none;
  width: 502px;
  height: 502px;
  clear: both;
}

#simplemodal-controlbar {
  display: block;
  clear: left;
  float: left;
  margin-top: 6px;
  font-size: 12px;
}

.simplemodal-buttons {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

#simplemodal-code{vertical-align: top; padding-left: 10px;}

#simplemodal-container div.simplemodal-apply{
  display: inline-block;
  font-size: 14px;
  clear: right;
  float: right;
  cursor: pointer;
  color: #333333;
  font-weight: bold;
  margin-top: 6px;
  border-bottom: 1px dotted white;
}

#simplemodal-container div.simplemodal-apply:hover{
  border-bottom: 1px dotted #333333;
}

#simplemodal-overlay {background-color: #000;}

#simplemodal-container {
  background-color: #FEFEFE;
  border: 8px solid #4A4A4A;
  padding: 12px;
}

#simplemodal-container a.simplemodal-close {
  background: url(/images/x.png) no-repeat;
  width: 25px;
  height: 29px;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -18px;
  cursor: pointer;
}

#simplemodal-content {
  width: 66px;
  height: 66px;
  background: url(/images/ajax-loader.gif) center no-repeat;
}

#simplemodal-helper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -10;
}

.preview_step_block{
  display: none;
  clear: both;
  margin-top: 5px;
  width: 100%;
}

.preview_step_block h2{
  display: inline;
  vertical-align: top;
  font-size: 20px;
  font-weight: bolder;
}

.preview_step_block div{display: inline-block;}

.preview_step_block h5{
  display: block;
  vertical-align: top;
  font-weight: normal;
}

.preview_step_block .preview_carusel{
  position: relative;
  display: block;
  padding: 2px;
  background-color: #E8E8E8;
  border: 1px solid #808080;
  width: 630px;
  height: 106px;
  overflow: hidden;
	margin: auto;
}
/* Стили для карусели */

.viewer_CaruselItems li{
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  cursor: pointer;
  padding: 2px 2px 2px 2px;
  margin: 0px 6px 0px 6px;
  background: url(../images/small-loader.gif) 50% 18px no-repeat;
  border: 1px solid #E8E8E8;
  height: 100px;
  width: 64px;
  line-height: 12px;
}

.viewer_CaruselItems li:hover{
  border: 1px solid #808080;
  background-color: #E0E0E0;
}

.viewer_CaruselItems img{
  width: 64px;
  height: 64px;
  margin: auto;
}

.viewer_CaruselItems .img{
  width: 64px;
  height: 64px;
  margin: auto;
}

.preview_buttons {
  position: relative;
  display: inline-block;
  vertical-align: 58px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.next{background-image: url(../images/next.png);}

.back{
  background-image: url(../images/back.png);
}
/* Стили для выбранных цветов */

.preview_selected{
  display: none;
	margin-top: 5px;
	width: 100%;
}

.preview_selected_item{
  display: inline-block;
  float: left;
  text-align: center;
  padding-top: 10px;
  height: 85px;
  width: 286px;
}

.preview_selected_exchange{
  display: inline-block;
  float: left;
  margin-top: 31px;
  height: 32px;
  width: 56px;
  background: url(../images/small-exchange.png) center no-repeat;
  cursor: pointer;
}

.fullwidth{width: 100%;}

.preview_selected_item img{
  display: block;
  border: 1px solid #808080;
  width: 66px;
  height: 66px;
  margin: auto;
  clear: both;
}

.preview_load{
  display: none;
  overflow: hidden;
  margin: 5px 0px 0px;
  clear: both;
  min-height: 100px;
	width: 100%;
}

#preview_img{
  display: block;
  border: 1px solid #808080;
  height: 100px;
  background: url(../images/loadingAnimation.gif) center;
	width: 600px;
	clear: both;
	margin: auto auto 20px;
}

.preview_load a:hover{border-bottom: 1px dotted #333333;}

#s5Color {
  margin: 0 0 4px 20px; width: 150px;
}

#s5Count{
  margin: 0 0 4px 24px; width: 144px;
}

#s5Heights{
    margin-left: 15px;
}

#mainContent{
    width: 640px;
    padding: 5px;
}

#finaly{
    font-size: 14px;
    text-align: justify;
}

span.price{
    color: black;
    font-weight: bold;
    font-size: 100%;
	margin: 0;
	text-align: justify;
	float: none;
	padding: 0;
}

span#MPrice.price {
	font-size: 140%;
}

span#EPrice.price {
	font-size: 140%;
}

span#AllPrice.price {
	font-size: 150%;
}

#sepInfo, #lightInfo{
    display: none;
}

#dt{
    width: 80px;
}

#tph, #tpm{
    width: 20px;
    border: 0px;
    text-align: center;
}

#tp{
    border: 1px solid #959595;
}
#outSity{
    width: 45px;
}

#formSend{
    display: none;
}
#calckAgain{
    display: none;
}
#calckAgain a{
    font-size: 14px;
    text-decoration: underline;
    color: #444444;
}
#moreParams{
    display: none;
}
#s3moreParams{
    display: none;
}