/* reset start ------------------------*/
body {
	width: 910px;
	margin: 0px auto;
	color: #454545; 
	font-size: 100%; 
	font-family: verdana; 
	background-color: #141414;
	text-align:center;
	}
a { 
	color: #4c9304; 
	}
td { 
	font-size: 100%; 
	vertical-align: top; 
	}
img {
	margin: 0px;
	}
p img {
	margin: 15px;
	}
@font-face {
    font-family: "PoiretOneNormal";
    src: url("../fonts/PoiretOneNormal/PoiretOneNormal.eot");
    src: url("../fonts/PoiretOneNormal/PoiretOneNormal.eot?#iefix")format("embedded-opentype");
		src:  url("../fonts/PoiretOneNormal/PoiretOneNormal.woff") format("woff");
		src:  url("../fonts/PoiretOneNormal/PoiretOneNormal.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
H1,H2,H3,H4,H5,H6 {
	font-family:PoiretOneNormal,Tahoma;
}

h1{
	font-size: 230%;
	font-variant:small-caps;
	font-weight: normal;
	}
img {
	border:0px;
	}
/* reset end ------------------------*/

.centered {
	text-align:center
	}
#material_list{
	border:1px solid red;
	padding:10px;
	}

#main-table{
	font-size: 100%;
	background-color: white;
	text-align: justify;
	width: 910px;
	}
#contactTable{
	width: 910px;
	}
#logoTD {
	text-align:right;
	background-color:#9e9e9e;
	}

.header-contacts {
	color:#4c9304;
	width:330px;
	background:url(/images/design/phone1.jpg) no-repeat;
	padding-left:50px;
	text-align:center;
	min-height:128px;
	}
.header-contacts a {
	color:#aee353;
	text-decoration:none;
}
.header-contacts a:hover {
	color:#E0FF0B;
}
.header-primary-phone {
	font-size: 180%;
	}
.header-email {
	font-size: 140%;
	}

.header-img-td {
	vertical-align:bottom;
	}
.contentTD {    
	width: 610px; 
	padding: 15px 20px 15px 45px; 
	}
	
.topmenu ul {
	font-size:105%;
	letter-spacing:0.2px;
	padding: 0px;
	list-style-type:none;
	width:100%;
	}
.topmenu li {
	float: left;
	display:block; 
	padding: 0px;
	height:22pt;
	}
.topmenu li a {
	color: #c3c3c3;
	text-decoration: none;
	padding: 6pt 10pt 6pt 10pt;
	}
.topmenu a.sel{
	background-color:#777777;
	}
.topmenu a:hover {
	color:white;
	background-color:#898989;
	text-decoration: auto;
	}

.leftmenu {
	width:220px;
	padding:10px 5px 5px 10px;
	}
.shoppingcart-small {
	text-align:left;
	margin:20px 15px 10px -10px; 
	padding: 5px 10px 10px 10px;
	border: 2px solid #F3F3F3;
	border-radius: 10px;
	background-color:#FCFDF9;
	background-image:url(/images/basket.gif);
	background-repeat:no-repeat;
	background-position: 20px 15px;
	}
.shoppingcart-small:hover {
	background-color:#FCFCFC;
}
.shoppingcart-small img{
	width-min:100px;
	height-min:100px;
	position:relative;
	margin:10px;
	border:1px solid #999;
	float:right;
	}
.shoppingcart-small .edit-button{
	display:block;
	width-min:24px;
	height-min:24px;
	float:right;
	position:relative;
	top:30px;
	}
.shoppingcart-small .edit-button img{
	margin:2px;
	border:none;
	}
#smallShoppingCart {
	margin:10px;
	}
.shoppingcart-small .leftmenu-header{
	padding: 20px 20px 6px 60px;
	}

.leftmenu ul{
	padding: 0px;
	margin:0px;
	list-style-type:none;
	}
.leftmenu div>ul:hover>li:not(:first-child){
  color: #CCC; /* or whatever color you prefer */
	}
.leftmenu li{
	margin:9px 0px 9px 0px;

	}
.leftmenu li:not(.leftmenu-header) a {
	margin-left:-10px;
	padding: 6px 20px 6px 20px;
	}
.leftmenu li a:hover, .leftmenu li a.selected  {
	color: white;
	background-color:#141414;
	}
