@charset "utf-8";

body{
	margin: 0;
	background: #d3d3d3;
	font-family: Constantia;
}
a{
	text-decoration: none;
}
.home-bg{
	background: #fff;
	width: 900px;
	margin:auto;
}
.home-header
{
	background-image:url(../images/header.jpg);
	width:900px;
	height:285px;
	margin:auto;
	position: relative;
}
#firstNav{
	position: absolute;
	bottom: 6px;
	left:0px;
}
#firstNav > li{
	display: inline-block;
	font-size: 14px;
	min-width: 90px;
	min-height: 18px;
	text-align: center;
}
#firstNav > li:nth-child(4){
	margin-left: 250px;
}
#firstNav > li a{
	color: #fff;
	font-weight: bold;
}
#firstNav > li a:hover{
	color: #fae9c4;
}
#firstNav li ul{
	background: url("../images/subMenu.png") no-repeat;
	position: absolute;
	width: 833px;
	text-align: left;
	height: 27px;
	top: 18px;
	left: 30px;
	display: none;
	padding: 5px 0 0 20px;
}
#firstNav > li:hover ul{
	display: block;
}
#firstNav li ul li{
	display: inline;
	padding: 2px 5px;
}
#firstNav li ul li:nth-child(5){
	margin-left: 280px;
}
#firstNav li ul li a{
	font-weight: bold;
}
#firstNav li ul li:hover{
	background: url("../images/subMenuHover.png");
}
#firstNav li ul li:hover a{
	color: #000;
}
#firstNav li ul li a{
	color: #888;
}
#secondNav{
	position: absolute;
	bottom: 6px;
	right:20px;
}
#secondNav li{
	display: inline-block;
	font-size: 14px;
	min-width: 120px;
	min-height: 18px;
	text-align: center;
}
#secondNav li a{
	color: #fff;
}
#secondNav li a:hover{
	color: #ddd;
}
#secondNav li ul{
	background: url("../images/subMenu.png");
	position: absolute;
	width: 300px;
	height: 27px;
	top: 18px;
	right: 30px;
	display: none;
	padding: 7px 0;
}
#secondNav > li:hover ul{
	display: block;
}
#secondNav li ul li{
	display: inline;
	padding: 2px 5px;
}
#secondNav li ul li a{
	font-weight: bold;
}
#secondNav li ul li:hover{
	background: url("../images/subMenuHover.png");

}
#secondNav li ul li:hover a{
	color: #000;
}
#secondNav li ul li a{
	color: #888;
}
.home-slidepane
{
	background-image:url("../images/slidepane.png");
	width:900px;
	height:224px;
	margin:10px auto auto;
	position: relative;
}
#socialIcons{
	position: absolute;
	right: 40px;
	top: 45px;
	width: 30px;
}
#searchForm{
	position: absolute;
	bottom: 32px;
	left: 620px;
	border:none;
}
#searchForm input[type="text"]{
	width: 180px;
	padding: 5px;
	border-radius: 5px;
	border: none;
}
#searchForm input[type="submit"]{
	background: url("../images/searchBtn.png");
	padding: 5px;
	border:none;
	border-radius: 5px;
	color: #fff;
}
#slideshow{
    height: 150px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
	top: 37px;
	left: 40px;
    font-family: Arial;
}
#slideshowContents .content{
	position: absolute;
    width: 170px;
    left: 378px;
    text-align: justify;
    display: none;
    font-weight: bold;
    color: #666;
}
#slideshowContents .content:nth-child(1){
	display: block;
}
#slideshowContents .content .summary{
    padding: 10px;
    font-size: 10px;
    line-height: 23px;
}
#slideshowContents .content .summary .blue{
	color: #2DAEFF;
}
.slider {
    overflow: auto;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    width: 350px;
}
.slider .image{
    float: left;
    width: 350px;
    height: 150px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.slider .title{
    font-size: 12px;
    padding: 5px 10px;
    font-weight: 100;
	width: 330px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    z-index: 1000;
}
.slider .title a{
	color: #fff;
}
.as-nav{
    text-align: center;
    height: 20px;
    z-index: 10;
    position: absolute;
    bottom: 0px;
    left: 385px;
}
.as-nav a{
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    /*visibility: hidden;*/
    margin-right: 24px;
}
/*.as-nav a:after {
    font-family: FontAwesome;
    color: #bdbdbd;
    content:  "\f111";
  	visibility: visible;
}
.as-nav a.as-active:after{
    color: #adf248;
    content:  "\f111";
}*/
#home-main
{
	width:900px;
	margin:auto;
	position: relative;
}
#rightCol{
	position: absolute;
	top:0;
	right: 30px;
	width: 240px;
}
#login{
	background: url("../images/loginBG.jpg");
	border-radius: 0 0 5px 5px;
	height: 65px;
	position: relative;
	padding-top: 3px;
}
#login input{
	width: 55px;
	font-size: 12px;
}
#login img{
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: bottom;
}
#login #submit{
	position: absolute;
	top: 10px;
	right: 5px;
	width: 35px;
	height: 35px;
}
#login div{
	padding-top: 10px;
	padding-left: 8px;
}
#login a{
	color: #fff;
	font-size: 10px;
	margin-left: 20px;
}
#tabs{
	margin-top: 10px;
	height: 350px;
    z-index: 0;
    position: relative;
	overflow: hidden;
}
#tabs > ul{
    list-style: none;
    display:block;
   	width:100%;
    font-size: 0;
    position: relative;
    z-index: 50;
    margin-top: 0px;
    padding: 0;
}
#tabs > ul li{
    display: inline;
    line-height: 30px;
    text-align: center;
    width: 77px;
    display:inline-block;
    zoom: 1;
    *display: inline;
    font-size: 12px;
    border:1px solid #cbcbcb;
    color: #0d4772;
}
#tabs > ul li:hover{
    cursor:pointer;
    color: #30a2f7;
}
#tabs > ul li.active{
    border-bottom-color: #fff;
}
#tabs > ul li:first-child{
    margin-right: 0;
}
.tabContent{
    position: absolute;
    top: -500px;
    width: 225px;
    padding:5px;
    border:1px solid #cbcbcb;
    border-top: none;
}
.tabContent.active{
    top: 30px;
}
.tabContent ul{
	list-style: none;
	padding: 0;
}
.tabContent ul li{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.tabContent ul li img{
	border:5px solid #f1f1f1;
	width: 65px;
	float: left;
}
.tabContent ul li div{
	width: 115px;
	float: left;
	margin-left: 5px;
	padding-top: 10px;
}
.tabContent ul li div .title{
	font-weight: 700;
}
.tabContent ul li div .counter{
	color: #5fb8f3;
}
/* Tiny Scrollbar */
.tabContent .viewport { width: 200px; height: 300px; overflow: hidden; position: relative; }
.tabContent .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.tabContent .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
.tabContent .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
.tabContent .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.tabContent .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.tabContent .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#topProducts{
	width: 590px;
	background:#fff url("../images/topProductsHeader.png") top left no-repeat;
	padding-top: 50px;
	padding: 50px 20px 0 30px;
	display: table;
}
#topProducts .product{
	width: 170px;
	height: 170px;
	background: #f3f3f3;
	border-radius: 10px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
}
#topProducts .product .image{
	width: 130px;
	height: 100px;
	border:1px solid #d2d2d2;
	background: #e9e9e9;
	margin:10px auto 0;
	padding: 10px;
}
#topProducts .product .image img{
	width: 130px;
}
#topProducts .product .stars{
	margin-left: 10px;
	margin-top: 10px;
}
#topProducts .product .star1{
	width: 14px;
	height: 14px;
	background: url('../images/star-blue.png');
	float: left;
}
#topProducts .product .star1{
	width: 14px;
	height: 14px;
	background: url('../images/star-blue.png');
	float: left;
}
#topProducts .product .cart{
	position: absolute;
	bottom:35px;
	right: 15px;
}
#newsTitle{
	width: 900px;
	height: 25px;
	background: url("../images/newsHeader.png") top left no-repeat;
	margin: auto;
}
#news{
	width: 850px;
	background: #fef2e3;
	padding-top: 10px;
	padding-bottom: 10px;
	display: table;
	padding: 0 25px 0 25px
}
#news > div{
	width: 850px;
	margin: auto;
	overflow: hidden;
}
#news > div > ul{
	padding: 0;
	list-style: none;
}
#news ul.newsPage{
	display: none;
}
#news ul.newsPage.active{
	display: block;
}
#news ul.newsPage > li{
	width: 100%;
	height: 200px;
	float: left;
	margin-bottom: 40px;
}
#news ul#newsPaging{
	width: 100%;
	margin:auto;
	margin-bottom: 10px;
	text-align: center;
}
#news ul#newsPaging li{
	display: inline-block;
}
#news ul#newsPaging li a{
	border-radius: 5px;
	color: #fff;
	padding: 5px 10px;
	background: #889494;
	font-size: 12px;
}
#news ul#newsPaging li a:hover , #news ul#newsPaging li a.active{
	background: #e2534b;
}
#news img{
	width: 375px;
	border-radius:5px;
	float: left;
}
#news .content{
	padding: 10px 20px;
	width: 435px;
	height: 100%;
	float: left;
	position: relative;
}
#news .content .title{
	color: #3689ac;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
}
#news .content .summary{
	font-size: 14px;
	text-align: justify;
}
#news .content .attachedLink{
	color: #889494;
	font-family: Arial;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 20px;
}
#news .content .attachedLink:hover{
	color: #e2534b;
}
#news .content .attachedLink i{
	color: #fff;
	background: #889494;
	padding: 5px;
	border-radius: 5px;
	margin-right: 5px;
}
#news .content .attachedLink:hover i{
	background: #e2534b;
}
#news .content .details{
	color: #fff;
	background : #00ccf5;
	font-family: Arial;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 20px;
	border-radius: 5px;
	padding: 10px 30px;
	border-bottom: 5px solid #00bff3;
}
#newsContents{
	display: none;
	position: relative;
	padding-bottom: 50px;
}
#newsContents .news{
	font-size: 14px;
	display: none;
}
#newsContents #backToNewsList{
	color: #fff;
	background : #00ccf5;
	font-family: Arial;
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	right: 20px;
	border-radius: 5px;
	padding: 10px 30px;
	border-bottom: 5px solid #00bff3;
}
#footer{
	height: 48px;
	width: 100%;
	background: url("../images/footer.png");
}