/* DROP */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 100%;
font-family: inherit; vertical-align: baseline; background: transparent;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
/*/DROP*/

html{  height: 100%;}
body{
  font-size: 90%;
  font-family: "Trebuchet MS", Tahoma, sans-serif;
  color: #666666;
  height: 100%;
}

h1{
  font-size: 160%;
  margin-bottom: 30px;
}
h2{
  font-size: 120%;
  margin-bottom: 10px;
}
p{
  margin: 10px 0;
}
.m30{
  margin: 30px 0;
}
.fs120{
  font-size: 120%;
}
.hr{
  height: 1px;
  font-size: 1px;
  border-top: 1px solid #666;
}
.newshr{
  height: 65px;
  background: url(../i/newsh.gif) no-repeat 0 0;
  margin-top: -30px;
  padding: 40px 0 10px 0;
}
.png{behavior: url('/css/iepngfix.htc');}

a.gray{
    color: #666 !important;
}

strong{
    color: #000;
    font-weight: bold;
}

.over{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -130px; /* the bottom margin is the negative value of the footer's height */
}

.columns {
  clear: both;
  width: 100%;
  min-width: 760px;
}
.columns .left, .columns .right {
  float: left;
}
.columns .left {
  width: 30%;
  overflow: hidden;
  //margin-right: -100%;
}
.columns .right{
  width: 70%;
  //margin-left: 29%;
  //display: inline;
  //position: relative;
  //z-index: 101;
}
.columns .right .rower{
  margin-right: 20%;
}
.bottom{
  background: #fff url(../i/bottom.gif) no-repeat 0 100%;
  width: 30%;
  //width: 29%;
  min-width: 180px;
  height: 200px;
  float: left;
  margin-top: -70px;
  position: relative;
  z-index: 100;
}
.margin{
  background: #fff;
  width: 14%;
  height: 200px;
  float: right;
  margin-top: -70px;
}

.leftsubmenu{
  text-align: right;
  padding-right: 100px;
  padding-top: 40px;
}
.leftsubmenu ul{
  width: 95%;
  padding-left: 5%;
}
.leftsubmenu li{
  padding: 7px 0;
}
.leftsubmenu li li{
  font-size: 90%;
}


div.topmenu{
  padding: 5px 10px 40px 0;
  text-align: right;
}
div.topmenu img{
  padding-left: 25px;
}

table.menu{
  width: 100%;
  //width: 80%;
  font-size: 12px;
  margin-bottom: 45px;
  border-collapse: separate;
}
table.menu td{
 /* border-bottom: 1px solid #fff; */
  width: 20%;
}
table.menu td a{
  color: #fff;

}
td.m1, td.m2, td.m3, td.m4, td.m5{
  behavior: url('/css/iepngfix.htc');
  background: url(../i/lt.png) no-repeat 0 0;
}
td.m1 a, td.m2 a, td.m3 a, td.m4 a, td.m5 a{
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 5px 0 3px 0;
}
td.m1 .rt, td.m2 .rt, td.m3 .rt, td.m4 .rt, td.m5 .rt {
  width: 6px;
  height: 6px;
  background: url(../i/rt.png) no-repeat 100% 0;
  behavior: url('/css/iepngfix.htc');
  position: relative;
  float: right;
  top: 0;
}