.leftmenu>img {
	margin-left: -5px;
	}
.leftmenu li ul {
	margin: 0px;
	margin-left: 10px;
	padding:0px;;
	}
.leftmenu li ul:hover>li{
	}
.leftmenu li ul li {
	width:160px;
	margin: 6px 0px 6px 0px;
	padding:0px;;
	}
.leftmenu li:not(.leftmenu-header) ul li a {
	margin-left:-20px;
	padding: 6px 10px 6px 40px;
	}
.leftmenu-header a{
	line-height:150%;
	font-size:180%;
	margin-left:-40px;
	padding: 6px 20px 6px 40px;
	}
.item-list-item {
	text-align:center;
	position:relative;
	width: 560px;
	font-size:90%;
	/*float:left;*/
	margin:5px; 
	padding:15px;
	border: 2px solid #F3F3F3;
	border-radius: 10px;
	min-height:325px;
	}
.item-list-item:hover{
	border: 2px solid #CCCDC9;
/*	border: 2px solid white;*/
	}
.item-list-item .css-tooltip-hidden-holder{
	position: relative;
	}
	
.item-list-item .css-tooltip-hidden{
	padding-top:20px;
	padding-left:20px;
	position:absolute;
	right:-2px;
	top:0px;
	background:#FAFBF6 url(/images/arrow.png) no-repeat;
	text-align:center;
	min-width:303px;
	max-width:350px;
	/*width: px;
	/*float:left;*/
	z-index:10;
	border: 2px solid #CCCDC9;
	border-radius: 10px;
	}
.item-list-item ul{
	list-style-type:none;
	}

.item-list-item .item-table {
	/*float:left;*/
	width:563px;
	}




.item-list-item .left-td {
	/*float:left;*/
	width:210px;
	text-align:center;
	min-width:250px;
	}
.item-list-item .right-td {
	/*float:left;*/
	position:relative;
	width:100%;
	text-align:left;
	}

.item-list-item .sizes label:not(:first-child) em{
	/*float:left;*/
	font-size:110%;
	font-weight:normal;
	}

.item-list-item img{
	max-width:250px;
	border: none;
	}



.item-list-item.sozdat-dizain-link {
	min-height:50px;
	}
.item-list-item.sozdat-dizain-link a{
	padding:20px;
	font-size:200%;
	font-weight:bold;
	}
.item-list-item.sozdat-dizain-link a span{
	margin:0px 20px 0px 20px;
	}
.item-hidden ul{
	text-align: left;
	margin-left: 30px;
	padding:0px 20px 0px 5px;
	}
.item-list-item li{
	width:100%;
	margin-top:5px;
	}
.item-hidden{
	padding-top:15px;
/*
	border: 2px solid #DCDDD9;
	border-radius: 10px;
	position:absolute;
	z-index:3;*/
	/*
	top: 100%;
	left:0px;
	border-top:none;
	background-color:#FAFBF6;
	*/

	}
.item-hidden.left{
	right:98%;
	width:100%;
	top:-2px;
	border-right:none;
	}
.item-hidden.right{
	/*left:98%;
	width:100%;
	top:-2px;
	border-left:none;*/
	}
.item-hidden em{
	font-size:130%;
	color:#950000;
	font-weight:bold;
	}
.item-hidden .sizesl{
	text-align:left;
	}
.item-hidden label{
	display: block;
	cursor:pointer;
	text-align:left;
	margin-left:20px;
	}
.item-hidden label:hover{
	background-color:#FCFDF9;
	
	}
.item-hidden label div{
	font-size:90%;
	color:#999;
	font-style:italic;
	margin-bottom:5px;
	
	}

.item-list-pages {
	margin:30px 10px 10px 30px;
	width:500px;
		
	}
.item-list-pages a {
	display:block;
	padding:5px;
	margin:5 10 5 10  px;		
	float:left;
	font-size: 100%;
	text-decoration: none;
	}
.item-list-pages .nav-text {
	display:inline;
	float:left;
	padding:5px;
	margin:5 10 5 10  px;		
	}
.item-list-pages .nav-end  {
	clear:both;
	}
.item-list-pages .selected {
	background-color:#141414;
	color: white;
	}
.item-list-pages a:hover {
	color: white;
	background-color:#949494;
	}
