body {margin: 0; font-family: Tahoma; font-size: 12px; color: #222; line-height: 20px; background: url(layout/new.jpg) no-repeat fixed bottom right;}
table {border-collapse: collapse; }
td {font-size: 12px; color: #222; line-height: 20px;}
a {color: #003A80; text-decoration: none;}
a:hover {color: #f60; text-decoration: underline;}
img {border: 0px; margin: 0px;}
p {margin-top: 0px; padding-top: 5px;}
form {margin: 0px; padding: 0px;}
.button {border: 0px; width: 76px; height: 22px; background: url(layout/button.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; text-align: left; padding-left: 6px; cursor: pointer;}
.btsearch {border: 0px; width: 20px; height: 20px; background: url(layout/search.gif) no-repeat; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer;}
.datetime {color: #FF6600; font-size: 11px; font-weight: normal;}

#header {width: 940px; height: 432px; float: left;}
#header #bannertop {display: block; width: 940px; height: 136px; background: url(layout/headernew.png) no-repeat; text-align: right; float: left;}
#header #bannerleft {display: block; width: 20px; height: 296px; float: left;}
#header #bannerright {display: block; width: 20px; height: 296px; float: right;}
#header #menutop {display: block; width: 900px; height: 46px; background: url(layout/menu-mid.gif) repeat-x; border-bottom: 1px solid #80B5D5; float: left;}
#header #menutop span {display: block; width: 900px; background: url(layout/menu-right.gif) right no-repeat; float: left;}
#header #menutop a {height: 46px; line-height: 46px; padding: 0px 12px; color: #003A80; text-transform: uppercase; font-family: Arial; font-size: 13px; font-weight: bold; background: url(layout/menu-split.gif) no-repeat; float: left;}
#header #menutop a.head {background: url(layout/menu-left.gif) no-repeat; }
#header #menutop a.end {background: url(layout/menu-right.gif) right no-repeat; }
#header #menutop a:hover {color: #f60; text-decoration: none;}
#header #flash {display: block; width: 900px; height: 250px; float: left;}

#maincontent {clear: left; width: 900px; margin-left: 20px; background: #E5F5FD; float: left;}
#maincontent #func {display: block; width: 900px; height: 50px; background: url(layout/func-mid.gif) repeat-x; color: #003A80; font-weight: bold; float: left;}
#maincontent #func .head {display: block; width: 6px; height: 50px; background: url(layout/func-left.gif) no-repeat; float: left;}
#maincontent #func .lang {display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; float: left;}
#maincontent #func .lang a:hover {text-decoration: none;}
#maincontent #func .search {display: block; width: 326px; height: 40px; margin-top: 5px; border-right: 1px dotted #003A80; border-left: 1px dotted #003A80; line-height: 40px; text-align: center; float: left;}
#maincontent #func .cart {display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; float: left;}
#maincontent #func .end {display: block; width: 6px; height: 50px; background: url(layout/func-right.gif) no-repeat; float: left;}

#maincontent #leftblock {display: block; width: 220px; margin: 0px 6px; float: left;}
#maincontent #leftblock .catalog {display: block; width: 220px; height: 38px; line-height: 38px; background: url(layout/catalog.gif) no-repeat; color: #fff; font-family: Arial; font-size: 15px; font-weight: bold; text-align: center; text-transform: uppercase;}
#maincontent #leftblock #procatalog {display: block; width: 220px; padding: 5px 0px; background: #2066B1 url(layout/catalog-bg.gif) repeat-x;}
#maincontent #leftblock #procatalog a {display: block; line-height: 26px; color: #B5DBF8; font-weight: bold; background: url(layout/bullet.gif) 12px 8px no-repeat; padding-left: 30px;}
#maincontent #leftblock #procatalog .topic {display: block; line-height: 26px; color: #B5DBF8; font-weight: bold; background: url(layout/bl1.gif) 24px 12px no-repeat; padding-left: 36px;}
#maincontent #leftblock .support {display: block; width: 220px; height: 38px; margin-top: 10px; line-height: 38px; background: url(layout/support.gif) no-repeat; color: #003A80; font-family: Arial; font-size: 15px; font-weight: bold; text-align: center; text-transform: uppercase;}
#maincontent #leftblock #mainsupport {display: block; width: 200px; padding: 10px; background: url(layout/support-bg.gif) repeat-y;}
#maincontent #leftblock #mainsupport p {padding: 0px; margin: 0px; line-height: 30px; font-weight: bold;}
#maincontent #leftblock .bottomblock {display: block; width: 220px; height: 5px;}
#maincontent #leftblock .line {display: block; border-bottom: 1px dotted #ccc; height: 5px;}
#maincontent #leftblock .adlink {display: block; margin-top: 5px;}

#maincontent #rightblock {display: block; width: 657px; margin-left: 6px; float: left;}
#maincontent #rightblock h2 {width: 647px; margin: 0px; padding: 0px; padding-left: 10px; line-height: 38px; font-family: Arial; font-size: 15px; color: #003A80; text-transform: uppercase; background: url(layout/head.gif) no-repeat;}
#maincontent #rightblock #desc {display: block; padding: 10px;}

#maincontent #rightblock #product {display: block; width: 212px; margin-right: 7px; margin-top: 7px; float: left;}
#maincontent #rightblock #product .headbot {display: block; width: 212px; height: 5px; float: left;}
#maincontent #rightblock #product .promid {display: block; width: 202px; padding: 5px; background: url(layout/product-mid.gif) repeat-y; text-align: center; float: left;}
#maincontent #rightblock #product .promid img {width: 200px; height: 86px;}
#maincontent #rightblock #product .promid .desc {display: block; height: 64px; text-align: left; overflow: hidden;}

#bottompage {clear: left; width: 890px; margin-top: 0px; margin-left: 20px; padding: 5px; color: #666; font-size: 11px; float: left; background: #fff;}
#bottompage #leftblock {width: 200px; float: left;}
#bottompage #rightblock {width: 690px; text-align: right; float: left;}

#paging {clear: left; display: block; text-align: right;}
#paging a {font-weight: bold;}
#paging a.act {color: #f60;}

#dropmenudiv {position:absolute;font:normal 11px Arial;line-height:20px;margin-top:-1px;z-index:100;}
#dropmenudiv a {background: #4B9ADB;color:#fff;width:100%;display:block;text-indent:3px;border-bottom:1px solid #d5f2b2;padding:4px 5px;text-decoration:none;font-size:11px;z-index:100;}
#dropmenudiv a:hover {background: #2F76C1;color:#B5DBF8;z-index:100;}
#dropmenudiv a.subcat {background:#80C017;}
#dropmenudiv a.cat2 {background:#2CA70E;}
#dropmenudiv a.cat3 {background:#6ED32E;}
#dropmenudiv a.cat4 {background:#FFBA04;}
#dropmenudiv a.cat5 {background:#F57E03;}
#dropmenudiv a.cat6 {background:#E71928;}
#dropmenudiv a.cat7 {background:#EA0269;}
#dropmenudiv a.cat8 {background:#FF68A4;}
#dropmenudiv a.cat9 {background:#88039A;}
.hidden{visibility:hidden;display:none;}

.ml6 {
  position: relative;
  font-weight: 900;
  font-size: 2.5em;
  color: #012063;
  margin-top: 50px;
  margin-right: 20px;
}

.ml6 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.0em;
  overflow: hidden;
  line-height: 1.1em;
}

.ml6 .letter {
  display: inline-block;
  line-height: 1.1em;
}

#flash .section.section-featured-slider {
	padding: 0;
}

.section-featured-slider {
	overflow: hidden;
	position: relative;
	z-index: 99;
}

.section-featured-slider .featrued-slider {
	color: #686868;
	clear: both;
	position: relative;
	text-align: center;
	z-index: -1;
}

.section-featured-slider .overlay-enabled article::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 888;
    background-color: #222;
    opacity: 0;
}

.section-featured-slider img {
	width: 100%;
	vertical-align: middle;
}

.section-featured-slider .cycle-slide {
	width: 100%;
}

.section-featured-slider article.first {
	display: block;
}

.section-featured-slider article {
	display: none;
}

.section-featured-slider .cycle-slideshow {
	margin-bottom: 0;
	padding: 0;
}

/*slider pager box*/

.section-featured-slider .cycle-pager span {
	background-color: #fff;
	cursor: pointer;
	display: inline-block;
	float: none;
	height: 12px;
	margin: 3px 5px;
	width: 12px;
	z-index: 99;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.section-featured-slider .cycle-pager {
	bottom:5%;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 999;
}

.section-featured-slider .cycle-pager .cycle-pager-active {
	background-color: #0b60a9;
	border-color:#fff;
	height: 30px;
}