﻿#Homepage {position:relative;z-index:1;max-width:100%;overflow:hidden;height:100%}
#Homepage .infotop {font:normal 19px/27px 'UTMTimes';color:#767676;float:left;margin-top:30px;margin-left:43.5%}

#Homepage ul.BackgroundSlide{position:relative;z-index:1}
#Homepage ul.BackgroundSlide,
#Homepage ul.BackgroundSlide li{margin:0;padding:0;list-style:none}
#Homepage ul.BackgroundSlide li{position:absolute;z-index:1;left:0;top:0;width:100%;height:768px;background-position:50% 0;background-repeat: no-repeat;background-size: 100% 100%}
#Homepage ul.BackgroundSlide img {max-width:1600px;height:100%;position:absolute;left:50%;margin-left:-800px}

#Homepage #BackgroundSlideControl{margin:auto;position:relative;z-index:2;}

#Homepage #BackgroundSlideControl a.left,
#Homepage #BackgroundSlideControl a.right{display:inline-block;width:58px;height:85px;position:absolute;top:370px;left:0;background:url(pre.png.ashx) no-repeat;display: none}
#Homepage #BackgroundSlideControl a.right{left:auto;right:0;background-image:url(next.png.ashx);border-radius: 5px 0 0 5px;display: none}
#Homepage #BackgroundSlideControl a.left:hover,
#Homepage #BackgroundSlideControl a.right:hover{}
#Homepage #BackgroundSlideControl .buttons{position:absolute;z-index:1;left:0;top:567px;display: none}
#Homepage #BackgroundSlideControl a.button{float:left;width:19px;height:19px;display:block;margin-right:2px;background:url(other.png.ashx) no-repeat}
#Homepage #BackgroundSlideControl a.play{background-image:url(play.png.ashx)}
#Homepage #BackgroundSlideControl a.pause{background-image:url(pause.png.ashx)}
#Homepage #BackgroundSlideControl a.current{background-image:url(current.png.ashx)}

#TopControls{height:181px;background:url(TopControls/top1.png) no-repeat center;position:absolute;z-index:1;top:0;left:0;width:100%}

#MiddleControls{height:141px;background:url(MiddleControls/top2.png) no-repeat center;position:absolute;z-index:1;bottom:0;left:0;width:100%}
#MiddleControls .content{width:1000px;margin:auto;position:relative;z-index:1;height:100%}
#MiddleControls .item{position:absolute;z-index:1;bottom:0;left:388px;width:219px;height:236px;background:url(MiddleControls/large.png) no-repeat top center;text-align:center}
#MiddleControls .item0,
#MiddleControls .item2
{width:136px;height:150px;left:208px;bottom:35px;background-image:url(MiddleControls/small.png)}
#MiddleControls .item2{left:656px}

#MiddleControls .item .border{width:103px;height:103px;border-radius:103px;margin:15px auto 0 auto;position:relative;z-index:1;overflow:hidden}
#MiddleControls .item .border img{width:103px;height:103px;border-radius:103px}

#MiddleControls .item1 .border{width:183px;height:183px;border-radius:183px;margin:17px auto 0 auto}
#MiddleControls .item1 .border img{width:183px;height:183px;border-radius:183px}

#MiddleControls .item .border .desc{height:0;padding-top:6%;background:url(MiddleControls/bgblack.png);font:normal 10px 'MyriadProBoldCondensed';color:#fff;text-transform:uppercase;text-align:center;position:absolute;z-index:1;left:0;bottom:0;width:100%}
#MiddleControls .item1 .border .desc{font-size:16px}
#MiddleControls .item .border .desc a{color:inherit}

#MiddleControls .item .border .desc
{-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}

#MiddleControls .item .border:hover .desc{height:33%}