.item {
	margin:5px; 
	border: 2px solid #F3F3F3;
	border-radius: 10px
	}
.filters td{
	border-bottom:1px solid #ECEDE9;
	padding:5px;
	
	}
.filters {
	border: 1px solid #E7E7E7;
	background-color:#FCFDF9;
	border-radius:10px;
	padding: 15px;
	padding-top:35px;
	margin:0 auto;
	width:95%;
	position: relative;
	text-align:center;
	}
.filters td{
	text-align:left;
	}
.filters div{
	display: block;
	float: left;
	min-width:150px;
	}
.filters .selected{
	font-weight:bold;
	font-style:italic;
	}
.filters .submit {
	background-color:#BBBEB4;
	border-color:#BBBEB4;
	width: 50%;
	margin 0px auto;
	color: white;
	font-size: 150%;
	font-weight:bold;
	}
.filters .submit:hover {
	background-color:#D2D3CB;
	}
.filters h5{
	position:absolute;
	right:20px;
	top:5px;
	color: #CCC;
	font-size: 150%;
	font-weight:bold;
	margin:0px;
	}
.filters label:hover{
	background-color:#F7F7F7;
	}

.help-bar{
	width: 100%;
	display:table-cell;
	text-align:center;
	cursor:pointer;
	}
.help-item {
	width: 270px;
	position:relative;
	float:left;
	padding:10px;
	margin: 10px 5px 5px 5px;
	border: 2px solid #F3F3F3;
	border-radius: 10px;
	}
.help-item input, textarea{
	font-size:150%;
	display:block;
	margin:10px;
	padding:5px 15px 5px 15px;
	}
.help-text {
	margin-top:5px; 
	font-size:140%;
	}
.help-header {
	z-index:1;
	position: absolute;
	top: -9pt;
	left: 30px;
	background-color: white;
	padding: 0px 5px 0px 5px;	
	}
.help-phone{
	font-size: 180%;
	}
.help-hidden {
	text-align:center;
	padding:10px 0px 10px 0px;
	margin-right:20px;
	width: 100%;
	position:absolute;
	left:0px;
	top:95%;
	z-index:2;
	background-color:#FAFBF6;
	border: 2px solid #E3E3E3;
	border-top:none;
	border-radius: 10px;
	
	}
.tooltip {
	display:none;
	}
.popup {
	display:none;
	}
/*common classes */
.big-discount{ 
	position:absolute;
	left:30px;
	bottom:-20px;
	font-size:40px;
	color:#F90;
	}
.big-discount .info{  
	font-size:16px;
	color:#903;
	}

.discount { 
	color: #141414; 
	font-size: 10pt; 
	text-decoration: 
	line-through; 
	}
.price { 
	color: #950000; 
	font-size: 110%; 
	font-weight: bold; 
	}
.smallPrice { 
	color: #950000; 
	font-weight: bold; 
	}
.message { 
	color: #C7E379; 
	font-size: 110%; 
	font-weight: bold; 
	}
.wide {
	width:565px;
	}


