/* general */
body {
	margin: 0;
	padding: 0;
}

body, table, textarea {
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	color: #FF5A00;
	font-family: Verdana, Helvetica, Sans-serif;
	text-indent: 0px;
	margin: 16px 0 0 8px;
}

h1 { font-size: 18px; font-weight: normal; }
h2 { font-size: 17px; font-weight: normal; }
h3 { font-size: 11px; font-weight: normal; font-weight: bold; }

a {
	color: #0166BB;
	text-decoration: none;
}

a:hover {
	color: #EF4A00;
	text-decoration: none;
}

.tt {display:none; font-size: 12px}

a:visited {
	color: #777777;
	text-decoration: none;
}

a img { border: 0; }

form { margin: 0; }

.btn {
	height: 20px;
	border: 1px solid #036EC0;
	background-color: #ffffff;
	color: #036EC0;
	font-size: 11px;
}

.edit {
	border: 1px solid #036EC0;
	background-color: #ffffff;
	font-size: 11px;
}

input.edit {
	height: 20px;
}

input.small {
	width: 48px;
	text-align: right;
	font-weight: bold;
	padding: 2px 4px;
}

span.small {
	color: #777777;
	font-size: 11px;
}

.red {
	color: #ff0000;
}

.green {
	color: #00Af00;
}

.orange {
	color: #FF5A00;
}

.error, .err_msg  {
	color: red;
}


#outer {
	width: 1000px;
	height: 100%;
	position: relative;
}

/* container */
table#container {
	width: 100%;
	height: 100%;
	border-right: 1px solid #0166BB;
}

table#container thead tr th {
	background: #0787D1 url(/img/interface/tm_bg.gif) top left repeat-x;
}

table#container thead tr td {
	width: 120px;
	white-space: nowrap;
}

table#container thead .bl {	border-left:	1px solid #0EAAE9; }
table#container thead .bt {	border-top:		1px solid #0EAAE9; }
table#container thead .bb { border-bottom:	1px solid #016BBE; }
table#container thead .br { border-right:	1px solid #016BBE; }


table#container thead, table#container thead a, table#container thead a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

table#container thead td a {
	display: block;
	text-align: center;
	height: 100%;
	min-height: 25px;

	border-top: 1px solid #0EAAE9;
	border-right: 1px solid #016BBE;
	border-bottom: 1px solid #016BBE;
	border-left: 1px solid #0EAAE9;
}

table#container thead td a span {
	display: block;
	margin-top: 5px;
}

table#container thead td a:hover {
	border-top: 1px solid #FA9D6A;
	border-bottom: 1px solid #FF5A00;
	background: #FB8545 url(/img/interface/tm_bg_hover.gif) left top repeat-x;
}

table#container tr.headline td {
	border-bottom: 2px solid #0166BB; font-size: 26px; font-weight: bold; color: white;
}

table#container tfoot, table#container tfoot a, table#container tfoot a:hover {
	color: #FFFFFF;
	font-size: 10px;
}

table#container tfoot a {
	text-decoration: underline;
}

table#container tfoot a:hover {
	text-decoration: none;
}

table#container tfoot th { text-align: center; font-weight: normal; }
table#container tfoot td { text-align: center; }