table.menu td.m1{background-color: #92d3c1;}
table.menu td.m2{background-color: #7599d0; border-left: 1px solid #fff;}
table.menu td.m3{background-color: #c66ba7; border-left: 1px solid #fff;}
table.menu td.m4{background-color: #f98e26; border-left: 1px solid #fff;}
table.menu td.m5{background-color: #f3543a; border-left: 1px solid #fff;}

table.menu td.submenu{
  height: 90px;
}
table.menu td.submenu div{
  margin: 15px 20px 20px 20px;
  //margin: 0 20px 20px 20px;
}
table.menu td.submenu ul{
  float: left;
  width: 50%;
  padding-top: 10px;
  //width: 45%;
  //padding-bottom: 25px;
}
table.menu td.submenu ul li{
  margin: 0;
}

.right ul{
  margin: 0 0 20px 0;
  //margin: 20px 0;
}
.right ul li{
  margin: 10px 0;
}
.right ul li div.li{
  width: 15px;
  height: 15px;
  margin-right: 10px;
  float: left;
}


.new .newpic{
  margin-bottom: 30px;
  height: 52px;
  width: 122px;
}
.new .newtext{
  margin-top: -75px;
  margin-left: 150px;
  min-height: 80px;
  //height: 80px;
  position: relative;
}
.new .newdate{
  font-size: 11px;
  padding-bottom: 20px;
}

.footer{
  font-size: 80%;
  float: left;
  clear: both;
  width: 100%;
  height: 130px;
}
.push{
  height: 150px;
}
.footer .hr{
  margin: 6px 0;
}
div.planb{
  padding: 30px 10px 15px 0;
  text-align: right;
}

.des{
  font-size: 80%;
  color: #000;
}


/* COLORIZE  */
table.menu td{border-bottom: 1px solid #fff;}

.about .m1{border-bottom: 1px solid #92d3c1;}
.service .m2{border-bottom: 1px solid #7599d0;}
.production .m3{border-bottom: 1px solid #c66ba7;}
.stockfromchina .m4{border-bottom: 1px solid #f98e26;}
.contact .m5{border-bottom: 1px solid #f3543a;}

.aboutin .m1{border-bottom: 1px solid #92d3c1;}
.servicein .m2{border-bottom: 1px solid #7599d0;}
.productionin .m3{border-bottom: 1px solid #c66ba7;}
.stockfromchinain .m4{border-bottom: 1px solid #f98e26;}
.contactin .m5{border-bottom: 1px solid #f3543a;}


.about td.submenu, .about ul li div.li {background-color: #92d3c1;}
.service td.submenu, .service ul li div.li{background-color: #7599d0;}
.production td.submenu, .production ul li div.li{background-color: #c66ba7;}
.stockfromchina td.submenu, .stockfromchina ul li div.li{background-color: #f98e26;}
.contact td.submenu, .contact ul li div.li{background-color: #f3543a;}


/*
.about .m1{border-bottom: 1px solid #fff;}
.information .m2{border-bottom: 1px solid #fff;}
.service .m3{border-bottom: 1px solid #fff;}
.production .m4{border-bottom: 1px solid #fff;}
.contact .m5{border-bottom: 1px solid #fff;}    */


.about h1, .about h2, .about .new h2 a {color: #92d3c1;}
.service h1, .service h2, .service .new h2 a {color: #7599d0;}
.production h1, .production h2, .production .new h2 a{color: #c66ba7;}
.stockfromchina h1, .stockfromchina h2, .stockfromchina .new h2 a, .stockfromchina a{color: #f98e26;}
.contact h1, .contact h2, .contact .new h2 a{color: #f3543a;}

.about a, .about td.submenu, .about td.submenu a.text {color: #006666}
.service a, .service td.submenu, .service td.submenu a.text {color: #325994}
.production a, .production td.submenu, .production td.submenu a.text {color: #7E3063}
.stockfromchina td.submenu, .stockfromchina td.submenu a.text {color: #462402}
.contact a, .contact td.submenu, .contact td.submenu a.text {color: #000000}


ul.textul{
  margin: 40px 0;
  list-style: disk;
  font-weight: bold;
}

ul.textul ul{
  margin: 20px 20px;
  font-weight: normal;
}


.mt20{
  margin-top: 40px;
}

table.text td{
  border: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  padding: 3px;
}


div.image{
  width: 656px;
  height: 218px;
  margin: 0 auto;
  padding: 10px 0;

}

div.image .top{
   text-align: left;
   margin-bottom: -12px;
   position: relative;
}

div.image .bot{
text-align: right;
margin-top: -12px;
//margin-top: -16px;
position: relative;
}

#fabric-catalog{
    margin-top: 30px;
}
#fabric-catalog td{
    padding-bottom: 25px;
    line-height: 190%;
}

#navigation{
    text-align: right;
    float: right;
}

.hidden{
    display: none;
}

.popup-wrapper{
    padding: 200px 30px 0 0;
    background: url(/i/fis-logo-popup.gif) no-repeat 0 0;
} * html .popup-wrapper{border-top: 1px solid white;}

.popup-wrapper p{
    margin: 30px 0;
}


/* mediaboxAdvanced */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(/i/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(/i/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.mbLoading {
	background: #fff url(../images/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #000;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #333;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #000;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#mbTitle {
	display: none;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: none;
	color: #333;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: none;
	color: #333;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(../images/BlackClose.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#mbPrevLink {
    display: none;
	width: 69px;
	background: transparent url(../images/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
    display: none;
	width: 41px;
	background: transparent url(../images/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 20px;
    height: 20px;
	background: transparent url(/i/MinimalClose.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}