.order-button {
	position:relative;
	left:20px;
	cursor:pointer;
	/*top:45px;*/
	outline:none;
	border:3px solid #f1b33c;
	color:black;
	font-size:130%;
	text-decoration:none;
	font-weight:bold;
	padding:0.7em 2em 0.7em 2em;
	margin:1.7em 2em 1.7em 2em;
	border-radius:15px;
	background-color:#FC0;
	background:linear-gradient(#fee911 , #ec9a0a);
	background:-webkit-linear-gradient(#fee911 , #ec9a0a);
-webkit-box-shadow: -4px 4px 5px 2px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    -4px 4px 5px 2px rgba(50, 50, 50, 0.3);
box-shadow:         -4px 4px 5px 2px rgba(50, 50, 50, 0.3);
	width:80%;
	}
.order-button:hover { 
	left:19px;
	top:1px;
	background:linear-gradient(#FDDB3C 35%, #FDE36A);
	background:-webkit-linear-gradient(#FC0 35%, #FDE36A);
-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);}		





.save-button {
	display:inline-block;
	cursor:pointer;
	/*top:45px;*/
	outline:none;
	border:2px solid #C5DF68;
	color:black;
	font-size:140%;
	text-decoration:none;
	font-weight:normal;
	padding:0.5em 1em 0.5em 1em;
	margin:0.5em 1em 0.9em 1em;
	border-radius:5px;
	background-color:#D9F77D;
	background:linear-gradient(#D9F77D , #C2D55B);
	background:-webkit-linear-gradient(#D9F77D , #C2D55B);
-webkit-box-shadow: -3px 3px 4px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -3px 3px 4px 1px rgba(50, 50, 50, 0.75);
box-shadow:         -3px 3px 4px 1px rgba(50, 50, 50, 0.75);
	}
.save-button:hover { 
	background:linear-gradient(#C2D55B , #D9F77D);
	background:-webkit-linear-gradient(#C2D55B , #D9F77D);
-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}		



.details-button {
	line-height:24px;
	display:inline-block;
	cursor:pointer;
	/*top:45px;*/
	outline:none;
	border:2px solid #C5DF68;
	color:black;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	padding:0.5em 1.5em 0.5em 1.5em;
	margin:0.5em 0em 0.9em 0em;
	border-radius:8px;
	background-color:#D9F77D;
	background:linear-gradient(#D9F77D , #C2D55B);
	background:-webkit-linear-gradient(#D9F77D , #C2D55B);
-webkit-box-shadow: -3px 3px 4px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    -3px 3px 4px 1px rgba(50, 50, 50, 0.5);
box-shadow:         -3px 3px 4px 1px rgba(50, 50, 50, 0.5);
	}
.details-button:hover { 
	background:linear-gradient(#C2D55B , #D9F77D);
	background:-webkit-linear-gradient(#C2D55B , #D9F77D);
-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}		

.round-button {
	display:inline-block;
	cursor:pointer;
	/*top:45px;*/
	outline:none;
	border:2px solid #C5DF68;
	color:black;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	padding:0.5em 2em 0.5em 2em;
	margin:0.5em 2em 0.9em 2em;
	border-radius:8px;
	background-color:#D9F77D;
	background:linear-gradient(#D9F77D , #C2D55B);
	background:-webkit-linear-gradient(#D9F77D , #C2D55B);
-webkit-box-shadow: -3px 3px 4px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -3px 3px 4px 1px rgba(50, 50, 50, 0.75);
box-shadow:         -3px 3px 4px 1px rgba(50, 50, 50, 0.75);
	}
.round-button:hover { 
	background:linear-gradient(#C2D55B , #D9F77D);
	background:-webkit-linear-gradient(#C2D55B , #D9F77D);
-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}		

.designer-button img{
	vertical-align:middle;
	}
.designer-button {
	display:inline-block;
	cursor:pointer;
	/*top:45px;*/
	outline:none;
	border:2px solid #EEE;
	color:black;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	padding:0.5em;
	margin:0.5em;
	border-radius:8px;
	background-color:#FFF;
	background:linear-gradient(#FFF , #EEE);
	background:-webkit-linear-gradient(#FFF , #EEE);
-webkit-box-shadow: -3px 3px 4px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    -3px 3px 4px 1px rgba(50, 50, 50, 0.5);
box-shadow:         -3px 3px 4px 1px rgba(50, 50, 50, 0.5);
	}
.designer-button:hover { 
	background-color:#EEE;
	background:linear-gradient(#DDD , #EEE);
	background:-webkit-linear-gradient(#DDD , #EEE);
-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}	

.oformit-button {
	display:inline-block;
	cursor:pointer;
	/*top:45px;*/
	outline:none;
	border:3px solid #f1b33c;
	color:black;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	padding:.5em 2em .5em 2em;
	margin:.8em 2em 0.8em 2em ;
	border-radius:3px;
	background-color:#FC0;
	background:linear-gradient(#fee911 , #ec9a0a);
	background:-webkit-linear-gradient(#fee911 , #ec9a0a);
-webkit-box-shadow: -3px 3px 4px 1px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    -3px 3px 4px 1px rgba(50, 50, 50, 0.2);
box-shadow:         -3px 3px 4px 1px rgba(50, 50, 50, 0.2);
	}
.oformit-button:hover { 
	background:linear-gradient(#FDDB3C 35%, #FDE36A);
	background:-webkit-linear-gradient(#FC0 35%, #FDE36A);
-webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}		


#leave-feedback {
	
	display:block;
	clear:both;
	font-size:24px;
	text-decoration:none;
	margin-left:120px;
	width:340px;
	padding: 10px;
	cursor:pointer;
	border-style:double;
	border-radius:20px;
	border-width:7px;
	color:#FEFDF5;
	font-weight:bold;
	background-color:#D0E707

	}

.bread-crumbs {
	margin: 10px;
	}
.high-index {
	position: relative;
	top:-4px;
	font-size:75%;
	text-decoration:none;
	}
.css-tooltip {
	
	}
.css-tooltip-hidden {
	display:none;
	}
.show{
	display:block;
	}

.css-tooltip:hover .css-tooltip-hidden {
	display:block;
	}
	
.materials-td { 
	width: 385px
 }
.material-header {
	padding:10px;
	padding-left:30px;
	border-top:1px solid #CCC;
	}
.material-header h4{
	margin:5px;
	display:inline;
	}
.material-group-header {
	border: 1px solid #E7E7E7;
	background-color: #FCFDF9;
	border-radius: 10px;
	padding: 15px;
	margin: 5px;
	margin-top: 50px;
	width: 95%;
	position: relative;
	text-align: center;
	}
.material-group-header h3{
	margin-top:5px;
	font-size:20%;
	}
.materials-td .selectable{ 
	width:64px;
	height:64px;
 }
#designer-order-block {
	padding:20px
	}
#designer-models-block{
	padding-left:20px
	}
#designer-sizes-block{
	margin-top:10px
	}
.designer-comment{
	font-size:90%;
	color:#999;
	font-style:italic;
	margin:2px 20px 7px 30px;
	}
#designer-combinations-block{
	padding-left:20px
	
	}
.designer-preview-block {
	text-align:center;
	}
.designer-left-td {
	width: 290px;
	vertical-align: top;
	}
.designer-right-td {
	width: 290px;
	text-align:center;
	vertical-align: top;
	}
#page-content h3.designer-step {
	font-size:140%;
	color:white;
	background-color:#999;
	padding:5px;
	margin:2px;
	margin-top:30px;
	margin-right:10px;
	text-align:left;
	}
	
.designSelectParams { font-weight: bold; }
.selectedMaterials img { background-color: #fff; margin: 3px; padding: 3px; border: solid 1px #d7d7d7; cursor: pointer; }
.selectedMaterials { margin: 5px; padding: px; }
.combinations td { padding: 5px 5px 15px; }
#materialsTooltip { background-color: #fff; position: absolute; width: 400px; height: auto; margin: 5px; padding: 10px; border: solid 1px #ddd; }
#material_tooltip_img { background-color: #fff; float: left; margin: 3px; padding: 3px; border: solid 1px #d7d7d7; }
#materialsTooltip span span { display:block; padding:5px; }
#materialsTooltip span span:hover { background-color:#f7f7f7 }

.materials img { cursor: pointer; }
#quantity { width: auto; height: auto; }
.combination_description { display: none; }
#material1, 
#material2, 
#material3, 
#material4, 
#material5, 
#material6, 
#material7, 
#material8 { width: 12px; height: auto; }

#pricePreview { 
			display: hidden;
			 }

#materialsTable {text-align: left; width:95%;}
#materialsTable ul {display:inline-block}
#materialsTable li	{ margin:5px; padding:5px;  width:20%; list-style-type: none; float:left;display:block; width:auto; }

#materialsTable div:first	{ width: 100%; background-color:#fff1c6; padding:20px;text-align:center; }
.tooltip{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	
	}
	
.designer-quantity-block { 
			float:left; 
			margin: 5px;  
			display:block;
			text-align:center;
			}
.designer-quantity-block input { 
			width:80px; 
			height:30px; 
			box-sizing:border-box;
			moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			padding-left: 0px;
			padding-right: 0px;
			border: none;
			font-size:22px;
			cursor:pointer;
			}
.designer-quantity-block .quantity-input { 
			font-size:25px;
			width:35px; 
			text-align: center;
			margin: 5px;
			cursor:default;
			}
#previewImg {
		max-width:325px;
	}
#previewImg2 {
	max-width:186px;
	}
	
	
	
#page-content h2 {
	font-size:16px;
	text-align:center;
	}
#page-content p {
	text-indent: 10px;
	padding-right:30px;
	}
#page-content h3 {
	font-size:14px;
	font-weight:bold;
	color:#777;
	text-indent: 30px;
	}
.feedback {
	margin: 20px;
	padding: 20px;
	border: 1px solid #e3e3e3;
	border-radius: 20px;
	background-color: #fcfcfa;
	max-width: 500px;
	}
.feedback .contacts {
    margin: 0px 0px 30px 0px;
	}
.feedback .name {
    float: left;
    font-weight: bold;
	}

.feedback .time{
	float: right;
    font-size: 80%;
    color: grey;
	}
.feedback .zero-stars {
	width:135px;
	height:13px;
	background:url(/images/design/zero-stars.png) no-repeat;
	display: inline-block;
	background-size:57px;
	margin:0px 0px 0px 15px;
	}
.feedback .five-stars {
	height:13px;
	background:url(/images/design/five-stars.png) no-repeat;
	display: inline-block;
	background-size:57px;
	}
.feedback .name a{
	color:black;
	text-decoration:none;
	} 
.feedback .images{ 
	margin:10px;
	text-align:left;
	color:#D9A395
	}
.feedback .reply {
	}
.feedback .answers {
 	clear:both;
	}
.feedback .answer {
	margin:30px;
}


.feedback .useful {
    float: right;
	font-size:80%;
	}
.feedback .useful .yes{
	color:#6C0;
	}
.feedback .useful .no{
	color:#F63;
	}
.input-with-comment {
	clear:both;
	}
.input-with-comment .input{
	float:left;
	width:240px;
	margin:20px;
	}
.reply .input-with-comment .input{
	width:70%;
	}
.reply .rating-block {
	display:none;
	}
.input-with-comment .input input[type='text'],input[type='file']{
	display:block;
	width:100%;
	}
.input-with-comment .input label{
	display:block;
	width:100%;
	cursor:pointer;
	}


.input-with-comment textarea{
	height:250px;
	width:100%;
	margin:0px;
	}
.input-with-comment .comment{
	float:right;
	width: 240px;
	font-size:80%;
    border-left: 1px solid rgb(243, 233, 225);
	margin:20px;
	cursor:help;
	}
.reply .input-with-comment .comment{
	display:none;
	}
.input-with-comment .comment ul li{
	margin-bottom:10px;
	}
#page-content #association {
	margin:10px;
	float:left;
	 }
	 
	 #material_viewer .threesixty {
  position: relative;
  overflow: hidden;
  border: solid 1px #999;
  margin: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#material_viewer .threesixty .spinner {
  width: 60px;
  display: block;
  margin: 0 auto;
  height: 30px;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#material_viewer .threesixty .spinner span {
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 12px;
  font-weight: bolder;
  color: #FFF;
  text-align: center;
  line-height: 30px;
  display: block;
}
#material_viewer .threesixty .threesixty_images {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#material_viewer .threesixty .threesixty_images img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}
#material_viewer .threesixty .threesixty_images img.current-image {
  visibility: visible;
  width: 100%;
}
#material_viewer .threesixty .threesixty_images img.previous-image {
  visibility: hidden;
  width: 0;
}
#material_viewer .threesixty .nav_bar {
  position: absolute;
  bottom: 10px;
  left: 30%;
  z-index: 11;
}
#material_viewer .threesixty .nav_bar a {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  background: url(/js/three/assets/images/sprites.png) no-repeat;
  text-indent: -99999px;
}
#material_viewer .threesixty .nav_bar a.nav_bar_previous {
  background-position: 0 -73px;
}
#material_viewer .threesixty .nav_bar a.nav_bar_next {
  background-position: 0 -104px;
}
#material_viewer .threesixty .nav_bar a.nav_bar_play {
  background-position: 0 0;
}
#material_viewer .threesixty .nav_bar a.nav_bar_stop {
  background-position: 0 -37px;

}

#leftScrollable {
	background-color:white;
	padding:10px;
	}
#material-catalog-colors {
	}
