/** ============================= layout ============================= **/

html, body {
	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;
}

body { background: white; }

/* .content, .b-top, .b-bottom, .b-bl, .content-text {
	height: 100%;
} */

.fh { height: 100%; }
.fw { width: 100%; }
.fwh { width: 100%; height: 100%; }

.left {
	background: url(image/bg.png) repeat-y left;
}
.top {
	background: url(image/top.png) repeat-x top;
}
.bottom {
	background: url(image/bottom.png) repeat-x bottom;
}

table.lo {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
table.lo th,
table.lo td {
	vertical-align: top;
	border: none;
	padding: 0;
	margin: 0;
}


.h2 {
	font-size: 10pt;
	margin: 0;
	padding: 0 24px;
	height:36px;
	line-height: 36px;
	vertical-align: middle;
	background: url('image/corner.png') no-repeat 0 0;
}


/** ============================= box ============================= **/

.sidebox {
	background: url("image/box-bg.png") repeat-y left;
	margin: 0 4px 0;
	padding: 0 10px;
}
.sb-top, .sb-bottom {
	background: url("image/box-top,bottom.gif") no-repeat top left;
	height: 6px;
	font-size: 1px;
	margin: 0 -10px;
}
.sb-bottom {
	background-position: bottom left;
}

.content {
	background: url("image/bg.png") repeat-y left;
}
.content-text {
	padding-left: 16px !important;
	/* height: 100%; */
	overflow: auto;
}
.b-top {
	background: url("image/top.png") repeat-x top;
}
.b-bottom {
	background: url("image/bottom.png") repeat-x bottom;
}

/* h2 {
	background: url("image/corner.png") no-repeat top left;
	padding:10px 5px 0px 16px;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	height: 24px;
} */

.b-bl {
	background: url("image/corner2.png") no-repeat bottom left;

}

/** ============================= design ============================= **/

body, td, th {
	font: 10pt Verdana;
	/* font-size: 1em; */
}

a {
	color: rgb(94,84,164);
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}

p {
	margin: .3em 0 0 0;
	padding: 0;
}

ul {
	margin: 0;
	padding-left: 1.5em;
}

.deviz {
	color: rgb(94,84,164);
	font: italic 14pt 'Times New Roman', Times, serif;

	text-align: center;
	white-space: nowrap;
}


.header {
	white-space: nowrap;
}

.footer {
	text-align: center;
	/* font-size: 8pt; */
	margin-top: 4px;
	padding: 4px 2px 2px 2px;
	background: url("image/top.png") repeat-x top;
}




ul.sidemenu, ul.sidemenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.sidemenu ul {
	margin: 0 1em;
}
ul.sidemenu li {
	padding: .2em 0;
	margin: 0;
}

img {
	vertical-align: middle;
}











.dfg-details {
	width: 100%;
	border: 1px solid #99CCFF;
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0;
}
.dfg-details th {
	background: #99CCFF;
	border-right: 1px solid white !important;
}
.dfg-details tr {
	border-bottom: 1px solid #00CCFF;
}
.dfg-details tr:hover {
	background: white;
}
.dfg-details td {
	margin: 0;
	padding: 3px !important;
}





.palette div {
	background: white url("image/color1.gif") no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: inline;
}
img { border: none; }


.js .js_hide {
	display: none;
}

.price {
	margin: .5em 0;
	/* vertical-align: middle;
	line-height: 1.2em; */
}
.price span {
	font-size: 1.2em;
	font-weight: bold;
	color: rgb(94,84,164);
}

.descr {
	font: italic 12pt "Times New Roman", Times, serif;
	margin-bottom: .5em;
	/* text-transform: capitalize; */
}

.alert {
	/* position: absolute;
	bottom: 0; */
	width: 400px;
	padding: .5em;
	text-align: center;
	margin: auto;
	/* background: #F7FFCD; */
	background: rgb(255,251,229);
	font: italic bold 10pt "Times New Roman", Times, serif;
}


ul.sizes_list {
	list-style: none;
	padding: 0;
	margin: .5em;
}
ul.sizes_list li {
	display: inline;
	padding: .1em .5em;
	margin: 0;
	border: 1px solid #ccc;
	white-space: nowrap;
	float: left;
}

.news_item {
	margin-bottom: 1em;
}
.news_date, .news_title {
	font-weight: bold;
	color: black;
}

.new {
	color: red;
	font-weight: bold;
	font-size: 7pt;
	vertical-align: top;
	text-decoration: blink;
}