div.navstack {
	margin-bottom: 20px; text-indent: 20px;
	font-size: 10px;
	color: #0166BB;
}
.hid { width:3px; HEIGHT:1px; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden; font-size:11px; color:#DAD8D8; }


/* bmenu */

.bmenu {
	height: 40px;
	background: #F5F4F4 url(/img/interface/bm_bg.gif) left top repeat-x;
	border-top: 1px solid #DAD8D8;
	text-align: center;
	font-size: 11px;
	color: #0166BB;
}
.bmenu a {text-decoration: none; }
.bmenu a:hover { color: #FF5A00; }

/* lmenu */

.lmenu { 
	vertical-align: top; font-size: 10px;
/**/
	background-color: #026BBE;
/**/
}

/* 1st level */

.lmenu ul, .lmenu ul li, .lmenu ul ul, .lmenu ul ul li { padding: 0; margin: 0; }
.lmenu, .lmenu a, .lmenu a:hover { color: #FFFFFF; }

.lmenu ul {
	list-style-type: none;
}

.lmenu ul li {
	background: #0EA8E7 url(/img/interface/lm_head_bg.gif) left top repeat-x;
/*	//behavior: url(lm_ul.htc); */
}

.lmenu ul li a {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 13px;
}

.lmenu ul li a:hover { color: #FF9F5F; }

.lmenu ul li:hover ul, .lmenu ul li.current ul, .lmenu ul li.visible ul { display: block; }

.lmenu ul li a span{
	display: block;
	padding: 30px 0 0 90px;
}

.lmenu ul li.clothes	a { background-image: url(/img/interface/lm_head_1.gif); height: 77px; }
.lmenu ul li.textile	a { background-image: url(/img/interface/lm_head_2.gif); height: 76px; }
.lmenu ul li.material	a { background-image: url(/img/interface/lm_head_3.gif); height: 77px; }

/* 2nd level */

.lmenu ul ul {
	display: none;
	background: transparent;
}

.lmenu ul ul li {
	height: auto;
	background: #35B6ED;
	border-bottom: 1px solid #10A8E7;
}

.lmenu ul ul li.blank {
	height: 10px;
	background: #10A8E7;
}

.lmenu ul li ul li a, .lmenu ul li.clothes ul li a, .lmenu ul li.textile ul li a, .lmenu ul li.material ul li a {
/**/
	display: block;
/**
	display: inline;
/**/
	height: auto;
	background: none;
	font-size: 11px;
	padding-left: 40px;
}

.lmenu ul li ul li a:hover {
	background-image: url(/img/interface/bullet.gif);
	background-position: 8% 50%;
	background-repeat: no-repeat;
	color: #FF5A00;
}

/* 3rd level */

.lmenu ul li ul li ul li {
	border-bottom: none;
	border-top: 1px solid #10A8E7;
	background-color: #39C8FC;
}

.lmenu ul li ul li ul li a, .lmenu ul li.clothes ul li ul li a, .lmenu ul li.textile ul li ul li a, .lmenu ul li.material ul li ul li a {
	height: auto;
/*	//height: 12px; */
	font-size: 10px;
	padding-left: 60px;
}

.lmenu ul li ul li ul li a:hover {
	background-image: url(/img/interface/bullet.gif);
	background-position: 20% 50%;
	background-repeat: no-repeat;
	color: #FF5A00;
}

/* /lmenu */

/* main */

.main {
	vertical-align: top;
	padding: 16px 16px 16px 32px;
}

.main p {
	/*text-indent: 20px;*/
	text-align: justify;
	margin: 16px 0 8px 0;
}

.main b {
	color: #222222;
}


.main ul, .main ul li {
	margin: 0; padding: 0;
}

.main ul {
	margin-left: 48px;
	list-style-image: url('/img/interface/bullet.gif');
}

/* logo */
.logo {
	vertical-align: bottom;
	background-color: #FDFDFD;
	background-image: url(/img/interface/logo.png);
	background-position: center 16%;
	background-repeat: no-repeat;
}

/* caption */
.caption {
	margin-bottom: 0;
	margin: 0;
}

.caption:first-letter {
	text-transform: uppercase;
}

/* materialVariants */

table .materialVariants {
	background-color: #FFFFFF;
	font-size: 10px;
}

table.materialVariants th {
	font-weight: normal;
}

table.materialVariants td, table.materialVariants th {
	width: 100px;
	height: 24px;
	vertical-align: bottom;
}

table.materialVariants td {
/**
	padding: 4px 2px 4px 2px;
/**/
}

table.materialVariants td a {
/**
	display: block;
	height: 100%;
/**/
	font-size: 9px;
	font-family: Tahoma;
}

table.materialVariants a img{
	border: 1px solid #cccccc;
}


/* img */

.img {
	border: 1px solid #aaaaaa;
}

/* msgBox */


.floating { 
	position: absolute;
}

.msgBox {
/**
	left: 65%;
	top: 50%;
/**
	left: 640px;
	top: 270px;
/**/
	width: 300px;
	border: 1px dashed #777777;
	background: #f0f7ff;
	padding: 4px;
	text-align: center;
}

.msgBox h3 {
	margin: 0;
	text-indent: 0;
	font-size: 1.5em;
}

.navBox {
	line-height: 180%;
	right: 100px;
	top: 300px; 
	text-align: right;
}

.navBox a {
	display: block;
	width: 200px;
	height: 20px;

	text-align: right;
	padding-right: 16px;
	background: url(/img/interface/bullet.gif) right center no-repeat;
}



/* cart */
.cart {
	display: block;
	font-size: 9px; color: #000000; font-weight: normal;
	border: 1px dashed #CCCCCC;
	color: #555555;
	margin: 4px;
	height: 70px;
	background: url(/img/interface/cart.gif) left center no-repeat;
	padding: 2 0 0 72px;
	line-height: 240%;
	vertical-align: middle;
}

.cart:hover {
	border: 1px dashed #FF5F00;
}

.cart:hover span {
	text-decoration: underline;
}

.cart:hover strong {
	color: #35B6ED; 
}

.cart strong { font-size: 10px; color: #036EC0; }
.cart b { font-size: 11px; color: #ef5f00; }
.cart span { color: #ef5f00; }

/* cartList */

table.cartList {
	width: 100%;
	border-collapse: collapse;	
	font-size: 10px;
}

table.cartList td, table.cartList th{
	border: 1px solid #036EC0;
}

table.cartList thead tr td, table.cartList thead tr th {
	background: #0CA2E4;
}

table.cartList thead span {
	font-size: 10px;
	font-weight: normal;
}

table.cartList thead th, table.cartList thead td {
	height: 24px;
	background: #0CA2E4;
}

table.cartList tbody tr:hover td, table.cartList tbody tr:hover th,
table.cartList tbody tr.hover td, table.cartList tbody tr.hover th{
	background-color: #eeeeee;
}

table.cartList .edit {
	border-color: #cccccc;
}

table.cartList tbody tr:hover td .edit, table.cartList tbody tr:hover th .edit,
table.cartList tbody tr.hover td .edit, table.cartList tbody tr.hover th .edit {
	border-color: #036EC0;
}

table.cartList tfoot td, table.cartList tfoot th, table.cartList tr.tfoot td,  table.cartList tr.tfoot th {
	height: 25px;
}

/* modelList */
table.modelList {
	font-size: 10px;
	
}
table.modelList tr td {
	padding-top: 24px;
	text-align: center;
	vertical-align: top;
}
table.modelList tr td a{
	height: 300px;
}

/* frm */
.tt {
display: none; text-decoration:none;
}
table.frm tbody th {
	text-align: left;
	font-weight: normal;
}

.frm input {
	margin-bottom: 4px;
}

.frm label {
	text-align: left;
	display: block;
	font-size: 11px;
	color: #777777;
}

.frm .btn {
	width: 80px;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 8px;
}

fieldset legend {
/*	border: 1px solid #cccccc; */
	background-color: #ffffff;
	color: #FF5A00;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	padding: 2px;
}

/**/

ol.order li {
	margin-bottom: 15px;
	font-size: 11px;
	vertical-align:top;
}


/**/

.quote {
	text-align: right;
	font-style: italic;
	color: #777777;
}

.signature {
	color: #555555;
	text-align: right;
}

/**/

ul.clientList {
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

ul.clientList li {
	margin: 0 0 10px 0;
	padding: 0;
}
/* hint */

div#hint {
	position: absolute;
/**
	width: 200px;
	height: 100px;
	left: 300px;
	top: 300px;
	background-color: #fffccc;
	border: 4px solid #ffffff;
/**/
}
div#hint img {
/*	border: 1px solid #e7e7e7;*/
	border: 1px solid #777777;
}

/**/
/* media print */
@media print {
	#container {visibility: hidden;}
	.main {
		display: block;
		white-space: normal;
		font-size: 12px;
		padding: 0;
		width: 640px;
		min-width: 95%;
		max-width: 98%;
		margin: 0 20px 0 0;
		visibility: visible;
		position: absolute;
		left: 0; top: 0;
	}
}
/**/