#association {
	float:right;		
	text-align:left;
		}
#association .text{
	margin-left:50px;;		
		}
#product {
	margin-top:30px;
	width:580px;
	border:none;
	padding:0px;
	}
#product .product-image{
	margin:10px;
	width:250px;
	}
#product #phone-block{
	text-align:center;
	}
#product #phone-block .phone{
	font-size: 24px;
	}
#product #order-button-block {
	
	padding: 20px;
	background-color: rgb(245, 245, 245);
	margin: 30px;
	border-radius: 10px;
	margin-right: 30px;
}

#product #order-button-block {
	margin-left:30px;
}
#product #order-info-block {
	margin: 20px 20px 20px 40px;
}

#product #order-info-block h5 {
	margin-bottom:1px;
	font-size:16px;
	}

#product-info {
	}
	
#product-info .shortname{
	font-weight: bold;
	}
#product-info .detailed{
	color:#777;
	font-style:italic;
	margin-left:30px;
	}

#product-info li{
	color:#777;
	font-style:italic;
	margin-top:15px;
	}
	
#product-info .shortname{
	color: #aAA;
	}

 :checked+span{ 
	font-size:18px;
	color: black !important;
	} 
#product-info #materials-info img{
	vertical-align:middle;
	}
.similar-item {
	margin:10px;
	position:relative;
	float:left;
	width:170px;
	height:170px;
	
	}
