@charset "utf-8";
/* CSS Document */
img, a img{border:none; outline:none;}
p{margin:0; padding:5px 0; text-align:justify;}
.clear{clear:both;}
.gap{clear:both; height:15px;}
.left{float:left; width:auto;}
.right{float:right; width:auto;}
img.alignleft	{float:left; margin:0 10px 10px 0;}
img.alignright{float:right; margin:0 0 10px 10px;}
img.aligncenter{display:block; margin:0 auto;}
img{max-width:100%;height:auto;}
/*-----[Header]-----*/	
header > h1
	{
		position:absolute;
		top:67px;
		left:0;
	}
header > h1, header > h1 > a
	{
		padding:0;
		height:82px;
		width:405px;
	}
header > h1 > a{background:url("../images/logo.png") no-repeat 0 0; display:block;} 
header > h1 > a > span{display:none;}
#social-top
	{
		position:absolute;
		right:280px;
		top:8px;
		width:auto;
	}
#social-bottom
	{
		position:absolute;
		right:0px;
		top:12px;
		width:auto;
		text-align:right;
	}
#call
	{
		float:right;
		clear:right;
		width:auto;
		color:#fff;
		font-size:14px;
		line-height:28px;
	}
#call p > span{font-size:16px; font-weight:bold;}	
/*-----[/Header]-----*/

#slide-show
	{
		display:block;
		height:470px;
		position:relative;
	}
/*----------NivoSlider Setting------------*/

#slider, .nivoSlider
{
	position:relative;
	width:960px;height:429px;
	background:url("../images/loder.png") no-repeat 50% 32%;
}
#slider img, .nivoSlider img
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:960px;height:429px;
}
.nivo-slice, .nivo-box
{
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivo-directionNav
	{
		position:absolute;
		top:200px;
		left:0;
		z-index:100;
		width:100%;
	}
.nivo-directionNav a
	{
		display:block;
		height:50px;
		width:50px;
		background:url("../images/slider-arrow.png") no-repeat 0 0;
		font-size:0;
		cursor:pointer;
		position:absolute;
		top:0;
		
	}
.nivo-directionNav a.nivo-nextNav{background-position:0 0;left:0;}
.nivo-directionNav a.nivo-prevNav{background-position:-58px 0px;right:0;}
.nivo-controlNav
	{
		position:absolute;
		bottom:-30px;
		width:100%;
		text-align:center;
	}
.nivo-controlNav a
	{
		display:inline-block;
		background:#989898;
		height:14px; width:14px;
		border-radius:7px;
		margin-left:2px;
		font-size:0;
		cursor:pointer;
	}
.nivo-controlNav a.active
	{
		background:#6166e4;
	}
.welcome{padding-bottom:20px;}
.welcome img{border:solid 1px #ddd;}
.welcome h1{font-size:20px; font-family: 'PTSansRegular'; line-height:normal;}
.welcome p{text-align:left;}

.content-box h2
	{
		border-bottom:solid 2px #eee;
		margin-bottom:20px;
	}
.content-box img{border:solid 1px #ddd;}

/*-----[Lates]-----*/
#latest
	{
		display:block;
		position:relative;
		overflow:hidden;
		height:320px;
	}
#latest > h2
	{
		display:block;
		border-bottom:solid 2px #eee;
		position:relative;
		margin-bottom:40px;
	}
#latest > h2 > span.bk
	{
		display:inline-block;
		background:#fff;
		position:absolute;
		padding:0 20px 0 5px;
	}
#latest ul{margin:0; padding:0; list-style:none;}
#latest ul > li
	{
		float:left;
		width:156px;
		border-bottom:solid 2px #ddd;
		margin-right:4px;		/*if run slider add value 18px*/
		text-align:center;
		position:relative;
		padding-bottom:10px;
		cursor:pointer;
	}
#latest ul > li > div.l-thumb
	{
		display:block;
		position:relative;
		width:143px;
		height:143px;
		overflow:hidden;
	}
#latest ul > li > span.cover
	{
		display:block;
		position:absolute;
		top:0;
		left:0;
		background:url("../images/cover.png") no-repeat;
		z-index:999 !important;
		width:143px;
		height:143px;
	}
#latest ul > li > span.cover a
	{
		display:block;
		width:143px;
		height:143px;
		border-radius:122px;
	}	
#latest ul > li > a.view
	{
		display:inline-block;
		background:#ddd;
		border-radius:4px;
		padding:5px 30px;
		color:#888;
	}
#latest ul > li:hover > a.view	{background:#373891;color:#fff;}

#latest ul > li h4{padding:20px 0;}

div.control
	{
		position:absolute;
		top:0px;
		right:0;
		background:#fff;
		padding:5px 20px;
	}
div.control > a
	{
		display:inline-block;
		height:25px;
		width:25px;
		background:url("../images/cr-arrow.png") no-repeat 0 0;
		font-size:0;
		margin-left:5px;
	}
div.control > a#prev{background-position:0 0;}
div.control > a#next{background-position:-40px 0;}
div.control > a:hover#prev{background-position:0 -26px;}
div.control > a:hover#next{background-position:-40px -26px;}

/*-----[/Lates]-----*/


#sidebar-home h2, .brand h2	{border-bottom:solid 2px #eee;}
#sidebar-home ul, #main-col-product ul
		{margin:0; padding:0 0 20px 0; list-style:none;}
#sidebar-home ul > li, #main-col-product ul > li
	{
		background:url("../images/arrow2.png") no-repeat 0 8px;
		padding:5px 0 5px 30px;
		font-size:15px;
	}
#sidebar-home img{border:solid 1px #ddd;}	
#sidebar-home span.sub-title{display:block;color:#666;font-size:13px;font-family: 'PTSansRegular';}
.address
	{
		width:180px;
		margin-top:20px;
	}
.address p{text-align:left;}	
.address strong, .address b{display:block;}
.address a{color:#666;}
.brand	{text-align:center;}
.brand h2{text-align:left; margin-bottom:10px;}

p.copy{float:left; width:auto; padding:3px 0;}
	
/*-----[Gallery setting]-----*/	
.gallery-slider
	{
		display:block;
		position:relative;
		width:960px;
		overflow:hidden;
	}
.control2
	{
		display:block;
		text-align:center;
		background:url("../images/back-control.jpg") repeat-x;
		margin-top:10px;
		position:relative;
		height:25px;
	}
.control2 > a
	{
		display:inline-block;
		height:30px;
		width:30px;
		background:#fff url("../images/control.png") no-repeat 0 0;
	}
.control2 > a.prev{background-position:0 0;}
.control2 > a.next{background-position:-33px 0;}
.control2 > a:hover.prev{background-position:0 -33px;}
.control2 > a:hover.next{background-position:-33px -33px;}	
		
.gallery{position:relative;}
.gallery ul{margin:0; padding:0; list-style:none;}
.gallery ul > li
	{
		float:left;
		width:216px;
		height:140px;
		margin-right:16px;
		border:solid 1px #e2e2e2;
		padding:5px;
		background:#efefef;
		border-radius:5px;
		overflow:hidden;
	}
#text-9
	{
		display:block;
		border:solid 1px #4449c1;
	}
#text-9 > h2.widgettitle
	{
		font-size:13px;
		color:#fff;
		background:#494bc2;
		padding:5px;
	}
#text-10 table{padding-bottom:10px;}
#text-10 table	tr{vertical-align:top;}
#text-11 > div.textwidget{border:solid 2px #ddd; border-radius:3px;}
#sidebar h2{border-bottom:solid 2px #eee; padding:10px 0 4px 0; margin-bottom:5px;}
#captcha{width:334px !important;}