#Homepage .tophead {width:100%;height:150px;position:absolute;top:0;z-index:100;}
#Homepage .tophead #menuhome {width:100%;height:55px;position:absolute;bottom:6px;text-align:center}
#Homepage .tophead #menuhome .item {height:40px;display:inline-block;margin-bottom:0;background:url(linemnhome.png.ashx) no-repeat right;}
#Homepage .tophead #menuhome .item .acss {height:40px;font:normal 13px/28px 'utmneosansintel';color:#ffffff;padding:0 20px;display: block;text-transform: uppercase}
#Homepage .tophead #menuhome .item .mn35 {height:40px;font:normal 13px/33px 'utmneosansintel';color:#ffffff;padding:0 20px;display:block;text-transform: uppercase}
#Homepage .tophead #menuhome .item .mn40 {height:40px;font:normal 13px/38px 'utmneosansintel';color:#ffffff;padding:0 20px;display:block;text-transform: uppercase}
#Homepage .tophead #menuhome .item .mn45 {height:40px;font:normal 13px/43px 'utmneosansintel';color:#ffffff;padding:0 20px;display:block;text-transform: uppercase}
#Homepage .tophead #menuhome .item .mn50 {height:40px;font:normal 13px/48px 'utmneosansintel';color:#ffffff;padding:0 20px;display:block;text-transform: uppercase}
#Homepage .tophead #menuhome .item a:hover {color:#8ac44c}
#Homepage .tophead #menuhome .item0{top:-12px;position:relative}
#Homepage .tophead #menuhome .item0 .acss{top: -11px}
#Homepage .tophead #menuhome span {height:40px;width:2px;position:absolute;left:-2px;background:url(linemnhome.png.ashx) no-repeat;top:-9px}
#Homepage .tophead #menuhome .item1{top:-5px;position:relative}
#Homepage .tophead #menuhome .item2{top:-2px;position:relative}
#Homepage .tophead #menuhome .item3{top:-5px;position:relative}
#Homepage .tophead #menuhome .item4{top:-12px;position:relative}
#Homepage .tophead #menuhome .item5{top:13px;position: relative;height: 36px;}
#Homepage .tophead #menuhome .item6{top:7px;position:relative}
#Homepage .tophead #menuhome .item7{top:-1px;position:relative}
#Homepage .tophead #menuhome .item8{top:-4px;position:relative}
#Homepage .tophead .menulogo {background:url(logo.png.ashx) no-repeat;width:160px;height:65px;position:absolute;top:8px;left:200px}
#Homepage .tophead .info {}
#Homepage #bothome {width:100%;position:absolute;height:93px;background:url(bgbothome.png.ashx) no-repeat top center;bottom:0;z-index:1}
#Homepage #bothome .pwel {font:normal 12px arial;color:#333;float:left;margin-left:17%;margin-top:70px}
#Homepage #bothome .share { }

#Homepage .infor{ color: #fff;font: 15px/18px arial}
#Homepage .phone{ background: url(phone.png.ashx) no-repeat left;padding-left: 20px;margin-bottom: 10px}
#Homepage .email{ background: url(mail.png.ashx) no-repeat left;padding-left: 20px;}

#Homepage .cart-home { background: url(cart-home.png.ashx) no-repeat;padding-left: 25px;display: block;height: 20px;position: absolute;right: 13.5%;top: 10px;font: 11px/24px arial }


.QOverlay {
	background-color: #000000;
	z-index: 9999;
}

.QLoader {
	background-color: #cccccc;
	height: 2px;
}

.QAmt {
	color:#C7003D;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:40px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -50px;
}


#thumbnail-slide { position: absolute;z-index: 900;top: 515px;left: 39%}
#thumbnail-slide a.thumbs-item{ position: relative;z-index: 10;display: inline-block;margin-right: 20px}
#thumbnail-slide a.thumbs-item img{ cursor: pointer;width: 100px;height: 100px}
#thumbnail-slide .thumb{border: 3px solid #fff;width: 100px;height: 100px;border-radius: 100px;overflow: hidden;}
#thumbnail-slide .currentThumb{border: 3px solid #fff;width: 150px;height: 150px;border-radius: 150px;overflow: hidden;}