.similar-item .image{
	text-align:center;
	}
.similar-item img{
	max-width:150px;
	max-height:150px;
	}
.similar-item .header{ 
	position:absolute;
	top:150px;
	width:170px;
	text-align:center;
	}
.tkani-holder{
	margin:5px;
	width:290px;
	height:190px;
	float:left;
	position:relative;
	cursor:pointer;
	}
.tkani-holder a{
	font-size:16px;
	font-weight:bold;
	display:block;
	margin:5px;
	}
.tkani-holder .info-holder{
	position:absolute;
	bottom:0px;
	padding:10px;
	margin:10px;
	background: rgba(255, 255, 255, 0.65);
	}
.tkani-holder:hover .info-holder{
	background: rgba(255, 255, 255, 0.8);
	}


.collection-links {
	clear:both;
	padding:40px 0px 20px 0px;
	display:block;
	font-size:200%
	}
.collection-links .collection-link {
	display:block;
	margin: 5px 0px 5px 20px;
	}
.collection-links .collection-link.selected{
	font-weight:bold;
	margin-left:30px;
	padding:6px 0px 8px 50px;
	background:url(/images/finger2.png) no-repeat;
	}
.model-link{
	display:block;
	padding-left:30px;
	}
.model-link.selected{
	font-size:20px;
	margin-left:10px;
	margin-top:5px;
	padding:10px 0px 6px 50px;
	background:url(/images/finger2.png) no-repeat;
	}
.material-collection {

	width:100%;
	min-height:200px;
	position:relative;
	}
.material-collection img{
	margin:10px 0px 0px 0px;
	border:1px solid #EFEEE7;
	}
.material-collection a img{
	border:none;
	}
.material-collection .text {
	position:absolute;
	top:5px;
	left:310px;
}
.material-collection  a{
	position:absolute;
	top:110px;
	right:150px;
	border:none;
}
.thumbnail-image {
	width:64px;
	}
#main-division-1 {
	background-color:#FCF2D3;
	color: black;
	padding:13px 6px 25px 18px;
	}
#main-division-1 h3{
	color: #333;
	}
.thank-you {
	display:none
	}
.no-thank-you {
	display:block;
	}
#main-page-catalog {
	
	}
#main-page-catalog td{
	text-align:center;
	border:1px solid white;
	}
#main-page-catalog td:hover{
	border:1px solid #F5F5F3;
	}
#main-page-catalog a{
	font-size:16px;;
	}
#main-page-catalog a:hover{
	color:#C5D215;
	}
.actual-price {

	font-size:80%;
	vertical-align:middle;
	margin-top:10px;
	padding:10px 15px 20px 10px; 
	margin:5px 75px 50px 75px;
	border: 2px solid #F3F3F3;
	border-radius: 10px;
	min-height:128px;

	}
.actual-price img{
	float:left; 
	}
.actual-price .date{
	margin-top:28px;
	}
.required-star{
	color: red;
	font-size:12px;
	}

.content-table {
	width:500px;
	border:1px solid #CCC;
	margin:10px 40px 20px 20px;
	text-align:left;
}


.content-table tr:first-child{
	font-weight:bold;
	background-color:#CCC;
	text-align:center;
	}
table.content-table td{
	padding:10px;
	}